Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

第6回Cordova勉強会: Cordova plugin をもっと簡単に

2,178 views

Published on

https://cordova.doorkeeper.jp/events/25503

Published in: Technology
  • Be the first to comment

第6回Cordova勉強会: Cordova plugin をもっと簡単に

  1. 1. Cordova plugin を もっと簡単に! ソニー株式会社 UXプラットフォーム UX・マーケティング本部 クラウド&サービスアプリ開発運用部門 1部 3課 SEKI Yasuharu / 関 康治 Yasuharu.Seki@jp.sony.com yasuharu.seki.7 ahirun0426
  2. 2. Cordova plugin って どうやって作るんだっけ? 自前で作る Plugman を使う public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException { callbackContext.success(); android.widget.Toast.makeText( this.cordova.getActivity(), args.getString(0), 1000).show(); return true; } CoolPlugin.java coolApp.js cordova.exec( function(){ console.log(“success”); }, function() { console.log(“error”); }, ‘CoolPlugin’, ‘toast’, [‘Yeah!’] ); plugin.xml <?xml version="1.0" encoding="UTF-8"?> <plugin xmlns="http://apache.org/cordova/ns/plugins/1.0" id="cordova-plugin-org-coolplugin" version="0.2.3"> … $ plugman create –name CoolPlugin –plugin_id cordova-plugin-org- coolplugin –plugin_version 0.0.1 –path $ plugman platform add –platform_name android $ plugman platform add –platform_name ios $ cordova create CoolPlugin_Devbed org.cool.plugin CoolPlugin_Devbed $ cd CoolPlugin_Devbed $ cordova platform add android $ cordova platform add ios $ cordova plugin add ../CoolPlugin $ cordova build android …覚えることたくさん! 順序も大事!
  3. 3. 正直めんどい!
  4. 4. Yeoman generator 作ってみた
  5. 5. generator-cordova-plugin-devbed http://github.com/sony/generator-cordova-plugin-devbed/
  6. 6.  node.js(npm), yo のインストール  Android SDK のインストール  Android用pluginを開発する場合  Yeoman generator のインストール $ npm install –g generator-cordova-plugin-devbed
  7. 7. http://github.com/sony/generator-cordova-plugin-devbed/ 幾つかのQ&Aに答えると Plugin を生成してくれる $ yo cordova-plugin-devbed
  8. 8. http://github.com/sony/generator-cordova-plugin-devbed/ $ cd CoolPlugin_TestBed $ cordova run android これで plugin のテストも完璧だね! Jasmine の test runner となる TestBed アプリケーションも自動生成
  9. 9. CoolPlugin.js method へのブリッジコードの追加 CoolPlugin.java Native実装の追加 Test.js 呼び出しテストコード追加 Plugin の入れ替え
  10. 10. 試用レポート 待ってます! 罵詈雑言 Issue Pull Request ドキュメンテーション は少しだけにして頂ければ嬉しいなと
  11. 11. ご清聴ありがとうございました

×