2011.04.12      クロスプラットフォーム戦略の優位性      太田禎一 | アドビ システムズ 株式会社 テクニカルエバンジェリスト© 2011 Adobe Systems Incorporated. All Rights Re...
アジェンダ      ビジネスにおけるクロスプラットフォームの重要性      スマートフォンの台頭とプラットフォーム分断化      マルチプラットフォーム対応の問題点      できればワンソース・マルチユースで…      クロ...
ビジネスにおける                                                    クロスプラットフォームの重要性© 2011 Adobe Systems Incorporated. All Rights R...
インターネット接続デスクトップOSワールドワイドシェア                                                                       1.1%                    ...
Adobeの場合:デスクトップ製品25%以上の売り上げはMacから                                                                                         ...
スマートフォンの台頭と                                                                  プラットフォーム分断化© 2011 Adobe Systems Incorporated....
スマートフォンOSワールドワイドマーケットシェア予測                                      5.5%                                                スマートフォ...
スマートフォンOSワールドワイド年間出荷台数予測 (億台)   12                                                                                        ...
マルチプラットフォーム対応の                                                                              問題点© 2011 Adobe Systems Incorp...
おカネがかかります      開発会社Golden Gekkoが公表した、商用モバイルアプリを外注した場合       の目安となる金額:            Budget for iPhone app:                ...
できれば                                                       ワンソース・マルチユースで…© 2011 Adobe Systems Incorporated. All Rights Res...
そこでクロスプラットフォームなアプリ開発ソリューション© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   12
...ちょっとまって、HTML5でいいじゃん、ほか要らないじゃんか!      HTML5では「App Store」で配       布・販売できるアプリが作れない      HTML5ではネイティブ機能 (カメ       ラとか) にア...
HTML5:When can I use... http://caniuse.com/                                                                               ...
クロスプラットフォーム開発ソリューション比較                                     Adobe AIR                         Titanium             Corona  ...
クロスプラットフォーム                                                               アプリ開発ソリューション                                    ...
Adobe AIRとは      クロスプラットフォームを実現するアプリケーション実行環境 (ランタ       イム) と開発キット (SDK)                 PC                             ...
AIRだと「ワンソース・マルチユース」の実際はこんな感じ                                                                                共有ソースコード    デス...
AIRのいいところ:企画・デザインを迅速にマルチスクリーン展開                                                                                           ...
AIRのいいところ:開発効率が強まるAdobe Flex Framework      開発者向けのフレームワーク      オープンソース (MPL1.1)      最新バージョンはFlex 4.5      MXMLとAction...
Flex Frameworkにおける開発手法       <s:Button label="Hello" click="myAlert(Hello World!)"/>       <fx:Script>                    ...
AIRでできるモバイルアプリと今後のロードマップ            モバイル向け                                                   現在の                GPU対応     ...
モバイル向けフレームワーク:Flex Mobile (Flash Builder 4.5に同梱)                                                                          ...
Flex MobileでLOBアプリ開発 (Android & iPhone & iPad)© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ...
ネイティブと遜色のないスピード (iPhone & iPad)© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   25Link: http:...
実際のところAdobe AIRによるコスト削減効果は?      制作会社Woven Interactiveの場合            40 fpsのアクションゲーム (Android+iOS)                コードの違...
さらに進化しつづけるAdobe AIR (2011年下半期以降に予定)      OpenGL ES2/DirectX対応の3D API       "Molehill"            Zombie Tycoon:PSPのゲームをそ...
開発技術選択の                                                                              スイートスポット                             ...
モバイル開発のスイートスポットはネイティブとHTMLのあいだに                                                                                 ネイティブ     ...
TAM (最大市場規模)                                                           に効率的にリーチするための                                      ...
インターネット接続OS利用ワールドワイドシェア                                                         1.09%                0.73%                ...
Adobeからのオススメ                                                        PC (シェア約90%):Adobe AIR                                ...
まとめ                                                               クロスプラットフォーム性は                                           ...
補足資料© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   34
Flash/Adobe AIR対応デバイス一覧  http://www.adobe.com/flashplatform/certified_devices© 2011 Adobe Systems Incorporated. All Rights...
[日本で入手可能なiOSデバイス] Adobe AIR対応                                                                iPhone/iPod Touch        iPad...
[日本で入手可能なAndroidデバイス] Flash Player & Adobe AIR対応                                 GALAXY S                 LYNX 3D         ...
クロスプラットフォーム開発ソリューション      Adobe AIR       http://www.adobe.com/jp/products/air/ (製品概要)       http://www.adobe.com/jp/prod...
Flex & AIR関連資料      「FlexとJavaについて学ぶ」            Java開発者向けのFlex、ActionScript3の技術記事             http://www.adobe.com/jp/d...
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Upcoming SlideShare
Loading in …5
×

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

