「AIRネイティブ拡張」を使って、 AndroidでNFCを読み込んでみた

1. 「AIRネイティブ拡張」を使って、
ANDROIDでNFCを読み込んでみた
@mos1210
12年12月20日木曜日

2. 自己紹介
TW: mos1210 (本名:山本 尚紀)
WebとかAndroidアプリの開発してます。
Re:Kayo-System
12年12月20日木曜日

3. いきさつ
• Flashで作ったAndroidアプリで、NFCを使えませんか？
12年12月20日木曜日

4. どんなアプリか
• NFCを読み込んだ時、画面にキャラクターが追加される
12年12月20日木曜日

5. そもそも「Flashで作ったAndroidアプリ」とは？
FlashのAIR for Androidで出力したアプリ
※Web版のFlashソースコードを移植したとのこと
12年12月20日木曜日

6. FLASHでNFCを扱うコードは書けないか？
ググってみたが、不可と分かる
12年12月20日木曜日

7. FLASHで「NFC」は使えるのか？
案その1
• Androidのブラウザ(WebView)で、Flash再生
• NFC読み込み時に、JavaScript経由でFlashを呼び出す
↓
実現出来たが、速度が遅いと言われた
12年12月20日木曜日

8. FLASHで「NFC」は使えるのか？
ADOBE AIRのネイティブ拡張というのがあるらしい
• プラットフォーム固有機能にアクセスする仕組み
電話帳、各種センサー、アプリ内課金、Bluetooth
• Androidデバイス Android2.2以降
12年12月20日木曜日

9. FLASHで「NFC」は使えるのか？
案その2
• Adobe AIRのネイティブ拡張(AIR Native Extension)
↓
出来るかも？
↓
出来たけど、今回の案件では速くなかった...
12年12月20日木曜日

10. FLASH CS6でネイティブ拡張を「使う」
12年12月20日木曜日

11. こんなアプリを作成
• ID: NFCを読み込むとIDが値として
表示される
• Clearボタン: IDをクリアする
12年12月20日木曜日

12. FLASH CS6でネイティブ拡張を「使う」
• Flash CS6をインストール
• Air Native Extensionをライブラリパスに追加する
• ソースコード記述
• sample-app.xmlの編集(手動で記述)
12年12月20日木曜日

13. FLASH CS6をインストール
• Flash CS6をインストールすると、同じフォルダ内にAir
SDK3.2もインストールされます。
※後でAir SDKも使います
12年12月20日木曜日

14. FLASH CS6でネイティブ拡張を使う
• Flash CS6をインストール
• Air Native Extensionをライブラリパスに追加する
• ソースコード記述
• sample-app.xmlの編集(手動で記述)
12年12月20日木曜日

15. Air Native Extensionをライブラリパスに追加する
• AIR for Androidを選択
12年12月20日木曜日

16. Air Native Extensionをライブラリパスに追加する
• 「OK」を選択
12年12月20日木曜日

17. Air Native Extensionをライブラリパスに追加する
• 「ファイル」＞「保存」を選
択し、C:/sampleフォルダに保
存する。
• ※今回のファイル名:sample.fla
12年12月20日木曜日

18. Air Native Extensionをライブラリパスに追加する
• sampleフォルダにlibs
フォルダを作成
• ANEファイルを配置
12年12月20日木曜日

19. Air Native Extensionをライブラリパスに追加する
• スクリプトの「設定」ボタン押
下
12年12月20日木曜日

20. Air Native Extensionをライブラリパスに追加する
• 「ドキュメントクラス」に
「sample」を入力
• タブ「ライブラリパス」のネイ
ティブ拡張(ANE)ファイルを参照
ボタンを選択し、C:/sample/libs/
NfcAneExtension.aneを選択する。
12年12月20日木曜日

21. FLASH CS6でネイティブ拡張を使う
• Flash CS6をインストール
• Air Native Extensionをライブラリパスに追加する
• ソースコード記述
• sample-app.xmlの編集(手動で記述)
12年12月20日木曜日

22. ソースコード記述
• 「クラス定義を編集」ボタン押下
12年12月20日木曜日

23. ソースコード記述
• ソースのひな形が記述され
るので、ActionScript3.0を追
記していく
12年12月20日木曜日

