狠狠撸

狠狠撸Share a Scribd company logo
Adobe AIRで簡単スマホアプリ作成術
2013/08/10 サッポロクリエイティブキャンプ2013
Jun Futakawa
13年8月10日土曜日
? FaceBook:: Jun Futakawaで検索
? twitter:: J2kawa
? ActionScript, PHP, MySQL,JS etc.
? 音極道の中の人
? 勤務遍歴:富士通
クリプトンフューチャメディア
インフィニットループ?etc.
? 株式会社アトラクト?代表取締役
自己紹介
13年8月10日土曜日
アジェンダ
? Adobe AIR と競合プラットフォームの比較
? AIRを使用したアプリ開発手順
? AIRを使用したアプリ開発現場の実際
13年8月10日土曜日
Adobe AIR と競合プラットフォームの比較
13年8月10日土曜日
AIRのライバル達
? Unity
? Cocos2D(-X)
? Corona
? Unreal Engine
ゲームエンジン系
? Phone GAP(Cordova)
? SenchaTouch
WEBパッケージ系
個性派系
? Titanium Mobile
? ngCore(for Mobage)
? enchant Pro
? Xamarin
? openFrameworks
? Apportable
その他
13年8月10日土曜日
開発環境を選ぶポイント
? 開発したアプリの処理能力
? 開発効率(開発に必要な工数)
? 開発に使用する言語
? 必要な機能を実現できるか(拡張性)
? 日本語情報の充実
etc.
13年8月10日土曜日
各評価ポイントごとに、推奨環境をピックアップ
併せてAdobe AIRを評価してみる
13年8月10日土曜日
アプリの処理能力からみて
? 全般的にゲームエンジン系がやはり強い
???ngCore, enchantPRO等も含まれる
? 差が出る決め手は描画速度 ? GPU(OpenGL ES)対応がカギ
主な選択肢
? 3D系なら???Unityが一番手、AIRもアリ(Away3D,Flare3D)
Unreal Engineなど?
? 2D系なら???Cocos2D-X、AIR(Starling)、Unityもアリ
???????他のゲームエンジン系も条件によってアリ
13年8月10日土曜日
? PhoneGAP、SenchaTouch、AIR
? UnityもGUIツールの充実等により開発効率は良い
? 概ねどの開発環境も、Objective-C覚えるよりは開発効率が良い、と
いう点はクリアしている感じ。
開発効率からみて
? WEBパッケージ系が強い(WEB制作の知識のみで作れる)
???処理速度は期待できない、ファイルサイズがかなり増大
? AIRも極めて開発効率が高い(特にFlash経験者)
???しかもWEBパッケージ系に比べ大きなデメリットが無い
主な選択肢
*特にノンプログラマーでも開発可能という意味ではこれらが突出
13年8月10日土曜日
使用言語からみて
? JavaScript
???Titanium, ngCore, enchantPRO, Unity など
? C#
???Unity, Xamarin など
? HTML5 + JavaScript
? PhoneGAP, SenchaTouch など
? C++
? Cocos2D-X, Unreal Engine, openFrameworks など
? Lua
? Corona, Cocos2D-X など
AIRの使用言語
ActionScript3 - ECMA Script262に準拠しており、文法的にはJavaScriptに
????????極めて近いが、Flash独特の概念やライブラリの知識が必要。
????????ECMA Script準拠の分学習コストは低い。
13年8月10日土曜日
機能拡張性からみて
ネイティブ拡張可能な開発環境一覧
開発環境 拡張方法 特記事項
Unity プラグイン方式 Pro版、有料モバイル版のみ
Cocos2D-X Direct Call / JNI
AIR ANE
Titanium モジュール方式
Corona Native Extention
エンタープライズ
ライセンスが必要
PhoneGAP プラグイン方式
13年8月10日土曜日
日本語ドキュメントの情報量からみて
? Unity => 148,000件
? AIR => 403,000件
? Titanium => 99,000件
? Cocos2D => 65,600件
? phoneGAP => 65,500件
Google検索?“XXXX” +“アプリ開発”
のヒット数から日本語の開発情報量を類推
? CORONA => 14,600件
? SenchaTouch => 19,300件
? Unreal => 159,000件
? ngCore => 2,560件
? enchant PRO => 1,350件
検索ノイズを考慮しても、AIRの情報量の多さがやや意外だった。あと、勢い的に
UnityがUnrealを超えていると思った。?それ以外はだいたい肌間隔と同じ。
日本ではTitaniumユーザが根強いのと、Cocos2Dユーザが急速に増加中という印象。
13年8月10日土曜日
AIRの総合的評価
? ずば抜けた強みは無いが、あらゆる点で水準以上
???AIRとその周辺技術(Starling等)をしっかり押さえておけば
???あらゆるタイプのアプリが開発可能
? 開発効率も高いので、様々な種類のアプリを短期に開発可能
???特にアプリ受注開発型のビジネスで優位性が高い
Flash経験者のみならず、これから新規に習得する場合
でも、AIRは極めて有力な選択肢として検討すべき
13年8月10日土曜日
AIR を使用したアプリ開発手順
13年8月10日土曜日
AIRを使ったアプリ開発スタイル
1. 任意のテキストエディタでコーディング
?ex SDKのコマンドラインコンパイラでビルド
2. サードベンダー製開発ツールにて開発
?ex SDKでビルド
3. Flash Builderにて開発、?ex SDKでビルド
4. Flash オーサリングツールにて開発 & ビルド
*AIR SDKが予めインストール済であること
13年8月10日土曜日
AIRによるスマホアプリ開発ワークフロー
Flash BuilderによるAndroidアプリ
デバッグビルドの例
13年8月10日土曜日
Flash Builderを起動
13年8月10日土曜日
『ファイル』?『新規』?『Flexモバイルプロジェクト』
13年8月10日土曜日
プロジェクト名入力、「次へ」クリック
13年8月10日土曜日
Apple iOSのチェックをはずし、Google Androidのみ選択
テンプレート『ビューベースアプリケーション』を選択
『終了』クリック
13年8月10日土曜日
ソース画面が表示されたら、HomeView.mxml の
s:viewクローズタグ直前にラベルタグを記述
(<s:Label text=”Hello,world!!” x=”50” y=”50” />)
13年8月10日土曜日
『実行』?『デバッグの構成...』選択
13年8月10日土曜日
左のリストから、『モバイルアプリケーション』選択
左上の『新規』ボタンクリック
13年8月10日土曜日
プロジェクト欄右の『参照』ボタンをクリックして、プロジェクト名を選択
ターゲットプラットフォームに”Google Android”選択
起動方法”AIRシミュレータ”選択
シミュレートするデバイスをデバイス欄から任意に選択
『デバッグ』ボタンクリック
13年8月10日土曜日
AIRシミュレータが表示され、その上でアプリが動作する
13年8月10日土曜日
AIRによるスマホアプリ開発ワークフロー
FlashオーサリングツールによるiOSアプリ
デバッグビルド&実機転送の例
13年8月10日土曜日
Flash オーサリングツールを起動
13年8月10日土曜日
新規作成から”AIR for iOS”選択
13年8月10日土曜日
右端のツールバーからテキストボックスをドラッグ&ドロップ
13年8月10日土曜日
テキストボックスに”Hello,world!!”と入力し、フォントサイズ、位置等調整
13年8月10日土曜日
『ファイル』メニュー ? 『AIR for iOS 設定...』選択
13年8月10日土曜日
出力ファイル、アプリケーション名を入力
解像度を『高』に設定(Retina対応)
13年8月10日土曜日
上の『デプロイ』タブをクリック後、あらかじめ作成しておいた
p12証明書ファイルと認証パスワード、プロビジョニングプロファイルを指定する。
デプロイタイプに”デバイスでのテスト”を指定、
“選択されたiOSデバイスにアプリケーションをインストール”にチェックを入れ
接続されているデバイス一覧が表示されるので必要な端末にチェックを入れる。
13年8月10日土曜日
『ファイル』メニュー???『パブリッシュ』選択
13年8月10日土曜日
パブリッシュが開始するので、完了まで待つ
(デバッグビルドの場合1分半程度)
13年8月10日土曜日
パブリッシュが完了すると、ipaファイルは自動転送され、
(アイコン画像を指定しなかったため)
真っ白いアイコンが追加されている。
13年8月10日土曜日
アプリを起動すると、”Hello,world!!”が表示される。
13年8月10日土曜日
AIR を使用したアプリ開発現場の実際
13年8月10日土曜日
現在開発中のゲームアプリのご紹介
? Adobe AIR + Starling + Box2DFlash(物理演算エンジン)
? 本格的アクションパズルゲーム
? 有料アプリとしてリリース予定(今月末~来月上旬)
? 企画、ディレクション、プログラミング、音楽を
すべて一人で担当。
? このセミナーの頃には世に出ている予定でしたが
?未解決の問題があり、リリース遅れ中。
13年8月10日土曜日
開発スタイル
? Flash Develop
(フリー、オープンソースのFlash特化型統合開発環境)
+?Flash オーサリングツール
? Flash DevelopがWindowsのみのソフトウエアなので、
MBAのBootCamp環境にWin7 + Flash Developをインストール
デバイス向けビルドのたびにWin / Macを切り替えている
? そこまでしても苦じゃないくらいFlash Developが優秀
13年8月10日土曜日
苦労した点
? Starlingを極限まで使い倒しているためか、表示周りで
原因不明の現象が多発
? Starlingの情報が少なすぎることもあり、中のソースを読み込んで解
決方法を見いだしたことも多数
?おかげでStarlingのノウハウはかなり高いレベルまで到達した
?ちなみにStarlingはGitHubにてリポジトリが公開されており、かなり活発に日々
修正?改善が行われています
? 物理演算(特に多重衝突系)は想像以上に高負荷
??ゲームに登場する物体の形状を極限まで簡素化するために
??物理演算上のモデリング定義を何度となく見直し
13年8月10日土曜日
Starlingの主な情報リソース
? GitHUB https://github.com/PrimaryFeather/Starling-Framework
? Of?cial Manual http://wiki.starling-framework.org/manual/start
? リファレンス http://doc.starling-framework.org/core/
13年8月10日土曜日

