HTML5+JavaScriptでFlashコンテンツを再現する「Smokescreen」

    Junya Suzuki  [2010/06/02]

    Smokescreen」Webサイト

    スマートフォンなどの組み込み系デバイスでのFlashサポートが話題になっているが、ここにきて新しい技術がオープンソースとしてデビューを飾ろうとしている。Flashの代替技術が開発されつつあるのは多くが知るところだが、今回紹介する「Smokescreen」はFlashそのものを排除するのではなく、HTML5とJavaScriptを組み合わせてFlashコンテンツを再現しようというものだ。

    AppleがiPhone OS上でのFlash非サポートを宣言する一方、GoogleやOperaなどのベンダーがFlashサポートを改めて明言するなど、業界内部でFlashを中心とした対立構図ができあがりつつあることが大きな話題になっている。だが実務レベルの話でいえば、これまでさまざまな場面で利用されてきたFlashをいきなり丸ごと排除するのは現実的ではなく、既存のサービス内容を維持する一方で、特にiPhoneやiPadユーザーに対してFlashを代替する技術やサービスを提供する必要に迫られている。YouTubeのようにFlash動画のあるサイトにアクセスした場合、そのデバイスがiPhoneなどであれば、専用リンクを置いてアプリの起動を促すケースもある。あるいはサービスそのものをAppleがプッシュするHTML5やJavaScriptで書き換えてしまうのも手だ。

    とはいえ、すべてのサービスがすぐにFlash非依存環境に対応できるわけではない。例えば、Flashで記述されたバナー広告を見かけることが多いが、iPhoneでこうしたバナーが置かれたサイトにアクセスしても、その場所に青い小さなアイコンが表示されるのみで、コンテンツそのものは表示されないことになる。これは広告主やサイト運営者にとっては大きな損失だ。そこで登場するのが「Smokescreen」となる。

    Smokescreenの動作は、実際のデモを見てみるのが早い。Flashアニメーションやメニューなどでの利用も考えられるが、前述のようにFlashバナーのような身近な例を想定しているため、実際にFlashのSWFコンテンツとSmokescreenのHTML5+JavaScriptコンテンツを並べて表示しているサンプルデモで比較してみるといいだろう。ポイントはパフォーマンスで、Flashバージョンに比べてあまり遅延がないことがわかる。まだ技術仕様など詳細が公開されていないが、代替技術の1つとして注目しておくと面白いだろう。

    デモの1つ、「Lyris ad」をMac OS X+Safariで表示した状態

    同じデモをiPod touch(中央)、iPad(右)で表示した状態。Smokescreenベースのもののみ表示されている

    関連記事

    Googleに続き、OperaもFlashサポートを表明 [2010/5/31]
    WebMこと"VP8"サポートを巡る業界動向 - Safariサポートは? 特許問題は? [2010/5/26]
    米GoogleがVP8を「WebM」としてOSS化、主要ブラウザが一斉サポート [2010/5/20]
    Flashの父、「iPhoneは今後数年でFlashをサポートすることになる」 [2010/5/20]
    Adobe「選択の自由」でAppleに反撃、創設者がオープンレター [2010/5/14]
    AppleがFlash代替技術を用意? - プラグイン不要のRIAフレームワーク「Gianduia」 [2010/5/10]
    アドビCTO「アップルは19世紀の鉄道会社のように利己的」 - Web 2.0 Expo [2010/5/7]
    iPhone OSがFlashをサポートしない6つの理由 - ジョブズ氏が説明 [2010/4/30]
    Apple ジョブズ氏「クロスプラットフォーム開発環境は劣化アプリ量産と技術進展を阻害」 [2010/4/12]
    Apple、「iPhone OS 4 SDK」規約変更 - Flash CS5/MonoTouch排除へ [2010/4/9]
    Apple、Adobe、Google - iPhone/iPadのFlashサポートとHTML5を巡る最新事情 [2010/4/1]
    Flash CS5のiPhoneアプリ書き出し機能はライセンス違反!? - 元Adobe技術者が指摘 [2010/3/22]
    「FlashはCPUリソース食い」「HTML5で代用できる」は本当か? [2010/3/19]
    Apple iPadアプリ開発環境の最新事情 - Adobe CS/MonoTouch [2010/2/25]
    HTML5のみで実現したグラフィックツール「Sketchpad」 [2010/2/9]
    Apple ジョブズCEOの"怠け者"発言にAdobe CTOが反論 - Flashの裏事情と見解 [2010/2/5]
    米Adobe、iPadとFlash技術の関係について言及 [2010/2/1]

    関連サイト

    関連したタグ

    新着記事

    特設サイトの情報

      人気記事

      一覧

        イチオシ記事

        新着記事

        特別企画

        マイナビニュースマガジン