Weitere ähnliche Inhalte
Ähnlich wie RIAのマルチスクリーン展開とFlash Platform (20)
Mehr von Teiichi Ota (20)
Kürzlich hochgeladen (10)
RIAのマルチスクリーン展開とFlash Platform
- 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
- 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.
- 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
- 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/
- 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
- 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
- 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
- 28. Open Screen Project 参加パートナー企業
`
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 28
- 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
- 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.