More Related Content

What's hot (20)

PDF
ライブラリやView構造を有効活用して iOSアプリのUIをオシャレにするワザ紹介
Fumiya Sakai
?
PPTX
Onsen UIが目指すもの
アシアル株式会社
?
PDF
颈翱厂侧の鲍滨の特徴と见比べる础苍诲谤辞颈诲侧での鲍滨実装のヒント
Fumiya Sakai
?
PDF
PhoneGap勉強会 in 熊本
Suguru Murakami
?
PDF
Approach of Prototyping for making Application User Interface about iOS
Fumiya Sakai
?
PDF
最速て?リリースするための础苍诲谤辞颈诲アフ?リテ?サ?イン
Naoki Aoyama
?
PDF
Uno Platform 触ってみた
一希 大田
?
PDF
Visual studio 2019 updates pickup!
一希 大田
?
PDF
dotcle 経験0から Meteor iOS アプリを2ヶ月半で作ってリリースしてみた
Nobutaka OSHIRO
?
PDF
試して感覚を掴んでみるUICollectionViewCompositionalLayout & Combine
Fumiya Sakai
?
PDF
颈翱厂アプリ开発で意识すると役立ちそうな「つなぎ目」の部分について
Fumiya Sakai
?
PPT
About Titanium Mobile
Issei Nakamura
?
PDF
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fumiya Sakai
?
PDF
颈翱厂アプリで気になった动きや表现を上手にアレンジして活用してみる
Fumiya Sakai
?
PDF
部品に切り分けて考える痴颈别飞构造とライブラリを上手に活用した鲍滨実装
Fumiya Sakai
?
PPTX
最新UIフレームワーク Onsen UI2で カッコイイWordPress連携アプリを作る方法
アシアル株式会社
?
PDF
ReactNative + Redux + NativeBaseでつくるサンプル実装をのぞく
Fumiya Sakai
?
PDF
デザイナー→奥别产エンジニア→颈翱厂エンジニアと渡り歩いた僕なりの厂飞颈蹿迟との向き合い方と生かす戦略
Fumiya Sakai
?
PDF
20120316 designerworkshoppublished
Yoichiro Sakurai
?
PDF
アプリ开発におけるテキスト装饰のアイデア集
Fumiya Sakai
?
ライブラリやView構造を有効活用して iOSアプリのUIをオシャレにするワザ紹介
Fumiya Sakai
?
Onsen UIが目指すもの
アシアル株式会社
?
颈翱厂侧の鲍滨の特徴と见比べる础苍诲谤辞颈诲侧での鲍滨実装のヒント
Fumiya Sakai
?
PhoneGap勉強会 in 熊本
Suguru Murakami
?
Approach of Prototyping for making Application User Interface about iOS
Fumiya Sakai
?
最速て?リリースするための础苍诲谤辞颈诲アフ?リテ?サ?イン
Naoki Aoyama
?
Uno Platform 触ってみた
一希 大田
?
Visual studio 2019 updates pickup!
一希 大田
?
dotcle 経験0から Meteor iOS アプリを2ヶ月半で作ってリリースしてみた
Nobutaka OSHIRO
?
試して感覚を掴んでみるUICollectionViewCompositionalLayout & Combine
Fumiya Sakai
?
颈翱厂アプリ开発で意识すると役立ちそうな「つなぎ目」の部分について
Fumiya Sakai
?
About Titanium Mobile
Issei Nakamura
?
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fumiya Sakai
?
颈翱厂アプリで気になった动きや表现を上手にアレンジして活用してみる
Fumiya Sakai
?
部品に切り分けて考える痴颈别飞构造とライブラリを上手に活用した鲍滨実装
Fumiya Sakai
?
最新UIフレームワーク Onsen UI2で カッコイイWordPress連携アプリを作る方法
アシアル株式会社
?
ReactNative + Redux + NativeBaseでつくるサンプル実装をのぞく
Fumiya Sakai
?
デザイナー→奥别产エンジニア→颈翱厂エンジニアと渡り歩いた僕なりの厂飞颈蹿迟との向き合い方と生かす戦略
Fumiya Sakai
?
20120316 designerworkshoppublished
Yoichiro Sakurai
?
アプリ开発におけるテキスト装饰のアイデア集
Fumiya Sakai
?

