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

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

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

太田禎一 | アドビシステムズ株式会社テクニカルエバンジェリスト

2010.07.23


アジェンダ

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

Flashの受難

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

Android ❤ Flash & AIR

Flash Player & Adobe AIRのマルチスクリーン対応

マルチスクリーンをカバーするRIAの最適解は？ WebKitの台頭はRIAの救世主？

リッチ + 開発者リーチ + ユーザーリーチ

2


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


Flash Platform

ブラウザ実行環境（ランタイム）

ローカルDB

HTML+

JavaScript

アプリケーション(フレームワーク)

AIRアプリケーション Flashアプリケーション

WIN Mac LinuxOS WIN Mac Linux

APPサーバー

XML/

JSO

N

HTM

L

(Req

uest

)

Ajax(.js/.html)

サーバーおよびクラウド

サーバー間通信データ形式

Appサーバー/ Service

XML/

SOAP

バイ

ナリ

通信

デー

タプ

ッシ

ュ

AIR(.air)デスクトップ向け


XML/

SOAP

バイ

ナリ

通信

デー

タプ

ッシ

ュ

Flash(.swf)ブラウザ向け

Flex フレームワーク Flex フレームワーク

WIN Mac Linux

AIR RuntimeFlash Player

ブラウザ

SQLite


RIAのためのRuntime

ブラウザ

ローカルDB

HTML+

JavaScript

アプリケーション(フレームワーク)

AIRアプリケーション Flashアプリケーション

WIN Mac LinuxOS WIN Mac Linux

APPサーバー

XML/

JSO

N

HTM

L

(Req

uest

)

Ajax(.js/.html)

サーバーおよびクラウド

サーバー間通信データ形式


XML/

SOAP

バイ

ナリ

通信

デー

タプ

ッシ

ュ

AIR(.air)デスクトップ向け


XML/

SOAP

バイ

ナリ

通信

デー

タプ

ッシ

ュ

Flash(.swf)ブラウザ向け

Flex フレームワーク Flex フレームワーク

WIN Mac Linux

AIR RuntimeFlash Player

ブラウザ

SQLite

実行環境（ランタイム）


Flash Player普及率調査：Millward Brown

6


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

7


Flashの受難

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

8

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


まずコレ

9


ほんでもってコレ

10


…なくなるの？

11

Flash


GUIMARK2

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


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


Android ❤ Flash & AIR

Google I/O 2010

14


なぜ？

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

15

みんなFlashつかてるよ！


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

16


Adobe Flash showcase for mobile

17

http://m.flash.com/

http://m.flash.com/�


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

18


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

19


Android向け開発ワークフロー

20

UI/コンテンツデザインのほとんどはPhotoshop/Illustratorで始まる

アプリ (APK)

デザインを直接読み込み

Flash三兄弟で開発、Webまたはアプリ

にパブリッシュWeb (SWF)

Ps/Aiのデザインを参考に、

EclipseやADTを使い開発 (UIは

XMLで定義)


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

21


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

22

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


AIR for Android開発ワークフロー

23

拡張機能 (ベータ版) をFlash

Pro CS5にインストールして使い

ます

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


AIR for Android開発ワークフロー

24

従来の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は最初のリリースでは非対応

25


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

26


Flash Platformのビジョン

27


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

28

`


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


RIA開発技術の選択肢

30

ネイティブアプリ

(ローレベルAPI)

AIRアプリ(ローカルファイルアクセス/ネイティブ連携/WebView/Market)

Flash Player 〜ブラウザ内〜(ハイパフォーマンス/2.5D API/マイ

ク&カメラ入力/タイポグラフィ/DataGrid)

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

提供

でき

る機

能

開発者リーチ


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

31

iOSデバイスNVIDIA Tegra-poweredタブレット

HTC HD2ケータイ

Dell Mini 5タブレット

Motorola Droidケータイ

Google Nexus Oneケータイ

Google TVテレビ

Androidデバイスリストhttp://www.androidtapp.com/list-of-android-devices/

❶ ❷

http://www.androidtapp.com/list-of-android-devices/�


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

32

Flash AIR WebKit

Symbian △ (Flash Lite) ？ ◎

Blackberry (◎) (◎) ◎

iOS × × ◎

Android (◎) (◎) ◎

WebOS (◎) (◎) ◎

MeeGo (◎) (◎) ◎

WindowsPhone 7 (◎) ？ ×


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

33


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

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

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


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

35

PCではそうもいかない。

Safari 4+ & Chrome 3+のPCにおけるシェアは

11.83%

実際のコード

iPhone/iPadとAndroid (WebKit)

はOKだが…

Source: http://caniuse.com/


別の調査結果

36

33%...

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

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


つまり…

CSS3アニメーションは、スマートフォンは大丈夫っぽいけど、PCにおいてはまだごく一部のユーザーに

しかデリバーできないのが現実

37


再確認しますよ

FlashでRIAを作れば、OS・ブラウザを問わず、

自動的に99.7% (ver. 9+) のインターネット接続PCユーザー

(圧倒的なマジョリティ) にリーチできる

38


大事なのは

Total Addressable Market

39


HTML5 & Total Addressable Market

40

インターネット接続機器

OS市場シェア (June 2010)

by Wikipedia

Desktop PC

Others (incl.

smartphones)

モバイル用のWebKitはまだ実装がバラバラで

未完成

PCにおける"HTML5"の普及は進んでいない

HTML5 Video(H.264) @11.73%

(Theora) @32.45%HTML5 Canvas

@37.15%SVG

@37.09%

96.75%を占めるDesktop PC

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

http://www.quirksmode.org/webkit.html�


Flash & Total Addressable Market

41

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

Desktop PC

Others (incl. smartphones)

[email protected]%

[email protected]%

[email protected]%

[email protected]%

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


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

Desktop PC

Others (incl. smartphones)

[email protected]%

[email protected]%

[email protected]%

[email protected]%

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

42

ここだけiOSネイティブアプリ

Androidも含め、あとは全部Flash

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

世界最大のソーシャルゲー

ムプロバイダ(推定年商550億円+)


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

ビデオでもリッチコンテンツでも、PC向けはFlash+HTMLでリッチさとリーチをともにきっちり確保する

iデバイス向けにはほかに選択肢がないので"HTML5"コンテンツを「別途」用意する

Android (Froyo以降) スマートフォンに向けては、画面最適化 (微調整) されたFlash+HTMLコンテンツを準備しておく

43

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

Technology

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