初めての AIR for Android

-Flex で AIR アプリを作る 20 日間 -

株式会社システムフレンド
西村　誠
 【お品書き】

・自己紹介

・ AIR for Android について

・ 20 日間 Android の旅

・ FxUG の今後とか来たれ若人とか
 【自己紹介】

・ FxUG 広島兼 FxUG 石川主催

・ Flash Media Server&Flex 開発者

・ 2011 年度から広島で活動開始
色々ご迷惑をおかけしますがよろしくお願いしま
・最近は PHPer
　国産オープンソースのコミッターをちょこっと
 【自己紹介】
・ Twitter ： coelacanth

・ブログ：眠るシーラカンスと水底のプログラマー
　　 http://blog.livedoor.jp/coelacanth_blog/

・サイト：シーラカンスのまどろみ
　　 http://localhost/site/top/index

・ Facebook ：西村誠
 【自己紹介】
今回の Twitter ハッシュタグは

#wtm35

です。ハッシュタグをつけてつぶやくと
このディスプレイに表示されます。

どうもスライドでフルスクリーンになっていると
出ない気がする・・・
AIR for Android について
【 AIR for Android について】

その前に AIR って知ってますか？

【 AIR for Android について】

検索では 6 位・・・ちょっと努力が足りません
【 AIR for Android について】

紹介動画があるので見てみましょう！！
http://www.adobe.com/jp/products/air/
【 AIR for Android について】

・ Web ブラウザで動作する Flash を用いて、

　　デスクトップアプリを作れる技術

・ Windows でも Mac でも動くアプリが作成可能

・ Flash の API+ デスクトップアプリ用の拡張

・ Flash 開発者はデスクトップへと飛び出してみよう！！
【 AIR for Android について】

そんな AIR が Android 上で動く

それが AIR for Android なのです !!

【 AIR for Android について】

Q. でも Android って Flash 動くから、

Flash で良くない？
【 AIR for Android について】

A ． Flash では使えないセンサーや

デバイスの機能を利用したい場合は AIR!!
【 AIR for Android について】

参考： .NET で Android アプリが作れる

Mono for Android も興味深いですねー

http://mono-android.net/
20 日間 Android の旅
【 20 日間 Android の旅】

2011 年 3 月 24 日
人生初の Android デバイスを入手 !!

Xperia arc
Android2.3 搭載
【 20 日間 Android の旅】

2011 年 3 月 26 日
第 34 回 WEB TOUCH MEETIGN 参加
のためしばらくお預け
【 20 日間 Android の旅】

2011 年 3 月 27 日

FlashBuilder “Burrito“
のインストール
【 20 日間 Android の旅】

FlashBuilder “Burrito”

http://labs.adobe.com/technologies/flashbuilder_burrito/
【 20 日間 Android の旅】

・インストール時から
AIR for Android の開発が可能なので楽ちん !!

・後述の書籍は FlashCS 系対象なので

ちょっと設定などで苦労
( 起動時の画面を横にする設定が見つからな
い)
【 20 日間 Android の旅】

一緒に Java 版の Android の SDK をインストー

ルしておくと何かと便利です。

・ JDK

・ AndroidSDK
【 20 日間 Android の旅】

2011 年 3 月 29 日

・ Android マーケット登録

・書籍「 Flash ではじめる

Android アプリ開発入門」を購入
【 20 日間 Android の旅】

・ Android マーケットへの登録は驚くほど簡単 !!

・登録料も $2500 と安価 !!

【 20 日間 Android の旅】

書籍「 Flash ではじめる Android アプリ開発入門」

日本語で読める唯一の AIR for Android 本 ( 現在 )

【 20 日間 Android の旅】

ここから冬の時代

「本を買ったらなんかできるようになった気になった」
時代に突入・・・
【 20 日間 Android の旅】

4 月 11 日・・・

気が付いたら残り発表まで残り
一週間を切る
【 20 日間 Android の旅】

光陰矢のごとし
男子三日会わざれば、括目して見よ！ ( 違う・・・ )
ですね
【 20 日間 Android の旅】

気を取り直して、本格開始！！
【 20 日間 Android の旅】

・・・と思ったら Windows Phone 7 初の

本格アップデートキター！！！！
【 20 日間 Android の旅】

青天の霹靂ですねｗ
【 5 日間 Android の旅】

はい、章題も一部変更して
ここからが本番ですｗ
【 5 日間 Android の旅】

キャプチャーも
ちゃんとした色味でとることができるようになりま
した。

Xperia arc の場合 AndroidSDK でのキャプチャは赤味

