2010.07.23

      RIAのマルチスクリーン展開とFlash Platform
      太田禎一 | アドビ システムズ 株式会社 テクニカルエバンジェリスト




© 2010 Adobe Systems Incorpo...
アジェンダ

      デスクトップRIAとしてのFlashランタイム
            Flash Player & Adobe AIR
            Flashの受難
      Flash Platformのマル...
デスクトップRIAとしてのFlashランタイム




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flash Platform
                                                            AIR(.air)                               Flash(....
RIAのためのRuntime
                                                            AIR(.air)                               Flash(....
Flash Player普及率調査:Millward Brown




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   6
ブラウザプラグイン普及率調査:riastats.com




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   7
Flashの受難

      http://www.nicovideo.jp/watch/sm10849890




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adob...
まずコレ




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   9
ほんでもってコレ




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   10
…なくなるの?



                                                                              Flash




© 2010 Adobe Systems In...
GUIMARK2




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   12
Source: http://www.craftymin...
Flash Platformのマルチスクリーン展開




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Android ❤ Flash & AIR

      Google I/O 2010




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidenti...
なぜ?

      "It turns out that on the internet… people use Flash!”
       - Vic Gundotra, Google



                      ...
Flash Player 10.1 for Android:OEMリリース済み




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   ...
Adobe Flash showcase for mobile


                                                                              http://m.f...
AIR for Android:2010年内リリース予定




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   18
Google TV & Flash Player:2010年10月予定 (Google社によれば)




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confid...
Android向け開発ワークフロー
                                                                                     UI/コンテンツデ
         ...
Adobe CS5のAndroidエミュレーション(Device Central)




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ...
http://labs.adobe.com/technologies/air2/android

                                                                         ...
AIR for Android開発ワークフロー

                                                                                   従来のFlash開発フローそ...
AIR for Android開発ワークフロー

                                                                                               従来...
AIR for Androidの機能について特記事項

      Camera入力 (静止画・動画) アクセス
      Mic入力アクセス
      Camera Rollからの画像読み込み
      ActionScript...
Flexフレームワークもモバイル向けに進化




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   26
Flash Platformのビジョン




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   27
Open Screen Project 参加パートナー企業




                                                                              `




© 20...
マルチスクリーンをカバーするRIAの最適解は?




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
RIA開発技術の選択肢

                                                                                    ネイティブ
                   ...
マルチスクリーン時代の到来と新たな課題

                          Androidデバイスリスト
             http://www.androidtapp.com/list-of-android-devi...
Good News!スマートフォンにおけるWebKit ("HTML5") の台頭

                                                           Flash               ...
WebKit & "HTML5"でオールオッケーじゃんか!




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   33
もうFlashぜんぶ"HTML5"で置き換えちゃえばいいんじゃね?




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   34
Lin...
うんうん、CSS Animationすごいすごい。だけど…

                                                                                    実際のコード
...
別の調査結果




                                                                                   33%...




© 2010 Adobe Syst...
つまり…




     CSS3アニメーションは、スマートフォンは大丈夫っ
      ぽいけど、PCにおいてはまだごく一部のユーザーに
            しかデリバーできないのが現実




© 2010 Adobe Systems...
再確認しますよ




                                                 FlashでRIAを作れば、
                                              ...
大事なのは




                                                        Total Addressable Market




© 2010 Adobe Systems Incorp...
HTML5 & Total Addressable Market

                                                                                        ...
Flash & Total Addressable Market

              インターネット接続OS市場シェア (June 2010)




                                         ...
Flash & Total Addressable Market:Zyngaのアプローチ

              インターネット接続OS市場シェア (June 2010)




                             ...
2010年7月現在とりうるRIA成功の戦略

      ビデオでもリッチコンテンツでも、PC向けはFlash+HTMLでリッチさと
       リーチをともにきっちり確保する
      iデバイス向けにはほかに選択肢がないので"HTM...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Upcoming SlideShare
Loading in …5
×

RIAのマルチスクリーン展開とFlash Platform

2,880 views

Published on

丸山先生レクチャーシリーズ 2010 第6回資料

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,880
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
21
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

RIAのマルチスクリーン展開とFlash Platform

  1. 1. 2010.07.23 RIAのマルチスクリーン展開とFlash Platform 太田禎一 | アドビ システムズ 株式会社 テクニカルエバンジェリスト © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  2. 2. アジェンダ  デスクトップRIAとしてのFlashランタイム  Flash Player & Adobe AIR  Flashの受難  Flash Platformのマルチスクリーン展開  Android ❤ Flash & AIR  Flash Player & Adobe AIRのマルチスクリーン対応  マルチスクリーンをカバーするRIAの最適解は?  WebKitの台頭はRIAの救世主?  リッチ + 開発者リーチ + ユーザーリーチ © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2
  3. 3. デスクトップRIAとしてのFlashランタイム © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  4. 4. Flash Platform AIR(.air) Flash(.swf) Ajax デスクトップ向け ブラウザ向け (.js/.html) サーバー Appサーバー Appサーバー APPサーバー およびクラウド / Service / Service データプッシュ データプッシュ バイナリ通信 バイナリ通信 XML/SOAP XML/SOAP XML/JSON (Request) サーバー間通信 HTML データ形式 AIRアプリケーション Flashアプリケーション HTML アプリケーション + (フレームワーク) JavaScript Flex フレームワーク Flex フレームワーク Flash Player 実行環境 AIR Runtime ブラウザ (ランタイム) ブラウザ OS WIN Mac Linux WIN Mac Linux WIN Mac Linux ローカルDB SQLite © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  5. 5. RIAのためのRuntime AIR(.air) Flash(.swf) Ajax デスクトップ向け ブラウザ向け (.js/.html) サーバー Appサーバー Appサーバー APPサーバー およびクラウド / Service / Service データプッシュ データプッシュ バイナリ通信 バイナリ通信 XML/SOAP XML/SOAP XML/JSON (Request) サーバー間通信 HTML データ形式 AIRアプリケーション Flashアプリケーション HTML アプリケーション + (フレームワーク) JavaScript Flex フレームワーク Flex フレームワーク Flash Player 実行環境 AIR Runtime ブラウザ (ランタイム) ブラウザ OS WIN Mac Linux WIN Mac Linux WIN Mac Linux ローカルDB SQLite © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  6. 6. Flash Player普及率調査:Millward Brown © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6
  7. 7. ブラウザプラグイン普及率調査:riastats.com © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 7
  8. 8. Flashの受難  http://www.nicovideo.jp/watch/sm10849890 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 8
  9. 9. まずコレ © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9
  10. 10. ほんでもってコレ © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 10
  11. 11. …なくなるの? Flash © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 11
  12. 12. GUIMARK2 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12 Source: http://www.craftymind.com/guimark2/
  13. 13. Flash Platformのマルチスクリーン展開 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  14. 14. Android ❤ Flash & AIR  Google I/O 2010 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14
  15. 15. なぜ?  "It turns out that on the internet… people use Flash!” - Vic Gundotra, Google みんな Flashつか てるよ! © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 15
  16. 16. Flash Player 10.1 for Android:OEMリリース済み © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16
  17. 17. Adobe Flash showcase for mobile http://m.flash.com/ © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 17
  18. 18. AIR for Android:2010年内リリース予定 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 18
  19. 19. Google TV & Flash Player:2010年10月予定 (Google社によれば) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 19
  20. 20. Android向け開発ワークフロー UI/コンテンツデ ザインのほとん Ps/Aiのデザイン どは を参考に、 Photoshop/Illust EclipseやADTを ratorで始まる 使い開発 (UIは XMLで定義) アプリ (APK) デザインを 直接読み込み Flash三兄弟で開発、 Webまたはアプリ にパブリッシュ Web (SWF) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 20
  21. 21. Adobe CS5のAndroidエミュレーション(Device Central) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 21
  22. 22. http://labs.adobe.com/technologies/air2/android 英語のプレリリースプログラム (登録制) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 22
  23. 23. AIR for Android開発ワークフロー 従来のFlash開発フローそのままで Androidアプリを生成できます 拡張機能 (ベー タ版) をFlash Pro CS5にインス トールして使い ます © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 23
  24. 24. AIR for Android開発ワークフロー 従来のFlex開発フローそのままで Androidアプリを生成できます Adobeのプラット フォームエバンジェリ ストが作ったPackage Assistant Pro*を使うと ラクチン © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 24 * http://www.webkitchen.be/package-assistant-pro/
  25. 25. AIR for Androidの機能について特記事項  Camera入力 (静止画・動画) アクセス  Mic入力アクセス  Camera Rollからの画像読み込み  ActionScript 3 (AS2は非対応)  Stage WebView (HTMLの組み込み)  "sms:" "tel:" スキームを使った外部アプリケーション呼び出し  P2P通信  GPS  加速度計  マルチタッチ & ジェスチャー  Intentは最初のリリースでは非対応 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 25
  26. 26. Flexフレームワークもモバイル向けに進化 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 26
  27. 27. Flash Platformのビジョン © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 27
  28. 28. Open Screen Project 参加パートナー企業 ` © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 28
  29. 29. マルチスクリーンをカバーするRIAの最適解は? © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  30. 30. RIA開発技術の選択肢 ネイティブ アプリ (ローレベルAPI) AIRアプリ (ローカルファイルアク 提供できる機能 セス/ネイティブ連携 /WebView/Market) Flash Player 〜ブラウザ内〜 (ハイパフォーマンス/2.5D API/マイ ク&カメラ入力/タイポグラフィ /DataGrid) HTML/HTML5 〜ブラウザ内〜 (OKパフォーマンス/Forms/Video) 開発者リーチ © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 30
  31. 31. マルチスクリーン時代の到来と新たな課題 Androidデバイスリスト http://www.androidtapp.com/list-of-android-devices/ iOSデバイス NVIDIA Tegra-powered HTC HD2 Dell Mini 5 タブレット ケータイ タブレット ❶ ❷ Motorola Droid Google Nexus One Google TV ケータイ ケータイ テレビ © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 31
  32. 32. Good News!スマートフォンにおけるWebKit ("HTML5") の台頭 Flash AIR WebKit Symbian △ (Flash Lite) ? ◎ Blackberry (◎) (◎) ◎ iOS × × ◎ Android (◎) (◎) ◎ WebOS (◎) (◎) ◎ MeeGo (◎) (◎) ◎ Windows (◎) ? × Phone 7 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 32
  33. 33. WebKit & "HTML5"でオールオッケーじゃんか! © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 33
  34. 34. もうFlashぜんぶ"HTML5"で置き換えちゃえばいいんじゃね? © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 34 Link: http://www.sencha.com/deploy/css3-ads/
  35. 35. うんうん、CSS Animationすごいすごい。だけど… 実際のコード iPhone/iPadと Android (WebKit) はOKだが… PCではそうも いかない。 Safari 4+ & Chrome 3+の PCにおけるシェアは 11.83% © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 35 Source: http://caniuse.com/
  36. 36. 別の調査結果 33%... © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 36 Source: http://www.findmebyip.com/litmus/
  37. 37. つまり… CSS3アニメーションは、スマートフォンは大丈夫っ ぽいけど、PCにおいてはまだごく一部のユーザーに しかデリバーできないのが現実 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 37
  38. 38. 再確認しますよ FlashでRIAを作れば、 OS・ブラウザを問わず、 自動的に99.7% (ver. 9+) の インターネット接続PCユーザー (圧倒的なマジョリティ) に リーチできる © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 38
  39. 39. 大事なのは Total Addressable Market © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 39
  40. 40. HTML5 & Total Addressable Market PCにおける"HTML5"の 普及は進んでいない HTML5 Video (H.264) @11.73% (Theora) @32.45% HTML5 Canvas @37.15% SVG @37.09% インターネット接続機器 OS市場シェア (June 2010) by Wikipedia モバイル用のWebKitは まだ実装がバラバラで 未完成 96.75%を占める Desktop PC Desktop PC Others (incl. smartphones) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 40 Source: http://a.deveria.com/caniuse/ http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2 June 2010
  41. 41. Flash & Total Addressable Market インターネット接続OS市場シェア (June 2010) Desktop PC Others (incl. smartphones) Linux@1.19% iOS@0.90% Android@0.12% Others@1.16% © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 41 Source: http://en.wikipedia.org/wiki/Usage_share_of_operating_systems/
  42. 42. Flash & Total Addressable Market:Zyngaのアプローチ インターネット接続OS市場シェア (June 2010) Desktop PC ここだけiOS Others (incl. smartphones) ネイティブアプリ Linux@1.19% iOS@0.90% Android@0.12% Others@1.16% 世界最大の ソーシャルゲー ムプロバイダ Androidも含め、あ (推定年商 とは全部Flash 550億円+) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 42 Source: http://en.wikipedia.org/wiki/Usage_share_of_operating_systems/
  43. 43. 2010年7月現在とりうるRIA成功の戦略  ビデオでもリッチコンテンツでも、PC向けはFlash+HTMLでリッチさと リーチをともにきっちり確保する  iデバイス向けにはほかに選択肢がないので"HTML5"コンテンツを「別 途」用意する  Android (Froyo以降) スマートフォンに向けては、画面最適化 (微調整) されたFlash+HTMLコンテンツを準備しておく © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 43
  44. 44. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

×