Adobe AIR開発事例ライトニングトーク & Meet Up 2011.9.9 at 六本木ラフォーレミュージアム

1. Adobe AIR開発事例ライトニングトーク & Meet Up
2011.9.9 at 六本木ラフォーレミュージアム
株式会社hi-posi
Flash / AIR デベロッパー岡田昇三

2. 自己紹介
岡田 昇三
Twitter: shozoxxx
http://www.facebook.com/hiposi
ワイノット株式会社
↓
楽天株式会社
↓
フリーランス
↓
株式会社hi-posi 代表

3. 自己紹介
FlashLiteを使ったモバイルサイトばかり作っています
「nike6.0mobile」「ナイキ モバロンドール」
「H&M mobile」「ケートラ」
「サンシャイン牧場モバイル」
etc..

4. 2009年にFlashLiteに関する本を出しました。
「 Flash Liteで作る携帯コンテンツ実践教科書」2009年
東條 雅樹・岡田昇三・よしだゆたか (毎日コミュニケーションズ)

5. Adobe DeveNetでも連載してました。
「 Flash Lite入門講座 日本のFlashLiteの仕様」

6. ケータイのFlash大変でしたね。。
てか、まだ大変っすよね。

7. 時代はケータイからスマートフォンへ。

8. 今までは、３キャリア共通の仕様の中で
作らなければならなかった。

9. 今度はiOSとAndroid共通で動くものを
作らなきゃならなくなった。

10. ■ブラウザ
■アプリ

11. ■ブラウザの場合
iOS Android
HTML5(Webkit)
FlashPlayer
FlashLite4

12. ■ブラウザの場合
HTML5ベースだけだと
テキストベースだといいけど
ゲームとか作るの大変！

13. ■ブラウザの場合
Flashでコンテンツを作って
HTML5に変換する。

14. ・SWFをHTML5に変換するツール
→Adobe Wallaby(Fla to HTML5)
http://labs.adobe.com/technologies/wallaby/
→Adobe Edge(変換ではない)
http://labs.adobe.com/technologies/edge/
→Google Swiffy(SWF(AS2) to HTML5)
http://www.google.com/doubleclick/studio/swiffy/
→ Sothink SWF Decompiler(SWF(AS1) to HTML5)
http://www.sothink.com/product/flashdecompiler/
→DeNA ExGame(SWF(FlashLite1.1) to HTML5)
http://developer.dena.jp/mbga/support/exgame.html

15. ■ブラウザの場合
iOS Android
HTML5(Webkit)
FlashPlayer
FlashLite4

16. ■ブラウザの場合
iOS Android
HTML5(Webkit)
コンバート済 FlashPlayer
みSWF FlashLite4

17. HTML5 VS Flashとかじゃないから！
だまされないように注意！

18. ■アプリの場合
Objective-CとJavaで別々に開発する？
コストや別言語なので共通化しんどそう。

19. 「AIR」

20. 「AIR」って？
「AIR」とは、
「Adobe Integrated Runtime」の略。
アドビが開発した
デスクトップアプリケーションの実行環境。
HTML・JavaScript・Flash等を
組み合わせたアプリケーションを
OSのデスクトップで動かせる。

21. AIRのイメージ
AIRランタイムのおか
げでOSに依存せずアプ
リを再生できる

22. AIR2.5からさまざまなデバイスに対応！
その中にAndroidや、iOSも。
PC Mobile TV
・Windows ・Android ・Smart TV
・Mac ・iOS
・Linux ・BlackBerry Tablet OS

23. AIR for Android
AIR for iOS
Flashから直接アプリを書き出せるので、
ゲーム等のインタラクティブな
コンテンツが得意。

24. AIRってどんな事ができるの？
現在のバージョンAIR2.7の場合

25. マルチタッチ TouchEvent GestureEvent
加速度センサー Accelerometer
画面を回転させる StageOrientation
現在地を取得する Geolocation
ハードウェアキーを使用する KeyEvent
カメラを使う Camera CameraUI CameraRoll
マイクで録音する MicroPhone
電話機能やメーラーを立ち上げる
アプリの状態をコントロールする NativeApplication
描画を早くする CacheAsBitmap CashAsBitmapMatrix
ブラウザを呼びだす StageWebView
ファイルの読み込み、書き込み
通信状態を調べる NetworkInfo
URI スキーム（ブラウザからアプリを起動 引数を渡せる）

26. 色々できていいけど、
作るの大変じゃないの？

27. ご安心ください！

28. これを見ればわかります！
「Flashで作るAndroidアプリ開発ガイドブック」
岡田昇三・岡本真明 (毎日コミュニケーションズ)

29. 先ほど紹介した機能は
本に載っております。

30. Flash/AIRの基本的な機能
モバイル特有の機能
サンプルアプリ
・ギャラリー
・お絵かき
・カメラ
AndroidMarketへのアップロード
・有料/無料の配信手順
・マルチデバイス対応(マーケットフィルター)
・マルチＡＰＫアプリ作成方法
TIPS
・端末一覧表(サイズ,dpi,メモリ)
・異なる解像度への対策
・メモリ等 等々

31. iPhone版もでています。
「Flashで作るiPhoneアプリ開発ガイドブック」
稲垣 智隆 (毎日コミュニケーションズ)

33. 本日、泉ガーデンタワー１Ｆ
書原(Books Shogen) 六本木店 にて
平積みされていますので、帰りに是非お手にとってみて下さい！

34. AIR3.0
RC(出荷候補)版が9月6日に公開

35. AIR3.0
NativeExtensions
AIRランタイム同梱
Stage Video
前面カメラ(Cameraクラスに新しいプロパティ追加)
iOSでバックグラウンドで音再生
暗号化ローカルストレージ
Androidのライセンスサービス
デバイススピーカー制御

36. AIR3.0
NativeExtensions
AIRランタイム同梱
Stage Video
前面カメラ(Cameraクラスに新しいプロパティ追加)
iOSでバックグラウンドで音再生
暗号化ローカルストレージ
Androidのライセンスサービス
デバイススピーカー制御

37. NativeExtensionsを使用する事により、
3.0では、アプリ内課金、
Push通知ができるようになった。

38. ブラウザ コンテンツ HTMLコンテンツ
（Game等） (Oauth認証/説明等)
誘導
URIスキーマ
stageWebView
AIRアプリ
ここまではAIR2.7で可能

39. アプリ内課金等
NativeExtensions
ブラウザ コンテンツ HTMLコンテンツ
（Game等） (Oauth認証/説明等)
誘導
URIスキーマ
stageWebView
AIRアプリ
AIR3.0になると

40. できない事が徐々に無くなってきている
「AIR」

41. 選択肢の一つと考えてみては
いかがでしょうか？

42. てか、本買ってください。
m(_ _)m

43. ありがとうございました！
株式会社hi-posi 岡田 昇三
Twitter: shozoxxx
shozoxxx@gmail.com
http://hi-posi.jp
http://www.facebook.com/hiposi