BT

最新技術を追い求めるデベロッパのための情報コミュニティ

寄稿

Topics

地域を選ぶ

InfoQ ホームページ ニュース AdobeがHTML5アニメーションのIDEを紹介

AdobeがHTML5アニメーションのIDEを紹介

ブックマーク

原文(投稿日:2010/10/27)へのリンク

例年の開発者会議でAdobeは、HTML5アニメーションのためのIDEを紹介した。Edgeというコードネームを持つこのIDEは、アニメーションをプレビューするWebKitレンダリングエンジンを持ち、Dreamweaverのようにソースコード編集モードを提供する。

EdgeのUIはAdobeの他のツールと同じ原則に従っているので、Flash開発者にはなじみのあるものになるだろう。Edgeには、ページのレイアウトを表示するステージウィンドウと、その下に様々な要素に対して今まで行われた修正を示すタイムラインウィンドウがある。ステージの右側は、DOM要素のためのレイヤパネルだ。レイヤを選択すると、プロパティエクスプローラにレイヤのプロパティが表示され、2Dと3DのCSS変換をサポートする。また、アクションやシンボルを使用するなど他にもFlashに似ている部分がある。

内部では、遷移を管理するためにEdgeはjQueryとCSSを使う。

// 特定のイベントで実行されるアクション, 例えば、ボタンがクリックされた
$.Edge.symbol.get(‘#pageHolder’).showContent(‘coffe’);

デモの例では、EdgeはjQuery UIjQuery Easing プラグインを利用するようだ。

さらなる情報は、Mark Anderson氏がIDEプロトタイプのデモをするビデオ[Flash]をAdobeTVで視聴できる。

Adobeがどれだけこのプロトタイプを取り上げようとしているのか、そして、<canvas> や <video>のようなコアなHTML5の技術のデモをすぐにするかどうかはまだはっきりしていない。

この記事に星をつける

おすすめ度
スタイル

BT