24. ソースコード記述
• 左のような画面を生成する
コードを書く
12年12月20日木曜日

25. ソースコード記述
• Flash CS6を使ってソースコードの解説
12年12月20日木曜日

26. FLASH CS6でネイティブ拡張を使う
• Flash CS6をインストール
• Air Native Extensionをライブラリパスに追加する
• ソースコード記述
• sample-app.xmlの編集(手動で記述)
12年12月20日木曜日

27. Sample-app.xmlの編集(手動で記述)
• AIR for Android設定画面の
権限タブで、チェック
「アプリケーション記述
ファイルへの権限および
マニフェストの追加を手
動で管理します」を入れ
る。
※Sample-app.xmlが自動生成される
12年12月20日木曜日

28. ↑の記述は省略
<android>
<manifestAdditions><![CDATA[<manifest>
<application>
<activity>
<intent-filter>
<action android:name="android.intent.action.MAIN"/>
<category android:name="android.intent.category.LAUNCHER"/>
</intent-filter>
</activity>
<activity android:name="sample.ane.TagReaderActivity"
android:theme="@android:style/Theme.NoDisplay" android:launchMode="singleTop"
android:excludeFromRecents="true"></activity>
</application>
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.NFC"/>
</manifest>]]></manifestAdditions>
</android>
<extensions>
<extensionID>sample</extensionID>
</extensions>
</application>
↑ファイルの最後
12年12月20日木曜日

29. デプロイ
• デプロイタブ
• 証明書：選択、もしくは作成
• パスワード：入力
• デプロイタイプ：デバイスリリース
• AIRランタイム：任意
• パブリッシュ後：任意
12年12月20日木曜日

30. デプロイ
パブリッシュ後にアプ
リケーションを起動す
るを選択している場合
は、Android端末を接続
しておく
12年12月20日木曜日

31. デモンストレーション
12年12月20日木曜日

32. ネイティブ拡張を「作る」
12年12月20日木曜日

33. ネイティブ拡張を「作る」
• 手順
• ネイティブ拡張ライブラリの作成
• ネイティブ拡張ActionScriptライブラ
リの作成
• ネイティブ拡張記述ファイルの作成
• ANEファイルへパッケージング
12年12月20日木曜日

34. ネイティブ拡張を「作る」
• ネイティブ拡張ライブラリの作成
• ネイティブ拡張ActionScriptライブラリの作成
• ネイティブ拡張記述ファイルの作成
• ANEファイルへパッケージング
12年12月20日木曜日

35. ネイティブ拡張ライブラリの作成
12年12月20日木曜日

36. ネイティブ拡張ライブラリの作成
プラットフォーム ネイティブAPI ネイティブ拡張開発言語 ネイティブ拡張ライブラリ
Shared library(.so) Java
Android C API/Java API C言語/Java
Archive library(.jar)
iOS C API C言語/Objective-C Static library(.a)
Windows C API C言語/C++/C# Dynamic Link Library(.dll)
Mac OS X C API C言語/Objective-C Framework(.framework)
12年12月20日木曜日

37. ネイティブ拡張ライブラリの作成
• 必要な物
• Eclipse(Android開発環境)
• Android SDK
12年12月20日木曜日

38. ネイティブ拡張ライブラリの作成
• Androidプロジェクトを
作成
12年12月20日木曜日

39. ネイティブ拡張ライブラリの作成
• FlashRuntimeExtensions.jarをパスに
追加
12年12月20日木曜日

40. ネイティブ拡張ライブラリの作成
12年12月20日木曜日

41. ネイティブ拡張ライブラリの作成
Eclipseでソースコード解説
12年12月20日木曜日

42. ネイティブ拡張ライブラリの作成
• プロジェクトをjarでExport
12年12月20日木曜日

43. ネイティブ拡張ライブラリの作成
12年12月20日木曜日

44. ネイティブ拡張ライブラリの作成
12年12月20日木曜日

45. ネイティブ拡張ライブラリの作成
以下のサイトに詳しく載っています
ネイティブ拡張（Native Extensions）入門
第2回 ネイティブ拡張の開発方法 前編
http://www.adobe.com/jp/devnet/air/articles/
native_extensions_part2.html
12年12月20日木曜日

