浜松ふかんセミナー 20120213

28
様々なスマートフォンの アプリ開発ツール CoronaSDKの位置づけ 2012.2.13 カタリスト モバイル株式会社 イノベーション部 オープンプラットフォーム ソフトウェアアーキテクト 山本直也 スマートフォンアプリ開発ツール俯瞰(ふかん)セミナー 主催:NPO法人浜松ソフト産業協会 Sunday, February 5, 2012

description

cross platform SDK, html5, unity, titanium, coronaSDK etc

Transcript of 浜松ふかんセミナー 20120213

Page 1: 浜松ふかんセミナー 20120213

様々なスマートフォンのアプリ開発ツール

CoronaSDKの位置づけ

2012.2.13

カタリスト モバイル株式会社  イノベーション部 オープンプラットフォーム  ソフトウェアアーキテクト  山本直也

スマートフォンアプリ開発ツール俯瞰(ふかん)セミナー主催:NPO法人浜松ソフト産業協会

Sunday, February 5, 2012

Page 2: 浜松ふかんセミナー 20120213

ゴール

iOS, Androidのウェブやネィテイブアプリケーションの開発環境の比較の観点

Sunday, February 5, 2012

Page 3: 浜松ふかんセミナー 20120213

@ymmtny 自己紹介山本です。

2002年よりFlashLiteのPlayer本体(ミドルウェア)の  携帯電話搭載(ポーティング)。

• 現在所属は、カタリスト・モバイル株式会社(東京) Flashlite Player, Flash 10/11 Player, AIR Runtime

• 前々職:電機メーカのソフト開発 グループウェアのサーバプログラムをCで作ってました。

Sunday, February 5, 2012

Page 4: 浜松ふかんセミナー 20120213

事例• HTML5 海賊トレジャー@DeNA

• Unity スノボキッズHD for GREE

• Titanium もぐもぐ MogSnap

• AIR アドビコンテスト, Machinarium

• Corona ロバートネイ Bubble Ball

Sunday, February 5, 2012

Page 5: 浜松ふかんセミナー 20120213

HTML5セマンティックス - HTML5の新タグ、RDFa、マイクロデータ、マイクロフォーマット

■ オフラインとストレージ - App Cache、Web Storage、Indexed Database API、File API

■ デバイスアクセス - Geolocation API、マイク・カメラ、アドレス帳・カレンダー、端末の向き■ 接続性 - WebSocket、Server-Sent Events

■ マルチメディア - audio, video要素■ 3D、グラフィックス、エフェクト - SVG、canvas要素、WebGL、CSS3 3D

■ パフォーマンスと統合 - Web Workers、XMLHttpRequest Level 2

■ CSS3 - WOFFも含む

Sunday, February 5, 2012

Page 6: 浜松ふかんセミナー 20120213

Unity3D• キャラクタの操作• プロジェクタ• オーディオリスナー、オーディオソース、オーディオクリップ• 複数カメラ (を、どのように切り替えるか)

• UnityGUI スクリプトシステム• 衝突物• メッセージとイベント• ライティング• パーティクルシステム• ブロブシャドウ• スクリプト (AI、ステートマシン、プレイヤ操作)

C#, JScript

C++, Objective-CJava, ..

http://www.slideshare.net/maginemu/pixiv-study-camishimagiSunday, February 5, 2012

Page 7: 浜松ふかんセミナー 20120213

TitaniumHTMLCSS

JavascriptRuby

Python

Sunday, February 5, 2012

Page 8: 浜松ふかんセミナー 20120213

http://clockmaker.jp/blog/2010/02/flash-vs-html5/

HTMLJavaScriptActionScript

Sunday, February 5, 2012

Page 9: 浜松ふかんセミナー 20120213

CoronaSDK 2Dグラフィクス、物理エンジン、ネットワーク、ボタン、サウンドHTML表示、動画表示、Map GPS (※注) OpenFeint/Facebook, SQL Lite, 加速度

OpenGL/OpenAL

Sunday, February 5, 2012

Page 10: 浜松ふかんセミナー 20120213

コンテンツ• ウェブサイト

• ゲーム(2D、3D)

