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

2010.07.23

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

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

アジェンダ

 デスクトップ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

デスクトップRIAとしてのFlashランタイム


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


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


Flash Player普及率調査：Millward Brown


ブラウザプラグイン普及率調査：riastats.com


Flashの受難

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


まずコレ


ほんでもってコレ


…なくなるの？

Flash


GUIMARK2

Source: http://www.craftymind.com/guimark2/

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


Android ❤ Flash & AIR

 Google I/O 2010


なぜ？

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

みんな
Flashつか
てるよ！


Flash Player 10.1 for Android：OEMリリース済み


Adobe Flash showcase for mobile

http://m.flash.com/


AIR for Android：2010年内リリース予定


Google TV & Flash Player：2010年10月予定 (Google社によれば)


Android向け開発ワークフロー
UI/コンテンツデ
ザインのほとん
Ps/Aiのデザイン
どは
を参考に、
Photoshop/Illust
EclipseやADTを
ratorで始まる
使い開発 (UIは
XMLで定義)

アプリ (APK)

デザインを
直接読み込み
Flash三兄弟で開発、
Webまたはアプリ
にパブリッシュ
Web (SWF)


Adobe CS5のAndroidエミュレーション（Device Central）


http://labs.adobe.com/technologies/air2/android

英語のプレリリースプログラム (登録制)


AIR for Android開発ワークフロー

従来のFlash開発フローそのままで
Androidアプリを生成できます

拡張機能 (ベー
タ版) をFlash
Pro CS5にインス
トールして使い
ます


AIR for Android開発ワークフロー

従来のFlex開発フローそのままで
Androidアプリを生成できます

Adobeのプラット
フォームエバンジェリ
ストが作ったPackage
Assistant Pro*を使うと
ラクチン

* http://www.webkitchen.be/package-assistant-pro/

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

 Camera入力 (静止画・動画) アクセス
 Mic入力アクセス
 Camera Rollからの画像読み込み
 ActionScript 3 (AS2は非対応)
 Stage WebView (HTMLの組み込み)
 "sms:" "tel:" スキームを使った外部アプリケーション呼び出し
 P2P通信
 GPS
 加速度計
 マルチタッチ & ジェスチャー
 Intentは最初のリリースでは非対応


Flexフレームワークもモバイル向けに進化


Flash Platformのビジョン


Open Screen Project 参加パートナー企業

`


マルチスクリーンをカバーするRIAの最適解は？


RIA開発技術の選択肢

ネイティブ
アプリ
(ローレベルAPI)

AIRアプリ
(ローカルファイルアク
提供できる機能

セス/ネイティブ連携
/WebView/Market)
Flash Player 〜ブラウザ内〜
(ハイパフォーマンス/2.5D API/マイ
ク&カメラ入力/タイポグラフィ
/DataGrid)

HTML/HTML5 〜ブラウザ内〜
(OKパフォーマンス/Forms/Video)

開発者リーチ

マルチスクリーン時代の到来と新たな課題

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
ケータイケータイテレビ


Good News！スマートフォンにおけるWebKit ("HTML5") の台頭

Flash AIR WebKit

Symbian △ (Flash Lite) ？ ◎

Blackberry (◎) (◎) ◎

iOS × × ◎

Android (◎) (◎) ◎

WebOS (◎) (◎) ◎

MeeGo (◎) (◎) ◎

Windows
(◎) ？ ×
Phone 7


WebKit & "HTML5"でオールオッケーじゃんか！


もうFlashぜんぶ"HTML5"で置き換えちゃえばいいんじゃね？

Link: http://www.sencha.com/deploy/css3-ads/

うんうん、CSS Animationすごいすごい。だけど…

実際のコード

iPhone/iPadと
Android (WebKit)
はOKだが…

PCではそうも
いかない。
Safari 4+ & Chrome 3+の
PCにおけるシェアは
11.83%

Source: http://caniuse.com/

別の調査結果

33%...

Source: http://www.findmebyip.com/litmus/

つまり…

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


再確認しますよ

FlashでRIAを作れば、
OS・ブラウザを問わず、
自動的に99.7% (ver. 9+) の
インターネット接続PCユーザー
(圧倒的なマジョリティ) に
リーチできる


大事なのは

Total Addressable Market


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)

Source: http://a.deveria.com/caniuse/ http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2 June 2010

Flash & Total Addressable Market

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

Desktop PC
Others (incl. smartphones)
Linux@1.19%
iOS@0.90%
Android@0.12%
Others@1.16%

Source: http://en.wikipedia.org/wiki/Usage_share_of_operating_systems/

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億円+)

Source: http://en.wikipedia.org/wiki/Usage_share_of_operating_systems/

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

 ビデオでもリッチコンテンツでも、PC向けはFlash+HTMLでリッチさと
リーチをともにきっちり確保する
 iデバイス向けにはほかに選択肢がないので"HTML5"コンテンツを「別
途」用意する
 Android (Froyo以降) スマートフォンに向けては、画面最適化 (微調整)
されたFlash+HTMLコンテンツを準備しておく


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

Recomendados

Recomendados

Más contenido relacionado

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

Similar a RIAのマルチスクリーン展開とFlash Platform (20)

Más de Teiichi Ota

Más de Teiichi Ota (20)

Último

Último (10)

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