JSエンジニアがアドビに聞く “iPhoneでFlashが動いたらアドビはFlashの開発を続けたか”:D89クリップ(51)
Flash、Web、モバイルコンテンツ開発はどうすべきか。カヤックのJavaScriptエンジニアが、アドビのマイク・チャンバーズ氏に聞いた
FlashとHTML5の関係が注目される今、アドビはHTML5をどのように見ているのか。
HTML5エンジニア向けサービス「jsdo.it」、Flashエンジニア向けサービス「wonderfl build Flash online」を運営するカヤックのフロントエンドエンジニアが、来日したアドビシステムズ Web Platformディベロッパー アドボカシー ディレクターマイク・チャンバーズ(Mike Chambers)氏に、Flashの今後や、ツールベンダとしてHTML5とどう関わっていくかを聞いた。
HTML5との関わりに関して
──まず、よく聞かれる質問だとは思いますが、アドビはHTML5で起こる技術的変化を歓迎するのでしょうか、それとも迎え撃とうとしているのでしょうか。
もちろん、歓迎します。基本的に、私たちは、どのような技術的変化も歓迎します。
ただ、これまでは私たちがHTML5に関する技術的変化を歓迎しているというイメージを、うまくアピールできていなかったため、皆さんに誤解されていたことも事実です。
さらに、Flash vs HTML5という構図はインパクトがあり、各メディアのイメージがそちらに引きずられてしまい、誤解に拍車がかかっていました。
しかし、私たちが提供しているツールを見てもらえれば分かるように、Adobe CS6でもHTML5に対応するツールを提供しています。
ここまでの10年は、Flashが最も表現力の高いツールだったため、Flashへ注力していましたが、HTML5の表現力もここ数年で十分高くなってきたため、アドビもHTML5に注力しています。
──Toolkit for CreateJSやEdgeなどのHTML5コンテンツ制作ツールを開発しているベンダとして、現在のHTML5に不足していると感じる点はありますか?
HTML5への不満は数多くあります。が、ただ単純に不満点を伝えるだけではなく、直接、ソースコードを直す動きにも関わっています。
具体的な内容はAdobe & HTMLにも掲載していますが、例としてテキスト関係でCSS Regions、CSS Exclusionsの仕様をW3Cへ提案し、WebKitへもコードを提供しました。
これに関しては、社内にエンジニアのみのチームがあり、そのチームがW3Cドラフトや、WebKitへのパッチを書いています。
──ブラウザベンダとの関係はどうなのでしょうか。どういった形で連携していますか?
各ブラウザベンダとは、もともとFlash Playerの開発で連携をしていたため、かなり深い関係があります。HTML5関連技術に関しては、各ブラウザベンダと直接連携するのではなく、主にW3CへのドラフトとWebKitへのパッチを通じて連携しています。
ただ、直接的な連携以外でも、ブラウザベンダが、CSSのテストケースを作成するイベント「Test the Web Forward」を主催しています。アドビは、このイベントを通じて、ブラウザ間の互換性を向上するための、テストケースの作成に関わっています。
HTML5を作成するためのツールに関して
──今後、Webの開発ツールには、どういった機能が求められていくでしょうか。また、アドビとしては、どういったツールを提供していく予定ですか?
これまで以上に、マルチデバイス対応と、 1つのHTMLを、CSSメディアクエリで、複数のスクリーンサイズ向けに最適化する手法「レスポンシブWebデザイン」への対応が重要になっていくでしょう。
私たちが提供するツールの今後に関しては、これまでのように1つのツールですべての機能をカバーするのではなく、Adobe Shadowのような小さなツールを組み合わせて開発するスタイルをベースにする予定です。
──現在、アドビが提供しているHTML5のコンテンツを作成するツールとしてはToolkit for CreateJSとEdgeがありますが、これは今後統合されるのでしょうか、それとも現状のまま独立して提供されるのでしょうか?Toolkit for CreateJSとEdgeがありますが、これは今後統合されるのでしょうか、それとも現状のまま独立して提供されるのでしょうか?
Toolkit for CreateJSとEdgeの統合は予定していません。
理由として、Toolkit for CreateJSは、FlashをHTML5へ変換することをメインにしていますが、Flashはこれまでの歴史が長く、すべての機能をHTML5コンテンツへ変換することが難しいためです。
それと比べて、Edgeはタイムラインアニメーションを、HTML5のコードで出力することを主眼に置いているため、Toolkit for CreateJSよりも適した形のコードを出力できます。
ただ、バージョン1以降にはなりますが、Edgeで作成したアニメーションをFlashへインポートする機能を提供する予定をしています。
──現在、アドビからはデザイナ、アニメータ向けのツールが多く公開されていますが、今後、JavaScriptをメインで開発するエンジニア向けのツールを公開する予定はありますか?
そういったデベロッパに対しては、先日公開したBracketsが興味深いツールとなるでしょう。
まず、このエディタはCEF(Chromium Embedded Framework)をベースに開発されているため、HTML、CSS、JavaScriptを使ってこのエディタ自体の機能を拡張できます。
他に、特徴としては、エディタ上の修正を、リアルタイムに、ブラウザ上で確認する「ライブデベロップメント」ができます。HTMLエディタ上のidやclass名から、直接その定義が書かれたCSSファイルを呼び出して、編集できるクイックエディットや、JSLintやUnitTest Toolsとの連携などの機能を持っています。
開発はGithub上で行っており、ライセンスもMITライセンスを採用しているので、ぜひ開発にも参加してください。
Flashに関して
──仮定の話になりますが、もしiOSブラウザ上でもFlashが使えたらアドビはAndroidも含めたモバイル向けFlashの開発を続けていたでしょうか?
非常に大きな仮定の話なので答えにくい質問ではありますが、モバイル向けFlashの開発を中止したのは、iOSブラウザ上で動かないことのほかにも、いくつかの理由があります。
まず、ユーザーから見た場合、モバイルではリッチなコンテンツはアプリで閲覧する、という選択肢があります。PCに比べて、Flashへのユーザーの期待値が違うと考えています。
また、これには帯域も問題になります。アプリは事前にダウンロード時間を持てますが、Webサイト上のFlashにはそれがないため、リッチなコンテンツを閲覧しようとした場合、最初に長いダウンロード時間を待つ必要があります。
それ以外に、アップルやグーグル、マイクロソフトなどのプラットフォームベンダが準備するマネタイズ・プラットフォームに、アプリを乗せてもらえないという問題もあります。Flashデベロッパも、アプリにした方がマネタイズしやすいということです。
──アドビとしては、現在Flashを使ってPC向けのWebコンテンツを作成しているデベロッパが、これからモバイルコンテンツを作成する場合、どのツールを使うことを推奨していきますか?
推奨するツールは「何を作成したいか」によって変わります。
すでにFlashで作成したコンテンツをHTML5へ変換したいのであればToolkit for CreateJSを推奨しますし、これからHTML5のコンテンツを作成するのであればEdgeを推奨します。
また、直接コードを書くことをお好みの方は、Dreamweaverから直接CSS3アニメーションのコードを記述する方が適しているかもしれません。
ただ、特にモバイルコンテンツの場合、ロード時間の問題もあるため、単にリッチなコンテンツを作成すれば、ユーザーの満足度が上がるわけではないということを注意する必要があります。
──それでは、PC向けのUIツールとしては、今後もFlashを推奨していくのでしょうか?
これも、「何を作成したいか」によって変わります。
もちろん、Flashも選択肢となりますし、HTML5との連携が重要であれば、Edgeも選択肢となるでしょう。
これに関して付け加えるなら、Flashは今後ゲームやビデオといった分野に注力していくため、こういったコンテンツを作成するのであれば今後も特に強力な選択肢となるでしょう。
──ゲームの作成ツールとしてはUnityも人気がありますが、Unity Technologiesとの関係はどうでしょうか?
Unity Technologiesとは、Unityで作成されたコンテンツをFlashで書き出すためのプラグインの作成などで連携していて、協力関係にあります。
Flash Playerの価値向上にもつながるため、私たちとしても歓迎しています。
また、私たちは用途に合わせて、いいツールを選択するのがベストだと考えていて、現時点で3Dゲームを作成するなら、Unityはいい選択肢になるでしょう。
このため、現状では私たちが3Dゲームの制作ツールを作ることは予定していません。
最後に
──他にWeb開発の今後に関してコメントがあればお願いします。
HTML5はこれからも進歩していくと思いますし、私たちも一緒にそれを推進していきたいと考えています。
ただ、HTML5は各ブラウザベンダの合意を元に進めていく形になるため、進化の速度でいうとFlashの方が早くなるでしょう。
これは特にゲーム、ビデオの分野では顕著で、私たちは特にこの分野をFlashの領域にしたいと考えています。
筆者紹介
面白法人カヤック 技術部クリエイター
吾郷協(あごう きょう)
カヤックのJavaScriptエンジニア。 「SVG女子」、JavaScriptの投稿共有サイト「jsdo.it」、オリジナルのソーシャルゲームなどの制作に参加。受賞歴に、第8回東京インタラクティブ・アド・アワード、ウェブサイト部門銅賞、第31回 2010 日本BtoB広告賞 金賞など。
Mike Chambers氏(左)と、取材に同席してくれたアドビのゲームディベロッパエバンジェリストのLee Brimelow氏と(右)。
- Yamaguchi Mini Maker Faireに西日本のMakerが集結!
- 「Makeすることで世界は変わる」〜「Make」編集長が語るMakerムーブメント
- みんな笑顔のお祭り〜Maker Faire: Taipei 2013
- 生物学からMakerムーブメントまで、ニコニコ学会βの範囲がさらに広がる!
- 人とコンピュータの未来 インタラクション2013レポート
- 開発者のスタ誕「CROSS VS」が開催、おばかアプリ選手権賞は…
- 誰もが研究者の時代? ニコニコ学会βレポート
- メリーおばか! 聖夜にふさわしいおばかアプリ、お台場に集結
- 世界に誇る日本の学生のバーチャルリアリティ力
- 「アドテック東京」で「アホテック東京」を作った話
- 手軽に家電が作れる時代に小さな会社だからできること
- 五輪より熱い!? ベスト8が頂点競う おばかアプリ選手権
- 『FabLife』のインターネット黎明期のようなワクワク感
- JSエンジニアがアドビに聞く “iPhoneでFlashが動いたらアドビはFlashの開発を続けたか”
- 何食わぬ顔で、その荒野の真ん中に躍り出よ
- jQuery MobileなどUIフレームワークの基礎を学ぼう
- Retina ディスプレイを搭載し、薄型化した
- 超エンジニアミーティングに集ったテクノロジ
- 僕らはみんな何かの作り手だ!
- Kinectで巨乳になれるワールドカップ2012レポート
- おばかの“合コン”「ばかコン」、Ruby使いの女子大生モデル・池澤あやかさんも参加
- 【第29回 HTML5とか勉強会レポート】 次のモバイルアプリはどのフレームワークで作る?
- 【第27回 HTML5とか勉強会レポート】 LESSやTwitter Bootstrapで簡単デザイン
- 女子大生が異彩を放った「おばかアプリブレスト大会」
- 【おばかアプリ公開ブレスト ザリガニワークス徹底分解】 分解して振り切って、余白でコミュニケーションを
- 【HTML5とか勉強会レポート Webと電子書籍】 なぜWebではなく電子書籍なのか?
- 【HTML5とか勉強会 Webと家電】 家電のUIになるブラウザ
- 【Qtカンファレンスインタビュー】 Qt5で10億人ユーザーへ、OSSコミュニティ化でますます健在に
- 【第24回 HTML5とか勉強会レポート】 108もあるぞ! HTML5の要素数
- 【@ITスマートフォンアプリ選手権レポート】 学生からプロまで入り乱れてのアプリ合戦頂上対決!
- 【「iPhone・iPadアプリ大賞2011」レポート】 グランプリは生徒と先生が作った役に立つARアプリ
- 【第23回 HTML5とか勉強会レポート】 HTML5のデバイス&位置情報系APIを使いこなせ!
- 作りたい欲求を刺激するMake:07@東工大レポート
- 500作品が競った「Mashup Awards 7」表彰式
- 【第22回 HTML5とか勉強会レポート】 Processing.js、SVG、WebGL。HTML5周辺のグラフィック関連技術
- 【Google Developer Day 2011 Japanレポート】 HTML5で今までにないサイトを作る
- 【第21回 HTML5とか勉強会】 ゲーム開発はHTML5+スマホベースが新潮流
- 【東京ゲームショウ2011】 ゲームは、スマートフォン、拡張現実、そしてナチュラルインターフェイスに
- 第5回おばかアプリ選手権レポート 見よ! コレジャナーイアプリの数々を!
- Adobeが作ったHTML作成ツール、Edgeの本気度
- 【Chrome+HTML5 Conferenceレポート 】HTML5づくしの1日
- 【おばかアプリブレスト会議レポート 】おばかな人知が集結したブレスト会議
- 【15分で体験するApple WWDC 2011 Keynote】「iCloud」が示す「こちら側」を中心とした世界観とは?
- jQuery Mobile+PhoneGap連携でDreamweaverはスマホアプリ開発ツールに?
- 歌あり笑いあり過去最大規模となった技術者の祭典
- 「無料モデルに興味はない」「プログラマは創造的だ」〜セオドア・グレイ氏インタビュー
- Windows 7でも「おばかアプリ選手権」は大爆笑でした
- 4回目を迎えたおばかアプリ選手権、その見所とは
- おばかアプリ作成のための超まじめな勉強会レポート
- Flash CS5のiPhoneアプリ変換機能は無駄にならない
- デザイナだからこそ作れるUXに企業が注目している
- マッシュアップを超えたマッシュアップを−Mashup Awards 5表彰式レポート
- 3回目にして完成形を迎えた「おばかアプリ選手権」
- Web標準に準拠し独自技術Silverlightで補完する
- 3回目はあるのか? おばかアプリ選手権レポート
- クリエイターであるためにFlash待ち受けを出し続ける
- ユーザーエクスペリエンスのadaptive path訪問記
- 第1回おばかアプリ選手権はこうして行われた
- Adobe MAXレポート:Webにおけるグラフィック表現手段としてのFlash
- ケータイ版AIRでFlash Liteの成功パターンを踏襲
- ペパボ社長・家入氏が語る、バカとまじめの振り子の関係
- 植物の「緑さん」がブロガーになるまで
- Chumby開発者が語る 誕生秘話とビジネスモデル
- Mashup Awards授賞式レポート マッシュアップ+ひとひねり=MA4の受賞作
Copyright © ITmedia, Inc. All Rights Reserved.