• ブック(PDF、雑誌、コミック、絵本..)

• アプリケーション(製作、メディア、コミュニケーション)

Sunday, February 5, 2012

Page 11: 浜松ふかんセミナー 20120213

スキル• ウェブ-サーバ系 スクリプト

PHP, Ruby, JavaScript, AS, Java など

• デスクトップ系

 C++, C#, VB, ActionScript

• モバイルコンテンツ Java, AS, HTML/JavaScript

• 組込系 C/C++Sunday, February 5, 2012

Page 12: 浜松ふかんセミナー 20120213

OS

Cross Platform Engine

ブラウザアプリhtml5/JS

iOS/Android共通アプリiOS

アプリ

Androidアプリ

Webkit/JS Engine AIR Runtime Dalvik VM

クラウド/ウェブサービス

Sunday, February 5, 2012

Page 13: 浜松ふかんセミナー 20120213

Sunday, February 5, 2012

Page 14: 浜松ふかんセミナー 20120213

Agile Meets Device

開発コスト、品質、パフォーマンンス、機能

Sunday, February 5, 2012

Page 15: 浜松ふかんセミナー 20120213

反復的な開発

1.画像やスプライトシートの準備

2.画像の配置/レイアウト/レベルデザイン

3.インタラクティブ機能の作成

4.デバイスでの動作確認

Sunday, February 5, 2012

Page 16: 浜松ふかんセミナー 20120213

ウェブ VS ネイティブ

• スクリプトxCode/EclipseやiOS SimulatorやADT Emulatorより圧倒的に早い反復開発ソースコードのコンパイル不要、結果がブラウザやログで即座に確認

• ネイティブアプリJavaScriptやブラウザといったランタイムエンジン不要、ネイティブアプリとしてのパフォーマンスを引き出すことが可能例 デバイス上のOpenGLによって、グラフィクスの高速な描画

Sunday, February 5, 2012

Page 17: 浜松ふかんセミナー 20120213

ちょと前のモバイル組込み開発

• Linux/Symbian/Brew

• Middleware Browser, JavaVM, 3D, FlashLite

Sunday, February 5, 2012

Page 18: 浜松ふかんセミナー 20120213

デスクトップのブラウザと同じことを実現視覚的に豊かで、魅力的であり、インタラクティブなユーザエクスペリエンス

Sunday, February 5, 2012

Page 19: 浜松ふかんセミナー 20120213

Sunday, February 5, 2012

Page 20: 浜松ふかんセミナー 20120213

プロセッサーは燃えます

Sunday, February 5, 2012

Page 21: 浜松ふかんセミナー 20120213

開発と他ツール• XCodeとInterfacebuilderによるObjective-CのiPhone/iPadアプリ開発

• EclipseによるJavaプログラミングのAndroid SDKやNDKのアプリ開発

• 共通ライブラリやRuntimeエンジン上のアプリ開発-Web標準言語(HTML/CSS/JavaScript) 例 ngcore sdk, titanium, phonegap

-C/C++ 例 marmalade SDK

-C# Mono, Unity-Ruby rhomobile-Lua CoronaSDKなど

• 下記のブログとブログへのコメントをご参照ください。

マルチプラットフォーム開発環境あれこれRE:マルチプラットフォーム開発環境あれこれ

Sunday, February 5, 2012

Page 22: 浜松ふかんセミナー 20120213

• Titanium: クロスプラットフォーム環境で、HTMLやJavaScriptなどのWeb標準記述言語を使ってスマートフォンやPC向けのネイティブアプリケーション開発が可能。 そしてスクリプト言語としてJavaScript/PHP/Pythonなどを利用でき、既存のテクニックや知識をそのまま流用できる点が特徴。 日本語の本や技術文書、参考資料などが多く存在する。勉強会も活発。iPhone, iPad と Android, Windows, Mac OSX, Linux Community版は無料 Indie ($49/month or $499/year), Enterprise License for organizations.

• phoneGap: HTML/CSS/JavaScriptでのスマートフォンアプリの開発。英語のWikiやグーグルグループやチュートリアルが主な情報ソース。アドビ社が買収によって、アドビ社のHTML5の製作ツールに取り込まれると思われる。

