クロスプラットフォーム戦略の優位性

2011.04.12

クロスプラットフォーム戦略の優位性
太田禎一 | アドビシステムズ株式会社テクニカルエバンジェリスト

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

アジェンダ

 ビジネスにおけるクロスプラットフォームの重要性
 スマートフォンの台頭とプラットフォーム分断化
 マルチプラットフォーム対応の問題点
 できればワンソース・マルチユースで…
 クロスプラットフォームアプリ開発ソリューションAdobe AIR
 開発技術選択のスイートスポットを見極める
 TAM (最大市場規模) に効率的にリーチするための最適解は？
 まとめ
 補足資料

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2

ビジネスにおける
クロスプラットフォームの重要性


インターネット接続デスクトップOSワールドワイドシェア

1.1%
この市場でもっとも
効率的にビジネスを
7.4% するには？

Windows
Mac
Linux

91.4%

Source: Wikipedia (March 2011) http://en.wikipedia.org/wiki/Usage_share_of_operating_systems

Adobeの場合：デスクトップ製品25%以上の売り上げはMacから

単純な
少数派切り捨て
ではビジネス機会を
損失する
25%

Windows
Mac

75%

Source: CNET News (Feb 23, 2005) http://news.cnet.com/Adobe-versus-the-world---page-2/2008-1082_3-5586294-2.html

スマートフォンの台頭と
プラットフォーム分断化


スマートフォン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

Source: IDC (March 29, 2011) http://www.idc.com/getdoc.jsp?containerId=prUS22762811

スマートフォンOSワールドワイド年間出荷台数予測 (億台)

12 iOSだけ！とか
1つに「賭け」て
しまうとビジネス
10
機会損失も増大

8 Others
Microsoft
6 iOS
RIM
4
Android

2 Symbian

0

2010 2011 2012 2015

Source: Gartner (April 2011) http://www.gartner.com/it/page.jsp?id=1622614

マルチプラットフォーム対応の
問題点


おカネがかかります

 開発会社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・アップデート・サポー
ト費用を考慮するとさらにコストが…

Source: Golden Gekko http://bit.ly/fDSJTE Stack Overflow http://bit.ly/g5bOdx

できれば
ワンソース・マルチユースで…


そこでクロスプラットフォームなアプリ開発ソリューション


...ちょっとまって、HTML5でいいじゃん、ほか要らないじゃんか！

 HTML5では「App Store」で配
布・販売できるアプリが作れない
 HTML5ではネイティブ機能 (カメ
ラとか) にアクセスできるアプリ
が開発できない (なのでPhoneGap
でラップする)
 スマートフォンブラウザ間で
HTML5の実装やパフォーマンスが
(いまのところ) 違いすぎる
 実装の違いはjQuery Mobileで吸収
すると幸せかも
 …なので、やりたいこと次第で
HTML5でよかったり良くなかった
り、です


HTML5：When can I use... http://caniuse.com/

このサイトを
常にウォッチして
動向を掴む


クロスプラットフォーム開発ソリューション比較

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) 良予定) ねる) 経由)


クロスプラットフォーム
アプリ開発ソリューション
Adobe AIR


Adobe AIRとは

 クロスプラットフォームを実現するアプリケーション実行環境 (ランタ
イム) と開発キット (SDK)

PC Smartphone & Tablet Smart TV
Win/Mac/Linux iOS/Android/ Samsung etc.,
BlackBerry Tablet OS

AIRだと「ワンソース・マルチユース」の実際はこんな感じ

共有ソースコード

デスクトップOS特有機能のモバイルOS特有機能の Smart TV OS特有機能の
コードコードコード

Tablet Smartphone
PC用のUI Smart TV用のUI
用のUI 用のUI


AIRのいいところ：企画・デザインを迅速にマルチスクリーン展開

Objective-C
デベロッパー
企画やデザイン C++
が生まれるのは ActionScript
デベロッパー
デザイナーココデベロッパー

C#/Java
デベロッパー

デザイナーと
連携しやすい
Adobe & 3rd Party
開発環境


AIRのいいところ：開発効率が強まるAdobe Flex Framework

 開発者向けのフレームワーク
 オープンソース (MPL1.1)
 最新バージョンはFlex 4.5
 MXMLとActionScript 3で開発
 約70の標準ビジュアルコンポーネント
 Button、DataGrid、ComboBox、BarChart…

 スマートフォン対応「Flex Mobile」

