1012大塚商会様セミナー

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

Adobe Flash Platformを選択する理由 - スマートフォンアプリも開発可能に西村真里子 | アドビシステムズ株式会社フィールドマーケティングマネージャ

2010.10.12


アジェンダ

SmartPhoneを取り巻く市場状況デスクトップのFlashランタイム

Flash Player & Adobe AIR Flashの受難

Flash Platformのマルチスクリーン展開 Android ❤ Flash & AIR iOS ❤ AIR Flash Player & Adobe AIRのマルチスクリーン対応

マルチスクリーンをカバーする最適解は？ WebKitは救世主？リッチ + 開発者リーチ + ユーザーリーチ

今後のステップ Flash Professional CS5 & AIR for Android

2


スマートフォンを取り巻く市場状況

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

顧客の期待に変化

リッチな体験がより一般的に

ソーシャルアプリケーションの台頭

様々なデバイスによるWebアクセス


スマートフォン事情：日本

iPhoneがスマートフォン市場を開拓国内3キャリア共にAndroidに注目

国内メーカー Sharp / TOSHIBA / NEC Mobile / Panasonic / Fujitsu / Kyocera

海外メーカー Samsung / HTC / SEMC (/LG / ZTE / …)


スマートフォンアプリ開発者の憂鬱

OS、CPU、メモリ、画面サイズ、解像度…

Androidだけでも相当な種類が存在（2009年 : 30機種 / 2010～11年 : 93機種？）日本では…

docomo : 7機種、au : 2-3機種、Softbank :「すごいことになってる」by 中の人

Portable Electronics Ltd

http://hdmp4.com/

http://spreadsheets.google.com/pub?key=0AkYukCg_h8T-cmRtOGMyWmZTREtkNWwtZFZ5NFNybkE&gid=1

http://spreadsheets.google.com/pub?key=0AkYukCg_h8T-cmRtOGMyWmZTREtkNWwtZFZ5NFNybkE&gid=1


アドビのクロスプラットフォーム戦略

WRITE ONCE DEPLOY TO MANY


デスクトップのFlashランタイム


Adobe® Flash® Player

Adobe® Flex ® Adobe® Flash® Media Server

Family

Tools to Design and Develop Clients ServersFramework

Adobe® AIR®Adobe® Flash® Professional CS5

Adobe® Flash® Catalyst™

Adobe® Flash® Builder™Adobe®

LiveCycle®Data Services

Services

Adobe® Flash® Platform Services

Creative Suite 5 ColdFusion Builder

アプリケーションコンテンツ動画

Adobe Flash Platform


Flash Platform

ブラウザ実行環境

（ランタイム）

ローカルDB

HTML

+

JavaScript

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

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

WIN Mac LinuxOS WIN Mac Linux

APPサーバー

XML/JSON

HTML

(Req

uest)

Ajax (.js/.html)

サーバーおよびクラウド

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

Appサーバー

/ Service

XML/SO

AP

バイ

ナリ

通信

デー

タプ

ッシ

ュ

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

Appサーバー

/ Service

XML/SO

AP

バイ

ナリ

通信

デー

タプ

ッシ

ュ

Flash(.swf)ブラウザ向け

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

WIN Mac Linux

AIR RuntimeFlash Player

ブラウザ

SQLite


Flash Player普及率調査：Millward Brown

12


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

13


つづいてこちら

14


GUIMARK2

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


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


Android ❤ Flash & AIR

Google I/O 2010

17

アプリWeb


なぜ？

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

18

みんなFlash使ってるからね！


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

19

`


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

20


Adobe Flash showcase for mobile

21

http://m.flash.com/

http://m.flash.com/

http://m.flash.com/


AIR for Android：2010年10月8日リリース

22

国内外で事例あり


既に入手可能なAndroid AIRアプリ

23

有償無償含む


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

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

24


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

25

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


AIR for Android開発ワークフロー

26

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

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

ラクチン

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


AIR for Android開発ワークフロー

27

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

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

ます

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


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

28


Android向け開発ワークフロー

29

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

アプリ (APK)

Ps/Aiのデザインを参考に、EclipseやADTを使い開発 (UI

はXMLで定義)

デザインを直接読み込み

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

パブリッシュWeb (SWF) Device Centralで

エミュレーション


Flash Platformのビジョン

30


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

31

`


iOS向け開発も復活 - Packager for iPhone

2009年10月@Adobe MAX: Packager for iPhone発表

2010年3月: 日本初Packager for iPhone 50アプリがAppStoreから入手可能

2010年4月: iPhone開発規約改正

2010年9月: iPhone開発規約改正 / 公開待ちFlashアプリがAppStoreに復活

2010年10月12日: Packager for iPhoneリフレッシュ版Adobe Labs

32


Packager for iPhoneで出来る事

•ActionScript 3.0プロジェクトを

iPhone(ipa)ファイルにコンバート

•ハードウェアアクセラレーション、傾き検

知、加速度センサー、ジオロケーション、

マルチタッチ対応

<renderMode>gpu</renderMode>

<autoOrients>true</autoOrients>

•サポート対象外のActionScript 3.0APIもい

くつかあるので注意。

33


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

ネイティブアプリ

(ローレベルAPI)

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

Flash Player ～ブラウザ内～ (ハイパフォーマンス/2.5D API/マイク&カメラ入力/タイポグラフィ/

DataGrid)

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


開発技術の選択肢

35

提供

でき

る機

能

開発者リーチ

ターゲット

カスタマーに

リーチできる

提供方法は?!


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

36

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/ Androidだ

けでも

3ケタ…

❶ ❷

2種類だけ！

でも無視

できない

ほかにも

色々！PCも

もちろん

ほっとけない

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

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


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

37

Flash AIR WebKit

Symbian △ (Flash Lite) ？ ◎

Blackberry (◎) (◎) ◎

iOS × × ◎

Android (◎) (◎) ◎

WebOS (◎) (◎) ◎

MeeGo (◎) (◎) ◎

Windows

Phone 7(◎) ？ ×


WebKit & “HTML5”でオールオッケー！

38


もうFlashぜんぶ“HTML5”で置き換えちゃう？

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

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




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

40

PCではそうもいかない。

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

11.83%

実際のコード

iPhone/iPadとAndroid (WebKit)

はOKだが…

Source: http://caniuse.com/


別の調査結果

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

http://www.findmebyip.com/litmus%2523target-selector

http://www.findmebyip.com/litmus%2523target-selector


つまり…

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

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

42


復習タイム

FlashでRIAを作れば、OS・ブラウザを問わず、自動的に99.7% (ver. 9+) の

インターネット接続PCユーザー (圧倒的なマジョリティ) に

リーチできる

43


大事なのは

Total Addressable Market

44

インターネット接続機器 OS市場シェア (June 2010) by Wikipedia© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

HTML5 & Total Addressable Market

45

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

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


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

Desktop PC

Others (incl. smartphones)

[email protected]%

[email protected]%

[email protected]%

[email protected]%

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

47

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

Androidも含め、あとは全部Flash

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

世界最大のソーシャルゲームプロバイダ(推定年商550億円+)


Adobe MAX 2010カンファレンスでの発表：198,000円！

48

2010年10月24～27日 (米国 Los Angelesで開催)動員数5,000+を予定

AIR for And

roid

発表予定電子書籍

for Androi

d

発表予定Goog

le TV

関連発表予定

1012大塚商会様セミナー

Technology

Transcript of 1012大塚商会様セミナー