7,553 views
7,416 views

Published on

QCon Tokyo 2010セッション資料

Published in: Technology, Business
2 Comments
16 Likes
Statistics
Notes
  • 2011.04.21: p15のCorona「ネイティブコードとのブリッジ」項目を修正しました。
    【修正前】○
    【修正後】×
    日本コロナの会の木村さんにご指摘いただきました。ありがとうございます。
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • 2011.04.19: p29の「クロスプラットフォーム性」評価を修正しました。
    【修正前】ネイティブ=C/Adobe AIR=A/Flash=A/HTML5=B
    【修正後】ネイティブ=C/Adobe AIR=A/Flash=B/HTML5=A
    PCも含めてなら【修正前】でオッケーなんですが、これスマホについてのスライドなのにiOSで使えないFlashがAとかどう考えてもおかしいので修正しました。すみません!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
7,553
On SlideShare
0
From Embeds
0
Number of Embeds
60
Actions
Shares
0
Downloads
90
Comments
2
Likes
16
Embeds 0
No embeds

No notes for slide

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

  1. 1. 2011.04.12 クロスプラットフォーム戦略の優位性 太田禎一 | アドビ システムズ 株式会社 テクニカルエバンジェリスト© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  2. 2. アジェンダ  ビジネスにおけるクロスプラットフォームの重要性  スマートフォンの台頭とプラットフォーム分断化  マルチプラットフォーム対応の問題点  できればワンソース・マルチユースで…  クロスプラットフォームアプリ開発ソリューションAdobe AIR  開発技術選択のスイートスポットを見極める  TAM (最大市場規模) に効率的にリーチするための最適解は?  まとめ  補足資料© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2
  3. 3. ビジネスにおける クロスプラットフォームの重要性© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3
  4. 4. インターネット接続デスクトップOSワールドワイドシェア 1.1% この市場でもっとも 効率的にビジネスを 7.4% するには? Windows Mac Linux 91.4%© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4Source: Wikipedia (March 2011) http://en.wikipedia.org/wiki/Usage_share_of_operating_systems
  5. 5. Adobeの場合:デスクトップ製品25%以上の売り上げはMacから 単純な 少数派切り捨て ではビジネス機会を 損失する 25% Windows Mac 75%© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 5Source: CNET News (Feb 23, 2005) http://news.cnet.com/Adobe-versus-the-world---page-2/2008-1082_3-5586294-2.html
  6. 6. スマートフォンの台頭と プラットフォーム分断化© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6
  7. 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. 7Source: IDC (March 29, 2011) http://www.idc.com/getdoc.jsp?containerId=prUS22762811
  8. 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. 8Source: Gartner (April 2011) http://www.gartner.com/it/page.jsp?id=1622614
  9. 9. マルチプラットフォーム対応の 問題点© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9
  10. 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. 10Source: Golden Gekko http://bit.ly/fDSJTE Stack Overflow http://bit.ly/g5bOdx
  11. 11. できれば ワンソース・マルチユースで…© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 11
  12. 12. そこでクロスプラットフォームなアプリ開発ソリューション© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12
  13. 13. ...ちょっとまって、HTML5でいいじゃん、ほか要らないじゃんか!  HTML5では「App Store」で配 布・販売できるアプリが作れない  HTML5ではネイティブ機能 (カメ ラとか) にアクセスできるアプリ が開発できない (なのでPhoneGap でラップする)  スマートフォンブラウザ間で HTML5の実装やパフォーマンスが (いまのところ) 違いすぎる  実装の違いはjQuery Mobileで吸収 すると幸せかも  …なので、やりたいこと次第で HTML5でよかったり良くなかった り、です© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 13
  14. 14. HTML5:When can I use... http://caniuse.com/ このサイトを 常にウォッチして 動向を掴む© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14
  15. 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. 16. クロスプラットフォーム アプリ開発ソリューション Adobe AIR© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16
  17. 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. 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. 19. AIRのいいところ:企画・デザインを迅速にマルチスクリーン展開 Objective-C デベロッパー 企画やデザイン C++ が生まれるのは ActionScript デベロッパー デザイナー ココ デベロッパー C#/Java デベロッパー デザイナーと 連携しやすい Adobe & 3rd Party 開発環境© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 19
  20. 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. 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. 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. 23. モバイル向けフレームワーク:Flex Mobile (Flash Builder 4.5に同梱) プレビュー画面 Adobe Flash Builder 4.5 (IDE)© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 23Link: http://www.adobe.com/jp/products/flash-builder.html
  24. 24. Flex MobileでLOBアプリ開発 (Android & iPhone & iPad)© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 24Link: http://coenraets.org/blog/2011/03/flex-on-the-ipad/
  25. 25. ネイティブと遜色のないスピード (iPhone & iPad)© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 25Link: http://www.riagora.com/2011/03/preview-of-flex-on-ios/
  26. 26. 実際のところAdobe AIRによるコスト削減効果は?  制作会社Woven Interactiveの場合  40 fpsのアクションゲーム (Android+iOS)  コードの違いはスクリーンサイズの違いを吸収するための最適化部 分のみ。数分の作業  ネイティブ開発に比べ45%のコストカット  メンテやサポートを考慮したらトータル50%〜60%の削減© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 26Link: http://www.flash-3d.net/2011/03/air-2-6-game-development/
  27. 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. 27Link: Zombie Tycoon Video http://www.youtube.com/watch?v=LrArtYuEkEI Demo http://molehill.zombietycoon.com/
  28. 28. 開発技術選択の スイートスポット を見極める© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 28
  29. 29. モバイル開発のスイートスポットはネイティブとHTMLのあいだに ネイティブ 開発 (全機能!) アプリ ネイティブ連携、 リッチさ & 機能 カメラ対応、ローカル データ保存など 高度な3D、高速で複雑なアニメー ション、タイポグラフィ、P2P通信、 ※iOSだけアレ なので減点 DRM保護されたビデオなど Web (ブラウザ内) 角丸・グラデーション、ビットマップ・ベクター ※互換性がと 描画、シンプルなアニメーション・エフェクト・ れる機能に限 トランジション、保護が不要なビデオなど 定した場合 (ブラウザ内) 開発の容易さ© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 29
  30. 30. TAM (最大市場規模) に効率的にリーチするための 最適解は?© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 30
  31. 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. 31Source: Wikipedia (March 2011) http://en.wikipedia.org/wiki/Usage_share_of_operating_systems
  32. 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. 33. まとめ クロスプラットフォーム性は ビジネス成功のカギ イマドキのクロスプラットフォーム ソリューションはパフォーマンスも ネイティブに引けをとらない ビジネス要件によってネイティブと HTMLの狭間のスイートスポットは 変わってくる PCという巨大マーケットは とうぶん無視できない© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 33
  34. 34. 補足資料© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 34
  35. 35. Flash/Adobe AIR対応デバイス一覧 http://www.adobe.com/flashplatform/certified_devices© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 35
  36. 36. [日本で入手可能なiOSデバイス] Adobe AIR対応 iPhone/iPod Touch iPad© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 36As of April 2011
  37. 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. 37As of April 2011
  38. 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. 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. 40. © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

×