Flexアプリケーション

Flexフレームワーク

Flash Platformランタイム


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ファイルにコンパイル

AIRでできるモバイルアプリと今後のロードマップ

モバイル向け現在の GPU対応 GPU対応
UIフレームワーク Adobe AIR グラフィックスと 3D API
Flex Mobile HDビデオ "Molehill"
"Stage Video"

2D 高速3D
LOB (業務) HDビデオ
アクションアクション
アプリプレーヤー
ゲームゲーム
オーディオ高速2D
Webサービス
ビデオアクション
クライアント
プレーヤーゲーム
パズル等
カメラリッチな
カジュアル
アプリ電子雑誌
ゲーム

定型的なユーザーインターフェイス表現力の高いグラフィックス


モバイル向けフレームワーク：Flex Mobile (Flash Builder 4.5に同梱)

プレビュー画面

Adobe Flash Builder 4.5 (IDE)

Link: http://www.adobe.com/jp/products/flash-builder.html

Flex MobileでLOBアプリ開発 (Android & iPhone & iPad)

Link: http://coenraets.org/blog/2011/03/flex-on-the-ipad/

ネイティブと遜色のないスピード (iPhone & iPad)

Link: http://www.riagora.com/2011/03/preview-of-flex-on-ios/

実際のところAdobe AIRによるコスト削減効果は？

 制作会社Woven Interactiveの場合
 40 fpsのアクションゲーム (Android＋iOS)
 コードの違いはスクリーンサイズの違いを吸収するための最適化部
分のみ。数分の作業
 ネイティブ開発に比べ45%のコストカット
 メンテやサポートを考慮したらトータル50%〜60%の削減

Link: http://www.flash-3d.net/2011/03/air-2-6-game-development/

さらに進化しつづける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"

Link: Zombie Tycoon Video http://www.youtube.com/watch?v=LrArtYuEkEI Demo http://molehill.zombietycoon.com/

開発技術選択の
スイートスポット
を見極める


モバイル開発のスイートスポットはネイティブとHTMLのあいだに

ネイティブ
開発
(全機能！)
アプリ

ネイティブ連携、
リッチさ & 機能

カメラ対応、ローカル
データ保存など

高度な3D、高速で複雑なアニメー
ション、タイポグラフィ、P2P通信、 ※iOSだけアレ
なので減点
DRM保護されたビデオなど
Web

(ブラウザ内)
角丸・グラデーション、ビットマップ・ベクター
※互換性がと
描画、シンプルなアニメーション・エフェクト・
れる機能に限
トランジション、保護が不要なビデオなど定した場合
(ブラウザ内)

開発の容易さ


TAM (最大市場規模)
に効率的にリーチするための
最適解は？


インターネット接続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
できるソリュー
ションとは？

Source: Wikipedia (March 2011) http://en.wikipedia.org/wiki/Usage_share_of_operating_systems

Adobeからのオススメ

PC (シェア約90%)：Adobe AIR
iOS (2.20%)：Adobe AIR
Android (0.73%)：Adobe AIR
Windows Phone 7：いつかAdobe AIRが載りますように♡


まとめ

クロスプラットフォーム性は
ビジネス成功のカギ

イマドキのクロスプラットフォーム
ソリューションはパフォーマンスも
ネイティブに引けをとらない

ビジネス要件によってネイティブと
HTMLの狭間のスイートスポットは
変わってくる

PCという巨大マーケットは
とうぶん無視できない


補足資料


Flash/Adobe AIR対応デバイス一覧
http://www.adobe.com/flashplatform/certified_devices


[日本で入手可能なiOSデバイス] Adobe AIR対応

iPhone/iPod Touch iPad

As of April 2011

[日本で入手可能な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
As of April 2011

クロスプラットフォーム開発ソリューション

 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同梱)


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/


クロスプラットフォーム戦略の優位性

Recomendados

Recomendados

Más contenido relacionado

Similar a クロスプラットフォーム戦略の優位性

Similar a クロスプラットフォーム戦略の優位性 (16)

Más de Teiichi Ota

Más de Teiichi Ota (20)

Último

Último (9)

クロスプラットフォーム戦略の優位性