46. ネイティブ拡張を「作る」
• ネイティブ拡張ライブラリの作成
• ネイティブ拡張ActionScriptライブラリの作成
• ネイティブ拡張記述ファイルの作成
• ANEファイルへパッケージング
12年12月20日木曜日

47. ネイティブ拡張ActionScriptライブラリの作成
12年12月20日木曜日

48. ネイティブ拡張ActionScriptライブラリの作成
• 必要な物
• Adobe Flash builder 4.6
12年12月20日木曜日

49. ネイティブ拡張ActionScriptライブラリの作成
12年12月20日木曜日

50. ネイティブ拡張ActionScriptライブラリの作成
•a
12年12月20日木曜日

51. ネイティブ拡張ActionScriptライブラリの作成
12年12月20日木曜日

52. ネイティブ拡張ActionScriptライブラリの作成
• Adobe Flash BuilderでSampleExtension.as解説
12年12月20日木曜日

53. ネイティブ拡張ActionScriptライブラリの作成
12年12月20日木曜日

54. ネイティブ拡張記述ファイル
12年12月20日木曜日

55. ネイティブ拡張記述ファイル
• platform: Androidの場合は、Android-ARMを指定
• id: ActionScriptからネイティブ拡張を指定する際に使用
• nativeLibrary: ネイティブ拡張ライブラリを指定
• initializer: FREExtensionを実装したクラス名
• finalizer: FREExtensionを実装したクラス名
12年12月20日木曜日

56. ネイティブ拡張ActionScriptライブラリの作成
12年12月20日木曜日

57. ADTによるパッケージング
• ADTとは？ = AIR Developer Tools
• 場所
/Applications/Adobe Flash CS6/AIR3.2/bin
※パスを通しておく
12年12月20日木曜日

58. ADTによるパッケージング
• library.swf: NfcAne_asext.swcの
拡張子をzipに変更し、解
凍。中に入っている
library.swfを取り出しplatform/
androidフォルダに配置
• NfcAneAnd.jar
作成済みのネイティブ拡
張ライブラリを配置
12年12月20日木曜日

59. ADTによるパッケージング
• 使うツール: ターミナル
• Flash Builderで作ったディレクトリに移動して、
コマンド実行
12年12月20日木曜日

60. ADTによるパッケージング
12年12月20日木曜日

61. ADTによるパッケージング
12年12月20日木曜日

62. ADTによるパッケージング
ディレクトリ移動
$ cd /Users/naoki/Desktop/NfcAne_asext
コマンド実行
adt
-package
-storetype pkcs12 -keystore 証明書ファイル
-target ane ANEファイル名 ネイティブ拡張記述ファイル
-swc ネイティブ拡張ActionScriptライブラリ
-platform プラットフォーム名
-C プラットフォームディレクトリ .
12年12月20日木曜日

63. ADTによるパッケージング
コマンド実行 ※実際は1行
adt
-package
-storetype pkcs12 -keystore 証明書ファイル
-target ane ANEファイル名 ネイティブ拡張記述ファイル
-swc ネイティブ拡張ActionScriptライブラリ
-platform プラットフォーム名
-C プラットフォームディレクトリ .
12年12月20日木曜日

64. ADTによるパッケージング
adt
-package
-storetype pkcs12 -keystore test.p12
-target ane NfcAneExtension.ane extension.xml
-swc bin/NfcAne_asext.swc
-platform Android-ARM
-C platform/android .
※実際は1行
12年12月20日木曜日

65. 参考にしたURL
ネイティブ拡張(Native Extensions)入門 第1回 ネイティブ拡張を理解する
http://www.adobe.com/jp/devnet/air/articles/native_extensions_part1.html
ネイティブ拡張(Native Extensions)入門 第2回 ネイティブ拡張の開発方法 前編
http://www.adobe.com/jp/devnet/air/articles/native_extensions_part2.html
ネイティブ拡張(Native Extensions)入門 第3回 ネイティブ拡張の開発方法 後編
http://www.adobe.com/jp/devnet/air/articles/native_extensions_part3.html
12年12月20日木曜日