BT

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

| 作者: Dio Synodinos フォローする 4 人のフォロワー , 翻訳者 大田 緑 - (株)チェンジビジョン フォローする 1 人のフォロワー 投稿日 2010年11月1日. 推定読書時間: 1 分 |

原文(投稿日: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

このスレッドのメッセージについてEmailでリプライする
コミュニティコメント

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

このスレッドのメッセージについてEmailでリプライする

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

このスレッドのメッセージについてEmailでリプライする

ディスカッション

InfoQにログインし新機能を利用する


パスワードを忘れた方はこちらへ

Follow

お気に入りのトピックや著者をフォローする

業界やサイト内で一番重要な見出しを閲覧する

Like

より多いシグナル、より少ないノイズ

お気に入りのトピックと著者を選択して自分のフィードを作る

Notifications

最新情報をすぐ手に入れるようにしよう

通知設定をして、お気に入りコンテンツを見逃さないようにしよう!

BT