続・目指すのはぶっちぎりの速さ! HTML5版 Cacoo で刷新されたデータアーキテクチャを紐解く | 株式会社ヌーラボ(Nulab inc.)
こんにちは。Cacooの平山です。現在、僕たち Cacoo チームは脱Flash・ HTML5 化に向けて最終の追い込みの真っ最中です。そんな中ではありますが、前回の「ぶっちぎり」記事では、HTML5化に向けた描画技術としてSVGを選択したことをお伝えしました。今回は、HTML5版のもうひとつの改善ポイント「データ面での刷新」を紹介したいと思います。 Cacoo のデータ形式や構造の刷新・JSONフォーマットへの移行 HTML5版では、描画にSVGを採用するという変更だけではなく、抜本的なデータ形式や構造の刷新も行いました。これには以下3点の理由があります。 Flash版ではAMFというFlashに特化したデータフォーマットを採用している 図に含まれるデータ量に応じて、パフォーマンスが低下しやすい構造である サーバー内でデータを処理しにくい 1点目はFlashから脱却するにあたり対応必須な
WebGL 総本山
あらゆる技術をトリッキーかつポップに使いこなす ikeryou さんの devdev Inc. がウェブサイトをリニューアル WebGL GLSL demo 楽しいギミックが満載 今回ご紹介するのは、devdev Inc. のコーポレートサイトです。 こちらは @ikeryou さんが代表を務めてらっしゃる法人のウェブサイトで、今回はリニューアルされたということだったので、ご紹介しようと思います。 WebGL を始めとした様々な技術を組み合わせた、ギミ... もはやこれは恒例行事！？ unshift の年賀コンテンツは音も楽しいインタラクティブコンテンツ WebGL GLSL demo ぜひともサウンド有効で楽しみたい 今回ご紹介するのは、WebGL 事例でもよく知られている unshift さんが公開されている年賀コンテンツです。 当サイトでは年始に世界各国の年賀コンテンツを紹介すること
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
Canvas、WebGL、WebRTC、WebSocketなど、HTML5の花形スターとも言えるモテ系APIは、常に世間の注目を集めている。これらAPIを使いこなせるウェブディベロッパーはどこからも引っ張りだこだろう。しかし、注目度が低いながらも、今後のウェブを支える（かもしれない）最新のAPIが数多く存在する。このようなAPIは派手さが足りないゆえに話題になることもない。しかし、これら非モテ系のAPIも含めてHTML5だ。 本セッションでは、ありきたりのモテ系APIに飽きたマニアな貴方のために、普段は陽の当たらないAPIを一挙紹介する。もちろん、どれかのブラウザーに実装されているAPIのみだ。今から使おうと思えば使えないことはない。そして、W3Cにて仕様策定が始まって日が浅いため、明日にはどうなるか分からない。無くなるかもしれないし、大幅に変更されてしまうかもしれない。今覚えても役に立た
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
html5shiv.jsの使いどころ
2013/02/04 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります techHTML5oldIE HTML5のタグで書いてはいけないレアケース にて、『html5shiv.jsを読み込んで・・・』みたいな記事を書いたのですが、そもそも html5shiv.js とは何でしょうか。 似たようなものの中に、html5.js, html5shim.js, html5shiv.js などが見られますが、これらの違いについても調べてみたいと思います。 html5shiv.jsってなに？html5shiv.js が読み込まれなかったとき、oldIEではどうなってしまうのかを、もう少し詳細に見てみたいと思います。 これは HTML5のタグで書いてはいけないレアケース で書いたサンプルページを、IE8の開発者ツールで見てみた時のスクリーンショットです。 <!-- do
HTML5でAudioを便利に使うライブラリ「Buzz」 | Web活メモ帳
HTML5に対応しているブラウザであれば、再生、一時停止、停止、ボリュームコントロールのようなアクションを制御する事ができるようになります。 それ以外にも、オーディオのループや再生時間の取得、イベントの取得などなど、 色々なAPIが用意されています。 対応しているファイル形式 ファイル形式はOgg、Mp3、Wav、Aacの４種類に対応しているようです。 音声の再生には以前はFlashが必須でしたが、こういったライブラリで手軽に設置できるようになって来たのが嬉しいですね。 ブラウザによっては動作しないものもあるようですが、 フェードイン/フェードアウトも実装されていました。 デモも非常に面白いサイトに出来上がっていました。 こういった便利なライブラリは覚えておくといつか使えそうです。 詳細&ダウンロードは下のリンクからどうぞ。
HTML5でサイトをつくろう
若者を中心に爆発的な人気となり、ユーザーを増やし続けているInstagram。Web関連の仕事をしていると、最近ではクライアントからも「Instagramを使いたい」という要望も聞くようになりました。Instagramが今どうなっているのか？どう活用し、どのように見てもらうのか、初歩的な内容から少し専門的な内容まで、参考になるサイトや記事をまとめました。
情弱なはてブ民にも判りやすく HTML5 vs Flash のこと教えてやる
(ここで言うHTML5はcss3とJavascriptも含めた技術全体の事、逆にFlashはAir等の派生技術は含めないブラウザ上のFlashPlayerの技術のみを指します。） ウェブに携わる人間には常識だけど、HTML5は何でも出来るスーパーヒーローではない。 どちらかというと、中日の高木とか、ヤクルトの宮本とか、巨人の川相とかの方が近い。知らないやつはググれgoogle:いぶし銀。 HTML5の真骨頂は、昨今のリッチなインターネットコンテンツを、非常に簡潔にスマートに記述できるところにある。複雑な事をすれば凝った事もある程度できるけど、得意分野じゃない（標準APIが機能不足だし、JavaScriptの言語仕様が複雑な処理に向いていない）。 ブラウザだけでここまで出来る、とか、 Flashはもういらない、とか、 ってのは、川相だって筋肉付ければホームラン打てるようになるし清原はもういら
ajiblo - HTML5+jsで背景のスクロール速度を変える。
function calcParallax(tileheight, speedratio, scrollposition) { return ((tileheight) – (Math.floor(scrollposition / speedratio) % (tileheight+1))); } window.onload = function() { window.onscroll = function() { var posY = (document.documentElement.scrollTop) ? document.documentElement.scrollTop : window.pageYOffset; var firstWrapping = document.getElementById(‘firstWrapping’); var firstWrappingpara
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
The-M-Project - HTML5 Javascript Framework
SNSなどの定番アプリやスマホに関するお悩み解決メディア
iAd Producer - Apple Developer
iAd Producer makes it easy for you to design and assemble high-impact, interactive content for iAd. iAd Producer automatically manages the HTML5, CSS3 and JavaScript behind your iAd to make creating beautiful, motion-rich iAd content as easy as point and click. For advanced developers, iAd Producer offers sophisticated JavaScript editing and debugging, along with a powerful extension mechanism tha
【コラム】クリエイター業界最前線 (11) HTML5で変わるWebデザイン | クリエイティブ | マイコミジャーナル
デジタルハリウッド専任講師の栗谷幸助です。7月から始めさせていただいたワタクシ担当のコラムも最終回を迎えました。今回は「Web制作において現在使われている技術、そしてこれから使われていく技術」について紹介をしていきたいと思います。 Web制作において現在使われている技術 第8回コラム「Webデザインの流れを料理番組風にわかりやすく紹介!」では、Webデザインの一連の流れと、使用をする材料・道具などについてお話をいたしました。また その中で、Webページはページの土台となる「HTML」と見た目やレイアウトを整える雛形文書である「CSS」で構成されていることもお話いたしました。 では、HTMLとCSSさえ使用すればWebサイトを作成することが出来るのか? 答えは「△」です。もちろん、HTMLとCSSのみでWebページを作成し公開することは出来ます。ただ、昨今のWebサイトは画像や文字のみならず
HTML5 For Web Designers by Jeremy Keith & Rachel Andrew
HTML5 isn’t as confusing as it once was, but it still isn’t straightforward. It’s an evolutionary, rather than revolutionary, change in the ongoing story of markup—and if you’re currently creating websites with any version of HTML, you’re already using HTML5. Harness the power of this essential evolving spec with help from Jeremy Keith and Rachel Andrew. Brush up on syntax and updated elements, an
theshodo - Bing
FUNCTION LIMITED. Get the best experience with Internet Explorer 10. Beauty of the Web for Upgrading to Internet Explorer. JavaScript is …
HTML5でWebアプリ！マークアップエンジニアがつくるToDo管理アプリ
「DeNA × 面白法人カヤック × クリーク・アンド・リバー社 セミナー」に登壇することになりました。 はじめまして。 このブログで書くのは初めてのME課の比留間(@edo_m18)です。 今回は9/23に開催される「DeNA × 面白法人カヤック × クリーク・アンド・リバー社 セミナー」で、 自分のセッションのプロローグを書きたいと思います。 セッションのタイトルは「もしも、マークアップエンジニアがひとりでWebサイトをつくるとしたら ～HTML5でつくるWebアプリ～」です。 話の内容は、最近なにかと目にする「HTML5」について。 その中でも関連API(JavaScript)を使ったwebアプリについて話したいと思っています。 HTML5になることで、今まではサーバを介してしかできなかったこと、そもそもブラウザ上では実現不可能だったことが実現できるようになります。 これを利用して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
remora.cx
HostMetro.com
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介
IBM Developer
