Potatotips#2の発表資料です。

1. iOS/Android開発Tips共有会
【Android枠】
クロスプラットフォーム開発Tips
2013/12/11
@korodroid（神原 健一）

2. 自己紹介
@korodroid
!
iplatform.org
NTT
!
!
http://www.iplatform.org/
■業務（Android）
-社内Androidプロジェクト技術支援
-Androidサービス・アプリ企画検討
!
■業務外（モバイル関連）
-モバイル系アプリ開発
（Android、iOS、FirefoxOS、Tizen等）
-コミュニティ活動
-執筆活動
2

3. アジェンダ
1. 導入
2. アプリ紹介
3. クロスプラットフォーム開発
3

4. 導入
クロスプラットフォーム対応アプリを開発
Android
iOS
FirefoxOS
Tizen
4

5. アプリ紹介
XTranslator
!
• 翻訳アプリ
• 音声入力
• 音声出力
• 端末シェイク翻訳
5

6. SYSTEM_UI_FLAG_IMMERSIVE
クロスプラットフォーム開発
1. ユーザインタフェース
2. ビジネスロジック
3. アプリパッケージング・配布
6

7. アプリパッケージング・配布
PhoneGapを用いたラッピング
.html
.css
.js
Wrapping
Wrapping
Wrapping
Android
App
iOS
App
Tizen
App
7

8. PhoneGap
Java ScriptとNative実装をつなぐブリッジ
.html
.css
.js
Native
!
Native
Native
Android
App
iOS
App
Tizen
App
!
!
8

9. PhoneGap：Features
多くのAPIのサポート
Notification
Network
Contacts
Media
Camera
Geolocation
Compass
Accelerometer
File
Storage
9

10. PhoneGap：Problem?
サポート・未サポートAPIが存在
Basic Features
Notification
Network
Geolocation
Contacts
Accelerometer
Media
File
Camera
Storage
Compass
Non-Supported Features
Voice Recognition
TextToSpeech
…
10

11. PhoneGap：Solution 1
ライブラリの再利用
PhoneGap Plugins (deprecated)
Cordova Plugins
11

12. PhoneGap：Solution 2
世に存在しないもの - オリジナルライブラリ
Toast Plugin
.js
.java
Android App
.js
config
.xml
12

13. PhoneGap：Solution 2
Toast Plugin
.js
ToastCreator.prototype.showToast =
function(successCallback, errorCallback, text) {
return cordova.exec(successCallback, errorCallback,
ToastCreator, showToast, [text]);
};
.java
public class ToastCreator extends CordovaPlugin {
@Override
public boolean execute(String action, JSONArray args,
CallbackContext callbackContext) {
Boolean isValidAction = true;
if (showToast.equals(action)) {
Toast.makeText(cordova.getActivity(),
args.getString(0), Toast.LENGTH_SHORT).show();
}
return isValidAction;
}
}
13

14. PhoneGap：Solution 2
Toast Plugin
Android App
.js
config
.xml
// The case of non-input text
if (value == ) {
ToastCreator.prototype.showToast(showToastSuccess,
showToastFail, 'No Text. Please input text.');
}
return;
}
...
!-- Toast Plugin --
feature name=ToastCreator
param name=android-package
value=org.iplatform.xos.phonegap.ToastCreator/
/feature
14

15. Web Hardware Collaboration
Webベースアプリでもハードウェア制御可能
15

16. おわり
•Facebook:http://fb.com/kanbara.kenichi
•Google+:+Kenichi Kambara
•LinkedIn:http://www.linkedin.com/in/korodroid
•Twitter:@korodroid