が
かかってしまうため、
Android Screen Monitor というツール利用しました
。
http://www.adakoda.com/adakoda/android/asm/
【 5 日間 Android の旅】

Sample1 ．タッチイベント
【 5 日間 Android の旅】

Demo ：
MouseTouchSample
【 5 日間 Android の旅】

protected function
view1_creationCompleteHandler(event:FlexEvent):void
{
　　　　 this.addEventListener(MouseEvent.CLICK,
this._mouseClickEventHandler);
}

private function _mouseClickEventHandler(event:MouseEvent):void

{
　　　 this.log_text.text += ' 画面をクリックしました \n';
}
【 5 日間 Android の旅】

タッチデバイスですが不思議と
MouseEvent.CLICK です。

これは Flash や PC 用 AIR アプリを移植す

る際に書き換えの必要がなさそう！！
【 5 日間 Android の旅】

Sampl. マルチタッチ ( タッチポイント )

【 5 日間 Android の旅】

AIR for Android でタッチイベントを取得する方法は

大きく 2 つ

Multitouch.inputMode =
MultitouchInputMode.TOUCH_POINT;
タッチ 1 つ１つを取得する

Multitouch.inputMode =
MultitouchInputMode.GESTURE;
ゼスチャーとして指の動きを取得する
【 5 日間 Android の旅】

いくつのタッチを扱うことができるのかはデバイス
次第

Multitouch.maxTouchPoints

で取得できるはずだが、
正確ではないよう。

Xperia arc だと値は 2 だが、実際には 4 つのタッチ

ポイントを取得することができる
【 5 日間 Android の旅】

Sampl. マルチタッチ ( ゼスチャー )

【 5 日間 Android の旅】

GestureEvent.GESTURE_TWO_FINGER_TAP
TransformGestureEvent.GESTURE_PAN
TransformGestureEvent.GESTURE_ROTATE
TransformGestureEvent.GESTURE_SWIPE
TransformGestureEvent.GESTURE_ZOOM

EventListner で取得できるところが素敵です
ね！！
AS らしいコードでマウスゼスチャーがとれ
ます
【 5 日間 Android の旅】

Sample ． Android-PC 動画チャット

【 5 日間 Android の旅】

ん・・・でも何かがおかしい・・・
【 5 日間 Android の旅】

Xperia の方はカメラが画面裏についているか
ら
チャットしながら自分の顔を配信できないじ
ゃないかｗ
【 5 日間 Android の旅】

iPad2 は前にも後ろにもカ
メラが
ついてるんだ！！

素敵だろ？　大事だろ？
漢だろ？　わかったろ？
【 5 日間 Android の旅】

気を取り直して・・・

こういう Flash ならではのアプリは Java

で実装するのは
難しいですよね。

AIR for Android を選択肢とする一つのケー

スではないでしょうか？
【 5 日間 Android の旅】

Tip: マイクとカメラを利用するには { アプ
リ名 }-app.xml に追記

<uses-permission
android:name="android.permission.CAMERA"
/>
<uses-permission
android:name="android.permission.RECORD_
AUDIO" />
【 5 日間 Android の旅】

PC 版の AIR と近い感じで、
ライブラリは Flash と AIR for Android で共
有できる！！

デモの PC 版と AIR 版のチャットアプリは

チャット部分のコードを共有している
【 5 日間 Android の旅】

『参考』
Tour de Flex
【 5 日間 Android の旅】

『参考』
ソースコードが見れて便利！！
【 5 日間 Android の旅】

( まとめ )
・ FlashBuilder による AIR for Android 開
発は
最初の敷居がすごく低い！！
( いきなり実機デバッグ可能なのは
iPhone や WP7 などと比べて手軽すぎ
る！！ )

・ Flash の知識でスマートフォンアプリ
【 5 日間 Android の旅】

( まとめ )
・ゼスチャーイベントもいい感度で取得
できる！！

・ 20 日間 ( 実質 5 日ですが・・・ ) あれ
ば十分に学習できる！！
【 5 日間 Android の旅】

( まとめ )
・今度はマーケットなどを紹介したい

・ライフサイクルをしっかり調べたい！
！
【 FxUG の今後】

FxUG は Flex ユーザーグループなんだけど

FlexBuilder は FlashBuilder に名前変わっち

ゃったし、 Flash Professional CS とかも勉
強したいよね！！

CS5.5 とかも出たし
【 FxUG の今後】

Flash,FlashBuilder についてお話してくれる
方を募集ー

広島でも Flash の技術交流を活発にしてい

きましょう！！

休憩中でも、終了後でも、懇親会でも気
軽に
話しかけてください
ご清聴ありがとうございました！！