iPhone, iPad, Android, Palm, Symbian, Blackberry.無料。オープンソース

Sunday, February 5, 2012

Page 23: 浜松ふかんセミナー 20120213

• GameSalad: プログラミングまたはコーディング知識のない人々でも、ドラッグ、ドロップを基本として、iPhoneとiPadの2Dゲームを作成。プロ版でiADやURLでのサイト誘導などが可能になる。Gamesaladのコミュニティは活発。英語のビデオやブログの記事、チュートリアルが情報ソースである。プロ版購入者はGameSaladからの直接のサポートを受けることができる。iPhone/iPad.Basic Express は無料。Pro は $499

• Unity: 様々な機能をカバーしている。(iAd, GameCenter, Bluetooth, InAppPurchase, URL

Linking, etc etc) 3D と2Dのゲーム制作が可能。製作ツールは、マウスでの操作でUIを構築できる。様々な画像ファイルをサポートしている (PNG, JPG, PSD, FBX, DAE, etc),

テキスチャのPVR 圧縮によって、メモリやファイルサイズの消費を押さえる事が可能。C#, Javascript, Boo (Pythonに似ている)をサポート。開発で使用するゲーム素材を購入できるストアも利用可能。iPhone, iPad and Android ベーシック版は無料。Pro は $1500 これにスマホ開発用にアドオンが存在する。add-ons for Android Basic ($400), Android Pro ($1500), iPhone Basic ($400), iPhone Pro ($1500). .

Sunday, February 5, 2012

Page 24: 浜松ふかんセミナー 20120213

• CoronaSDK: スクリプト言語のLuaを使用。2Dのゲーム/アプリを対象。OpenGL/

OpenALを利用し、パフォーマンスが高い。iPhone, iPad and Android. トライアル版無料. Pro(iOS/Android)は $349/year. iOSのみ$199, Androidのみ $199

• MarmaladeSDK: C++での開発をVisual StudioまたはXCodeで行う。ARMコードにコンパイルされるネイティブエンジン。iOS, Android, Symbian, bada. beta support for Windows Desktop, OSX desktop etc トライアル版 FREE, Basic $134, Standard $399, Professional $3499

• Adobe AIR: AS3.0を使用。FlashCS5やFlashBuilder(Flex)環境での開発。iOS, Android,

Blackberry, Windows Desktop, OSX DesktopAdobe AIR SDKは無料 , Flash Builder Standard $249,

Flash Builder Premium $699, FlashCS5 $699

• Native開発は、iOS/AndroidのSDKの全てのAPIやクラスが利用可能。XCodeでは、Interface BuilderといったUI コンポネントやストリーボードを利用可能

Sunday, February 5, 2012

Page 25: 浜松ふかんセミナー 20120213

参考

• フェースブックグループ Cross Platform Japan(XPJ)

http://www.facebook.com/groups/189024234476755/

• Greeの資料http://blog.livedoor.jp/techblog/techsemi/techsemi20110226_04_ito_smp.pdf

• アットマークアイティのスマホ開発関連の記事http://www.atmarkit.co.jp/fsmart/

Sunday, February 5, 2012

Page 26: 浜松ふかんセミナー 20120213

開発要因言語 Obj-C, C++, Java, AS3.0, C# AS2.0, JavaScript, Ruby, Lua etc

アーキテクチャ Browser, Runtime, Native OpenGLES

開発環境 IDE, TextEditor Emulator LevelEditor

機能 2D, 3D UI Widgets/Components Physics Network/Cloud Camera/Map 拡張性

パフォーマンス  CPU

 メモリ GPU(画像処理)

コスト 工数、技術取得、開発者数 開発資産、開発手法、 分業、ワークフロー  品質/サポート/メンテナンス 価格マーケット ゲーム ビジネス 教育 電子出版

Sunday, February 5, 2012

Page 27: 浜松ふかんセミナー 20120213

Deliver rich applications beyond the browser across platforms and devices

Sunday, February 5, 2012

Page 28: 浜松ふかんセミナー 20120213

以上、ご清聴ありがとうございました

Sunday, February 5, 2012