HTML5 ツール Adobe Edge

edge_557x200.gif

こんにちは、岩下です。

先週、スマートフォン対応サイトを作成するために新しいツールを検証する機会がありましたので紹介いたします。

Adobe Edge(プレビュー版)
HTML5, JavaScript, CSS3 ベースのアニメーションやインタラクションを、画ツールやタイムラインを使って制作できるオーサリングツールです。

特徴
 HTML5やCSS3によるアニメーションを、コードを書くことなく作成することができる。
 JavaScriptライブラリのjQueryをベースとして開発されており、Flashなどと同様にタイムラインに沿ってオブジェクトの移動や効果を指定することでアニメーションを作成することができる。

まだまだ開発段階のツールではありますが、
最近Adobeは、CS6の発表を待たずに、HTML5やCSS3の機能を強化したCS5.5を発表した経緯もありますので、Adobeの本気度をうかがえるツールではないかと思います。

サンプルページがソース付きでこちらのページに紹介されています。 (Adobe Edge Preview Sample Files