BT

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の技術のデモをすぐにするかどうかはまだはっきりしていない。

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

BT

あなたのプロファイルは最新ですか?プロフィールを確認してアップデートしてください。

Eメールを変更すると確認のメールが配信されます。

会社名:
役職:
組織規模:
国:
都道府県:
新しいメールアドレスに確認用のメールを送信します。このポップアップ画面は自動的に閉じられます。