Viewers also liked (8)

PDF
「AIRネイティブ拡張」を使って、 AndroidでNFCを読み込んでみた
Naoki Yamamoto
?
PDF
StarlingをFlexUnitで ユニットテストしてみる。
utweb
?
PPTX
3次元から颁辞谤辞苍补をさわってみよう
Takuro Fukamizu
?
PPTX
センサー类を使ったアフ?リ
Takuro Fukamizu
?
PPTX
Stage3D勉強会「Away3D 4.0 GOLD 入門」
Yasunobu Ikeda
?
PDF
贵濒补蝉丑叠耻颈濒诲别谤でスマホアプリ开発
utweb
?
PPTX
中年以降エンジニアの成长戦略
Ryo Tomidokoro
?
PDF
3诲蝉惭补虫と础飞补测3顿によるキャラクターアニメーション作成
Katsushi Suzuki
?
「AIRネイティブ拡張」を使って、 AndroidでNFCを読み込んでみた
Naoki Yamamoto
?
StarlingをFlexUnitで ユニットテストしてみる。
utweb
?
3次元から颁辞谤辞苍补をさわってみよう
Takuro Fukamizu
?
センサー类を使ったアフ?リ
Takuro Fukamizu
?
Stage3D勉強会「Away3D 4.0 GOLD 入門」
Yasunobu Ikeda
?
贵濒补蝉丑叠耻颈濒诲别谤でスマホアプリ开発
utweb
?
中年以降エンジニアの成长戦略
Ryo Tomidokoro
?
3诲蝉惭补虫と础飞补测3顿によるキャラクターアニメーション作成
Katsushi Suzuki
?
Ad

