1. AIR2.7でAIR for iOSを試してみた by ton 2011/7/9 FxUG 名古屋勉強会 1

2. 自己紹介 名前 : とん Twitter : ton1517 blog : ton-up blog 豊橋技術科学大学 知識情報工学課程 4年 2

3. AIR2.7でAIR for iOS SDKのダウンロードから iPhoneで動かすまでの流れ すべてコマンドラインで iPhoneで動かすには Apple iOS Developer Programの登録が必要 (10800円/年) 3

4. AIR for iOSってなに？ AIR SDKを使ってiOSへ書き出し対応 (AIR 2.6 SDKから) OS iOS 4 以上 Device : iPhone 3GS, iPhone 4 iPad, iPad2 iPod Touch 第3世代、第4世代 4

5. AIR 2.7 iOS上の描画機能最適 AIR2.6に比べてCPUでの描画パフォーマンスが最大4倍高速化 (比較ビデオ40秒あたりから) iOS用インタープリターモード 5

6. SDKのダウンロード Flex SDK (7/9時点で最新はFlex 4.5.1) AIR SDK 6

7. Flex SDKの中にAIRSDKを入れる Windows AIR SDKフォルダの中身を Flex SDKフォルダの中にコピペ Mac コマンドラインから cp -rf AdobeAIRSDK/ flex_sdk_4.5 7

8. パスの設定 Windows システム環境変数のPathに Flex SDKのbinまでのパスを追加 Mac シェルにFlex SDKのbinまでのパスを追加 8

9. パスの確認 コマンドラインで パスが通ってるか確認 mxmlc –version adt –version バージョン情報が出てくればOK 9

10. プロビジョニングプロファイルと開発用証明書の用意 Apple iOS Developer Programの登録が必要 (10800円/年) iPhone 開発ファイルの入手と操作参考 10

11. swfの用意 好きな環境でflashを作る Windowsでフリーの開発環境 FlashDevelopがオススメ 11

12. Flashを作るときのポイント 画面サイズ 画面の回転 ボタン、テキストの大きさ GPUモード AIR for iOSでの制約 バグ 12

13. 画面サイズ 13

14. 画面の回転 自動回転を許可するか stage.align = StageAlign.TOP_LEFT; stage.scaleMode= StageScaleMode.NO_SCALE; resizeイベントの監視 縦画面と横画面でのデザイン 14

15. ボタン、テキストの大きさ 小さいボタンは避ける デスクトップよりも文字を大きく 15

16. CPUモード？GPUモード？ CPUモード すべての描画をCPUで行う GPUモード 描画をGPUで行う 特殊なコーディングなしで高速化可能 16

17. GPUモードの制約 以下はGPUモードでは未サポート Flex フレームワーク フィルター、PixelBenderのブレンド、塗り ブレンドモードの内、レイヤー、アルファ、 消去、オーバーレイ、ハードライト、 比較（明）および比較（暗） etc... 17

18. AIR for iOSでの制約 以下のものは使用できない iPhone標準UI ActionScriptを含んだSWFの読み込みや埋込み プッシュ通知 バッチの表示 アプリ内課金 GameCenter etc... 18

19. 既知のバグ Loader.loadBytes が iOS で失敗する TextField が textInput イベントを送出しない 横長モードで開始すると stage.orientation の値が誤って返される etc... (AIR2.7リリースノート参照) 19

20. アイコンと起動イメージの用意 アプリのアイコン グレア効果は自動的に付けられる 起動時のスプラッシュ画面 アプリの初期状態のスクリーンショット にすると良い (アプリケーションアイコン参照) 20

21. アイコンサイズ 29 x 29 iPhoneのスポットライト検索結果 48 x 48 iPad のスポットライト検索結果 57 x 57 iPhone3GSのホーム画面 72 x 72 iPad のホーム画面 114 x 114 iPhone 4のホーム画面 512 × 512 iTunes 表示表示用 21

22. アプリケーション記述ファイル iOS用にアプリケーションの設定を記述したxmlを用意する必要がある アプリ名-app.xml テンプレート iPhone-app.xml 22

23. ADLでのシミュレーション できること デバイスの回転 画面のサイズ 起動 adl iPhone-app.xml 23

24. ADLでのシミュレーション 画面サイズの指定 -screensize オプション iPhone iPhoneRetina iPad adl –screensize iPhoneRetina iPhone-app.xml ADL を使用したデバイスシミュレーション AIR Debug Launcher（ADL） 参考 24

25. パッケージ化 swfをiPhoneアプリのipaファイルに変換 adt –package –target <targettype> -storetype pkcs12 -keystore <*.p12> -storepass <password> -provisioning-profile <*.mobileprofile> <*.ipa> <*-app.xml> <*.swf> <icons> <files> ... 25

26. パッケージ化 例 adt –package –target ipa-debug -storetype pkcs12 -keystore private_key.p12 -storepass hogehoge -provisioning-profile Test.mobileprofile Hoge.ipa Hoge-app.xml Hoge.swf icons/ assets/ 26

27. -targetオプション ipa-ad-hoc：アドホック配布用 ipa-app-store：Apple App Store 配布用 ipa-debug：デバッグ情報を含むパッケージ ipa-test：最適化やデバッグ情報を含まずにコンパイルされた iOS パッケージ ipa-debug-interpreter：ipa-debugと同等 コンパイル時間が短くなる コードの実行が遅い ipa-test-interpreter：ipa-testと同等 コンパイル時間が短くなる コードの実行が遅い 27

28. iPhoneに転送 ipaファイルをダブルクリックまたはiTunesにドラッグ＆ドロップ iPhoneと同期 完了 28

29. リモートデバッグ 実機で動かしながらデバッグ breakポイントの設定 traceログ エラーメッセージ 29

30. リモートデバッグ 1.swfをデバッグビルド 2.-targetオプションをipa-debugに 3. -connectオプションでIP指定 4.fdbを起動し待機 5.実機でアプリを起動 30

31. リモートデバッグ fdbが文字化けする人 ターミナルの文字コードをShift-JISに OR Flex SDKのbinフォルダにあるfdbを開く 最終行javaコマンドの後ろに -Dfile.encoding=UTF-8を追加 java -Dfile.encoding=UTF-8 $VMARGS ... 31

32. 実機での動作例 32 ワープっぽいなにか SquareLines HueCircleTest 色相環テスト

33. 実機での動作例 以上の3つをiPhone4で動かしている様子 YouTube - ‪AIR2.7 で AIR for iOS‬‏ 33

34. 感想 結構いける バグに注意 Macなしで全部できる Flasherなら今すぐ iPhoneアプリが作れる! 34

35. 35