Contenu connexe
Similaire à クロスプラットフォーム戦略の優位性 (16)
クロスプラットフォーム戦略の優位性
- 1. 2011.04.12
クロスプラットフォーム戦略の優位性
太田禎一 | アドビ システムズ 株式会社 テクニカルエバンジェリスト
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
- 2. アジェンダ
ビジネスにおけるクロスプラットフォームの重要性
スマートフォンの台頭とプラットフォーム分断化
マルチプラットフォーム対応の問題点
できればワンソース・マルチユースで…
クロスプラットフォームアプリ開発ソリューションAdobe AIR
開発技術選択のスイートスポットを見極める
TAM (最大市場規模) に効率的にリーチするための最適解は?
まとめ
補足資料
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2
- 3. ビジネスにおける
クロスプラットフォームの重要性
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3
- 4. インターネット接続デスクトップOSワールドワイドシェア
1.1%
この市場でもっとも
効率的にビジネスを
7.4% するには?
Windows
Mac
Linux
91.4%
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4
Source: Wikipedia (March 2011) http://en.wikipedia.org/wiki/Usage_share_of_operating_systems
- 5. Adobeの場合:デスクトップ製品25%以上の売り上げはMacから
単純な
少数派切り捨て
ではビジネス機会を
損失する
25%
Windows
Mac
75%
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 5
Source: CNET News (Feb 23, 2005) http://news.cnet.com/Adobe-versus-the-world---page-2/2008-1082_3-5586294-2.html
- 6. スマートフォンの台頭と
プラットフォーム分断化
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6
- 7. スマートフォンOSワールドワイドマーケットシェア予測
5.5% スマートフォンの
世界ではプラット
20.9% フォームの分断化
20.9% がキビシイ…
0.2%
15.3% Others
15.7%
WP7/WM
13.7%
14.9% Symbian
iOS
BlackBerry
45.4% Android
39.5%
2011 2015
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 7
Source: IDC (March 29, 2011) http://www.idc.com/getdoc.jsp?containerId=prUS22762811
- 8. スマートフォンOSワールドワイド年間出荷台数予測 (億台)
12 iOSだけ!とか
1つに「賭け」て
しまうとビジネス
10
機会損失も増大
8 Others
Microsoft
6 iOS
RIM
4
Android
2 Symbian
0
2010 2011 2012 2015
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 8
Source: Gartner (April 2011) http://www.gartner.com/it/page.jsp?id=1622614
- 9. マルチプラットフォーム対応の
問題点
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9
- 10. おカネがかかります
開発会社Golden Gekkoが公表した、商用モバイルアプリを外注した場合
の目安となる金額:
Budget for iPhone app:
Simple apps: 10-20.000 euro (1,200〜2,400万円)
Average cost of branded apps: 30.000 euro (3,600万円)
Budget for Android app:
Simple apps: 15-25.000 euro (1,800〜3,000万円)
Average cost of branded apps: 40.000 euro (4,900万円)
Q&AサイトStack Overflowに寄せられた回答:
"Twitterrific" iPadアプリはおよそ$250,000 (2,100万円)
"Barack Obama" iPhoneアプリはおよそ$50,000〜$150,000 (420〜1260万円)
これらが対応プラットフォームごとに追加。QA・アップデート・サポー
ト費用を考慮するとさらにコストが…
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 10
Source: Golden Gekko http://bit.ly/fDSJTE Stack Overflow http://bit.ly/g5bOdx
- 11. できれば
ワンソース・マルチユースで…
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 11
- 13. ...ちょっとまって、HTML5でいいじゃん、ほか要らないじゃんか!
HTML5では「App Store」で配
布・販売できるアプリが作れない
HTML5ではネイティブ機能 (カメ
ラとか) にアクセスできるアプリ
が開発できない (なのでPhoneGap
でラップする)
スマートフォンブラウザ間で
HTML5の実装やパフォーマンスが
(いまのところ) 違いすぎる
実装の違いはjQuery Mobileで吸収
すると幸せかも
…なので、やりたいこと次第で
HTML5でよかったり良くなかった
り、です
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 13
- 14. HTML5:When can I use... http://caniuse.com/
このサイトを
常にウォッチして
動向を掴む
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14
- 15. クロスプラットフォーム開発ソリューション比較
Adobe AIR Titanium Corona Unity PhoneGap
提供形態 有償 (無償トラ 有償 (無償の機 有償 (無償のス 有償 (無償の機 無償
イアルあり)+ 能限定版あり) トア登録不可版 能限定版あり)
無償SDK あり)
対応OS Windows/Mac/ Windows/Mac/ iOS/Android Win/Mac/Linux iOS/Android/Bl
Linux/iOS/Andr Ubuntu/iOS/An /iOS/Android/ ackBerry/Wind
oid/Smart droid Wii/Xbox ows
TV/BlackBerry 360/PS3 Mobile/webOS/
Tablet OS Symbian
言語 ActionScript 3 JavaScript Lua C#/Boo/JavaScr HTML/CSS/Java
ipt Script
ネイティブコー ● (iOSはコン ▲ (User codeは ● ● ×
ドにコンパイル パイル、その他 コンパイルされ
はJIT) ない)
ネイティブコー × (2011年中予 ● × ● ●
ドとのブリッジ 定)
ネイティブUI × (独自UI ● ▲ (2011年中改 ▲ (UIKit等を重 ▲ (3rd Party Lib
パーツの利用 framework) 良予定) ねる) 経由)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 15
- 16. クロスプラットフォーム
アプリ開発ソリューション
Adobe AIR
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16
- 17. Adobe AIRとは
クロスプラットフォームを実現するアプリケーション実行環境 (ランタ
イム) と開発キット (SDK)
PC Smartphone & Tablet Smart TV
Win/Mac/Linux iOS/Android/ Samsung etc.,
BlackBerry Tablet OS
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 17
- 18. AIRだと「ワンソース・マルチユース」の実際はこんな感じ
共有ソースコード
デスクトップOS特有機能の モバイルOS特有機能の Smart TV OS特有機能の
コード コード コード
Tablet Smartphone
PC用のUI Smart TV用のUI
用のUI 用のUI
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 18
- 19. AIRのいいところ:企画・デザインを迅速にマルチスクリーン展開
Objective-C
デベロッパー
企画やデザイン C++
が生まれるのは ActionScript
デベロッパー
デザイナー ココ デベロッパー
C#/Java
デベロッパー
デザイナーと
連携しやすい
Adobe & 3rd Party
開発環境
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 19
- 20. AIRのいいところ:開発効率が強まるAdobe Flex Framework
開発者向けのフレームワーク
オープンソース (MPL1.1)
最新バージョンはFlex 4.5
MXMLとActionScript 3で開発
約70の標準ビジュアルコンポーネント
Button、DataGrid、ComboBox、BarChart…
スマートフォン対応「Flex Mobile」
Flexアプリケーション
Flexフレームワーク
Flash Platformランタイム
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 20
- 21. Flex Frameworkにおける開発手法
<s:Button label="Hello" click="myAlert('Hello World!')"/>
<fx:Script> MXML
<![CDATA[ (UI定義)
import mx.controls.Alert
private function myAlert(alertStr:String):void{
Alert.show(alertStr);
}
]]>
ActionScript 3
</fx:Script> (動作・振る舞い)
ボタン自体はMXMLタグ をコード記述するだけ、
あるいはVBのようなドラッグ&ドロップ配置
ボタンの動作はActionScript 3で記述する
ソースはテキスト形式、SWFファイルにコンパイル
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 21
- 22. AIRでできるモバイルアプリと今後のロードマップ
モバイル向け 現在の GPU対応 GPU対応
UIフレームワーク Adobe AIR グラフィックスと 3D API
Flex Mobile HDビデオ "Molehill"
"Stage Video"
2D 高速3D
LOB (業務) HDビデオ
アクション アクション
アプリ プレーヤー
ゲーム ゲーム
オーディオ 高速2D
Webサービス
ビデオ アクション
クライアント
プレーヤー ゲーム
パズル等
カメラ リッチな
カジュアル
アプリ 電子雑誌
ゲーム
定型的なユーザーインターフェイス 表現力の高いグラフィックス
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 22
- 23. モバイル向けフレームワーク:Flex Mobile (Flash Builder 4.5に同梱)
プレビュー画面
Adobe Flash Builder 4.5 (IDE)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 23
Link: http://www.adobe.com/jp/products/flash-builder.html
- 24. Flex MobileでLOBアプリ開発 (Android & iPhone & iPad)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 24
Link: http://coenraets.org/blog/2011/03/flex-on-the-ipad/
- 25. ネイティブと遜色のないスピード (iPhone & iPad)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 25
Link: http://www.riagora.com/2011/03/preview-of-flex-on-ios/
- 26. 実際のところAdobe AIRによるコスト削減効果は?
制作会社Woven Interactiveの場合
40 fpsのアクションゲーム (Android+iOS)
コードの違いはスクリーンサイズの違いを吸収するための最適化部
分のみ。数分の作業
ネイティブ開発に比べ45%のコストカット
メンテやサポートを考慮したらトータル50%〜60%の削減
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 26
Link: http://www.flash-3d.net/2011/03/air-2-6-game-development/
- 27. さらに進化しつづけるAdobe AIR (2011年下半期以降に予定)
OpenGL ES2/DirectX対応の3D API
"Molehill"
Zombie Tycoon:PSPのゲームをそ
のままFlashに移植。同時表示50万
ポリゴンで快適に動作
FacebookやMixを含むPC & Tablet
& Smartphone & Smart TVでコン
ソールレベルの高機能2D/3Dゲーム
を提供可能
GPU対応、1080p HDでコマ落ち
なしの高性能ビデオ "Stage Video"
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 27
Link: Zombie Tycoon Video http://www.youtube.com/watch?v=LrArtYuEkEI Demo http://molehill.zombietycoon.com/
- 28. 開発技術選択の
スイートスポット
を見極める
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 28
- 29. モバイル開発のスイートスポットはネイティブとHTMLのあいだに
ネイティブ
開発
(全機能!)
アプリ
ネイティブ連携、
リッチさ & 機能
カメラ対応、ローカル
データ保存など
高度な3D、高速で複雑なアニメー
ション、タイポグラフィ、P2P通信、 ※iOSだけアレ
なので減点
DRM保護されたビデオなど
Web
(ブラウザ内)
角丸・グラデーション、ビットマップ・ベクター
※互換性がと
描画、シンプルなアニメーション・エフェクト・
れる機能に限
トランジション、保護が不要なビデオなど 定した場合
(ブラウザ内)
開発の容易さ
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 29
- 30. TAM (最大市場規模)
に効率的にリーチするための
最適解は?
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 30
- 31. インターネット接続OS利用ワールドワイドシェア
1.09% 0.73%
2.20%
スマホのシェアは
インターネット全体に Windows XP
7.07% おいてまだごく少数
Windows 7
Windows Vista
40.30% OS X
14.33%
iOS
Linux
Android
Symbian
27.41% RIM
PCも含めた
最大リーチを実現 Others
できるソリュー
ションとは?
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 31
Source: Wikipedia (March 2011) http://en.wikipedia.org/wiki/Usage_share_of_operating_systems
- 32. Adobeからのオススメ
PC (シェア約90%):Adobe AIR
iOS (2.20%):Adobe AIR
Android (0.73%):Adobe AIR
Windows Phone 7:いつかAdobe AIRが載りますように♡
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 32
- 33. まとめ
クロスプラットフォーム性は
ビジネス成功のカギ
イマドキのクロスプラットフォーム
ソリューションはパフォーマンスも
ネイティブに引けをとらない
ビジネス要件によってネイティブと
HTMLの狭間のスイートスポットは
変わってくる
PCという巨大マーケットは
とうぶん無視できない
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 33
- 34. 補足資料
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 34
- 35. Flash/Adobe AIR対応デバイス一覧
http://www.adobe.com/flashplatform/certified_devices
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 35
- 36. [日本で入手可能なiOSデバイス] Adobe AIR対応
iPhone/iPod Touch iPad
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 36
As of April 2011
- 37. [日本で入手可能なAndroidデバイス] Flash Player & Adobe AIR対応
GALAXY S LYNX 3D MEDIAS Xperia arc GALAXY Tab Optimus Pad
IS03 REGZA IS04 IS05 SIRIUSα IS06 htc Evo WiMAX motorola XOOM
htc Desire htc Desire HD GALAPAGOS Dell Streak
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 37
As of April 2011
- 38. クロスプラットフォーム開発ソリューション
Adobe AIR
http://www.adobe.com/jp/products/air/ (製品概要)
http://www.adobe.com/jp/products/air/tools/ (開発ツール)
http://www.adobe.com/jp/products/air/sdk/ (無償SDKダウンロード)
Titanium
http://www.appcelerator.com/
http://code.google.com/p/titanium-mobile-doc-ja/ (日本語ドキュメント)
Corona
http://www.anscamobile.com/corona/
https://groups.google.com/group/coronaja?hl=ja (日本コロナの会)
Unity
http://unity3d.com/
http://unity3d.com/japan/ (日本語情報)
PhoneGap
http://www.phonegap.com/
http://www.adobe.com/jp/products/dreamweaver.html (Dw CS5.5同梱)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 38
- 39. Flex & AIR関連資料
「FlexとJavaについて学ぶ」
Java開発者向けのFlex、ActionScript3の技術記事
http://www.adobe.com/jp/devnet/flex/flex_java.html
「Flexリソース」
Flex関連のすべての技術ドキュメントを掲載
http://www.adobe.com/support/documentation/jp/flex/
「AIRリソース」
AIR関連のすべての技術ドキュメントを掲載
http://www.adobe.com/support/documentation/jp/air/
「ksk studio」
Flash Platformデベロッパーマーケティング担当 轟啓介 @keisuke322 のブログ
http://kskstudio.wordpress.com/
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 39
- 40. © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.