初見:Adobe EdgeはHTML5でFlash風アニメーションを実現すると約束

初見:Adobe EdgeはHTML5でFlash風アニメーションを実現すると約束

Adobe の新しい Web 開発ツールである Edge は、Flash と同様のダイナミックなモーションを、iPhone や iPad と互換性のある業界標準の HTML5 形式で提供することを目指しています。

Adobeのハイディ・ボルトマー氏とジョシュ・ハットウィッチ氏はAppleInsiderのインタビューで、現在無料でダウンロードできる新しいAdobe Edgeツールを披露しました。Edgeの最初のプレビュー版の公開により、Adobeはソフトウェアがクローズドベータ版のみで提供されていた従来の開発戦略から転換しました。

ボルトマー氏によると、アドビは今後数ヶ月かけてソフトウェアをアップデートしていく中で、開発コミュニティと連携し、フィードバックを求めていく予定だという。Adobe Edgeは2012年中に商用バージョン1.0としてリリースされる予定だ。

プレビュー期間についてボルトマー氏は「顧客は実際に自分たちの意見に基づいて製品が開発されるのを見ることになる」と語った。

Hatwich 氏はこのソフトウェアのデモンストレーションを行い、起動が速く、After Effects や Flash Pro など Adob​​e の他の製品を使用したことがある人ならすぐに使い慣れるユーザー インターフェースを備えていると述べた。

あるライブサンプルでは、​​Hatwich氏がAdobe Edgeを使ってHTML5のみで構築したアニメーションを作成しました。このアニメーションはEdgeの擬似広告で、テキストとグラフィックがフェードインとフェードアウトを繰り返しながら画面上をスライド表示していました。

この新しいモーション&インタラクションデザインツールにより、CSSやJavaScriptなどのWeb標準を用いてFlash風のコンテンツを作成できます。また、インターネットで広く使用されている人気のJavaScriptライブラリであるJQueryをベースにしたアニメーションフレームワークもサポートしています。

「HTML5とブラウザ固有の技術だけを使用して、本当に素晴らしい体験と素晴らしい効果を得ることができます」とハットウィッチ氏は語った。

別のデモでは、Adobe Edgeを使って既存のウェブサイトにHTML5要素を追加する方法を紹介しました。このアプリケーションを使ってウェブサイトのコンテンツ全体をダウンロードし、Hatwichはページ内の特定の要素をターゲットにできるようになりました。

エッジ3

この例では、ハトウィッチ氏はページ上の「div」と呼ばれる区切りを選択し、それが所定の位置にスライドするアニメーションを作成しました。その後、そのアニメーションをコピーしてページ上の別の要素に貼り付け、同じ動きを素早く再現しました。

Adobe EdgeでHTML5コードが生成された後、ハットウィッチ氏はAppleのSafariブラウザでページを開き、アニメーションの動作を実際に確認しました。ページのソースコードを確認すると、ページのHTMLマークアップ全体がそのまま残っており、Edgeはページのheadセクションにいくつかの「include」ファイルを追加しただけであることが示されました。実際のコンテンツはJavaScriptファイルとCSSファイルに保存されていました。

エッジ4

ハッチウィッチ氏は、Adobe Edge で現在利用できる機能は、サーバー側コンテンツ管理システムを採用している一部の Web サイトで現在行われている「大まかな引き継ぎ」よりも優れていると考えている、と述べた。

Adobeは、Flashを実行できないiPhoneとiPadを中心に、様々なブラウザとプラットフォームでツールのテストを行ってきました。一部のブラウザはHTML5仕様の一部しかサポートしていないため、サイトをシームレスに動作させるのはまだ開発段階にあるとAdobeは認めました。

「これは新興分野だ」とハトウィッチ氏は語った。

エッジ5

しかし、Web 開発が成長し、変化し続ける中、Adobe の担当者は、プログラマー向けの新しい強化されたツールによって Flash と HTML5 の両方を積極的にサポートし続ける意向を示しました。

そのため、ハットウィッチ氏は、AdobeがEdgeを設計の一環として「迅速なリリースサイクル」で開発していることを明らかにしました。今後数か月間、プレリリース版ソフトウェアへの多数のアップデートが計画されており、チームは1.0リリースに向けて開発を進めながら、新しい機能や機能性を追加していきます。

「我々は早く行動し、顧客から多くのフィードバックを得る必要があることを認識している」とボルトマー氏は述べた。「そして、そのフィードバックに適応するために迅速に行動する必要がある」