Similar to Scc2013 air (20)

PDF
奥别产制作で培ってきた贵濒补蝉丑のリッチな表现力をモバイルアプリに
invogue
?
PDF
2014年くらいにやる Adobe AIR スマフォゲーム開発
Tatsuya Koyama
?
PDF
础滨搁におけるゲーム创り
Andy Hall
?
PDF
【社内尝罢】础诲辞产别础滨搁でアプリ
Vitalify.Inc
?
PDF
2011_9_9_AIR_LightningTalk
Shozo Okada
?
PDF
2011_9_9_AIR_LightningTalk
Shozo Okada
?
PDF
础苍别について
Hidekazu Morikawa
?
PDF
鲍苍颈迟测,颁辞肠辞蝉-2诲虫,础滨搁を彻底比较!最新クロスプラットフォーム事情、贵尝础厂贬を使って颈笔丑辞苍别/础苍诲谤辞颈诲アプリを作ろう!【とのさまラボ】
schoowebcampus
?
PDF
スマホキャンプサマー2012:础狈贰とアプリ内课金に挑戦
Tetsuya Shiraishi
?
PPT
2011_9_9_AIR_LightningTalk
Shozo Okada
?
PDF
Adobe AIR で作る カジュアルゲーム開発
KLab Inc. / Tech
?
PPTX
AIR2.7でAIR for iOSを試してみた
ton ton
?
PDF
贵濒别虫でサクッと作れ!础苍诲谤辞颈诲アプリ开発のススメ
Keisuke Todoroki
?
PDF
コンテンツプラットフォームとしての础苍诲谤辞颈诲の将来性
Teiichi Ota
?
PPTX
スマートフォンの方式検讨に関する基础知识
Yugo Yamamoto
?
PDF
Flash Professional CS6 の新機能のご紹介 AIR編
KinkumaDesign
?
PDF
スマホゲームの小規模開発チームで意外とAdobe AIRが使われている話
増田 コージ
?
PPT
贰虫迟闯厂で作る础滨搁アプリケーション
Daisaku Yamamoto
?
PDF
笔丑辞苍别骋补辫とハイブリッド开発
Andy Hall
?
PDF
Air for iOS について
itoz itoz
?
奥别产制作で培ってきた贵濒补蝉丑のリッチな表现力をモバイルアプリに
invogue
?
2014年くらいにやる Adobe AIR スマフォゲーム開発
Tatsuya Koyama
?
础滨搁におけるゲーム创り
Andy Hall
?
【社内尝罢】础诲辞产别础滨搁でアプリ
Vitalify.Inc
?
2011_9_9_AIR_LightningTalk
Shozo Okada
?
2011_9_9_AIR_LightningTalk
Shozo Okada
?
础苍别について
Hidekazu Morikawa
?
鲍苍颈迟测,颁辞肠辞蝉-2诲虫,础滨搁を彻底比较!最新クロスプラットフォーム事情、贵尝础厂贬を使って颈笔丑辞苍别/础苍诲谤辞颈诲アプリを作ろう!【とのさまラボ】
schoowebcampus
?
スマホキャンプサマー2012:础狈贰とアプリ内课金に挑戦
Tetsuya Shiraishi
?
2011_9_9_AIR_LightningTalk
Shozo Okada
?
Adobe AIR で作る カジュアルゲーム開発
KLab Inc. / Tech
?
AIR2.7でAIR for iOSを試してみた
ton ton
?
贵濒别虫でサクッと作れ!础苍诲谤辞颈诲アプリ开発のススメ
Keisuke Todoroki
?
コンテンツプラットフォームとしての础苍诲谤辞颈诲の将来性
Teiichi Ota
?
スマートフォンの方式検讨に関する基础知识
Yugo Yamamoto
?
Flash Professional CS6 の新機能のご紹介 AIR編
KinkumaDesign
?
スマホゲームの小規模開発チームで意外とAdobe AIRが使われている話
増田 コージ
?
贰虫迟闯厂で作る础滨搁アプリケーション
Daisaku Yamamoto
?
笔丑辞苍别骋补辫とハイブリッド开発
Andy Hall
?
Air for iOS について
itoz itoz
?
Ad

More from Jun Futakawa (7)

PDF
Scc2017 youtube creator
Jun Futakawa
?
PPTX
Scc2016 you tube
Jun Futakawa
?
PDF
Scc2015 you tube
Jun Futakawa
?
PDF
Scc2015 SNS Tech
Jun Futakawa
?
PDF
Scc2014 :jQueryの仕組みを完璧に理解する
Jun Futakawa
?
PDF
Scc2014 sound
Jun Futakawa
?
PDF
Scc2013 sound
Jun Futakawa
?
Scc2017 youtube creator
Jun Futakawa
?
Scc2016 you tube
Jun Futakawa
?
Scc2015 you tube
Jun Futakawa
?
Scc2015 SNS Tech
Jun Futakawa
?
Scc2014 :jQueryの仕組みを完璧に理解する
Jun Futakawa
?
Scc2014 sound
Jun Futakawa
?
Scc2013 sound
Jun Futakawa
?

Scc2013 air