Your SlideShare is downloading. ×
RIAのマルチスクリーン展開とFlash Platform
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

2,606

Published on

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

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

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

No Downloads
Views
Total Views
2,606
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
20
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 2010.07.23 RIAのマルチスクリーン展開とFlash Platform 太田禎一 | アドビ システムズ 株式会社 テクニカルエバンジェリスト © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 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. デスクトップRIAとしてのFlashランタイム © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 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. 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. Flash Player普及率調査:Millward Brown © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6
  • 7. ブラウザプラグイン普及率調査:riastats.com © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 7
  • 8. Flashの受難  http://www.nicovideo.jp/watch/sm10849890 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 8
  • 9. まずコレ © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9
  • 10. ほんでもってコレ © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 10
  • 11. …なくなるの? Flash © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 11
  • 12. GUIMARK2 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12 Source: http://www.craftymind.com/guimark2/
  • 13. Flash Platformのマルチスクリーン展開 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 14. Android ❤ Flash & AIR  Google I/O 2010 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14
  • 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. Flash Player 10.1 for Android:OEMリリース済み © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16
  • 17. Adobe Flash showcase for mobile http://m.flash.com/ © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 17
  • 18. AIR for Android:2010年内リリース予定 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 18
  • 19. Google TV & Flash Player:2010年10月予定 (Google社によれば) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 19
  • 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. Adobe CS5のAndroidエミュレーション(Device Central) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 21
  • 22. http://labs.adobe.com/technologies/air2/android 英語のプレリリースプログラム (登録制) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 22
  • 23. AIR for Android開発ワークフロー 従来のFlash開発フローそのままで Androidアプリを生成できます 拡張機能 (ベー タ版) をFlash Pro CS5にインス トールして使い ます © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 23
  • 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. 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. Flexフレームワークもモバイル向けに進化 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 26
  • 27. Flash Platformのビジョン © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 27
  • 28. Open Screen Project 参加パートナー企業 ` © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 28
  • 29. マルチスクリーンをカバーするRIAの最適解は? © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 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. マルチスクリーン時代の到来と新たな課題 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. 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. WebKit & "HTML5"でオールオッケーじゃんか! © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 33
  • 34. もうFlashぜんぶ"HTML5"で置き換えちゃえばいいんじゃね? © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 34 Link: http://www.sencha.com/deploy/css3-ads/
  • 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. 別の調査結果 33%... © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 36 Source: http://www.findmebyip.com/litmus/
  • 37. つまり… CSS3アニメーションは、スマートフォンは大丈夫っ ぽいけど、PCにおいてはまだごく一部のユーザーに しかデリバーできないのが現実 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 37
  • 38. 再確認しますよ FlashでRIAを作れば、 OS・ブラウザを問わず、 自動的に99.7% (ver. 9+) の インターネット接続PCユーザー (圧倒的なマジョリティ) に リーチできる © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 38
  • 39. 大事なのは Total Addressable Market © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 39
  • 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. 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. 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. 2010年7月現在とりうるRIA成功の戦略  ビデオでもリッチコンテンツでも、PC向けはFlash+HTMLでリッチさと リーチをともにきっちり確保する  iデバイス向けにはほかに選択肢がないので"HTML5"コンテンツを「別 途」用意する  Android (Froyo以降) スマートフォンに向けては、画面最適化 (微調整) されたFlash+HTMLコンテンツを準備しておく © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 43
  • 44. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

×