ハイブリッドアプリ開発実装法：CordovaとElectron・・など

４月８日に「第８回　Apache Cordova勉強会」に行ってきたので、その内容をメモメモ。

---

■Hybrid FWs:Cordova/Electronの構造を知る

・自己紹介

概論

・Hybrid Appとは　～もう一つのアプリ実装法
　　Hybridフレームワーク：
・Hybrid App特徴と課題
　　Ｗｅｂアプリ：ファイルにアクセスしにくい、ローカルリソースアクセスしにくい
　　　→WebViewをくるむ
　　課題
　　　アプリないでブラウザを手配しないと→Window,Mac,Linux以外だったら？
　　　オープンソースコミュニティがどれだけ用意で決まってしまう
・Cordova：いろんなプラットフォーム
・Electronとは
　　去年の４月に名前がついたAtom Editorの下回りAtom Shellから
　　Electronを使ったアプリでてくる
　　作成してみた：クラウドファウンディング
　　　　　huis（ハウス）Remote controller
　　　２０１６年３月２８日より　ＯＳＳで公開 github.com/sonyで自分でビルド
　　WindowsのものをＭａｃに移行する対策

・Cordovaの構造を知る
　設計思想
　　ＡＰＩをたたく部分の形は一緒
　　でも下回りはプラットフォームごとに違う
　　ＯＳのものを用いる
　　通信の仕方が割とハック

　ＪＳとネイティブ
　　　cordova.execを通じてコール（共通）
　　　行きと帰りは違う通信路
　　　
　Ａｎｄｒｏｉｄ
　　JS_OBJECT形式：cordovaNativeを通じて通信
　　WebViewでJSたたく→PROMPT
　Ｎａｔｉｖｅ側
　　POLLING方式
　　LOAD URL方式（javascript:でコードの実体）
　　ONLINE_EVENT
　→デフォルトは。ONLINE_EVENT形式

クロスウォーク
・cordovaプラグインの１つ
　

iosの場合
　wkwebview：通信の仕方が変わった
ＪＳからＮａｔｉｖｅ：サンドボックスのハードル高い
　　IFRAME形式
　　ＸＨＲ形式
　　ｗｋＷｅｂＶｉｅｗ

ubuntuの場合
　WebView：Ｑｔのライブラリ

New
　他のプラットフォームに移植する場合
　　ブラウザをどうする？

Electronの構造を知る
・Ｗｉｎ／Ｍａｃのデスクトップ用
　chroniumとノードの中は「よしなに通信」

・課題
　ほぼ１人で開発
　Chroniumを抱え込んでいる
　レポジトリまだない


■Cordova＆EdTech
・EdTech Education+Technology　学び＋テクノロジー
・自己紹介
　PhoneGap/Cordova日本語グループ
・結論 CordovaおEdTech　相性いいよ！
・事例
　　ＣＡＳＥ１　学校の授業用ツール
　　　→新潟の小学校の先生が声かけ
　　　　ＨＴＭＬで開発→すぐに確認してもらえる
　　　　Fabric.js
　　　　保存はlocalStorage
　　　開発スピード＝爆速

　　ＣＡＳＥ２　海外向け日本語教育
　　　アプリで予習、テレビ会議システムで対面授業
　　　ios,android,webも　Onsen UI
　　　動画や音声をダウンロード　プラグイン cordova.file-transfer
　　　動画や音声の再生→かなりハマる　プラグイン cordova.media
　　　アプリ　オンライン時に一気に送信
　　　appleから２度のリじぇくと
　　　　バックアップ対象外にする
　　　Ｗｅｂでもアプリでも

　教育業界：お金ない
　Qiitaにかいています

■NCMBXCordovaの使い方
・ニフティクラウドモバイルバックエンド
・一言で
　＝アプリ開発を高速／低コスト化
・アプリ開発とサーバー
　　プッシュ通知：サーバーいる
　→メンテナンスフリー、スケールフリー、無料から

・機能
（１）データストア
　　データベース、ＭｏｎｇｏＤＢ使っている

（２）ファイルストア
　みかん

（３）ユーザー管理
　　認証・メールアドレス確認

（４）プッシュ通知機能
　　Android,ios共通

（５）スクリプト機能
　　node.js→ＡＰＩつくる

・対応プラットフォーム

・よくある質問
　価格：無料で２００万ＡＰＩアクセスまで
　プッシュ通知だけ　ＯＫ
　Parse.comなくなるけど大丈夫

・事例
　伝説の旅団
　ゲーイベ
　鎌倉今昔写真

・サポート体制
　github

・電子書籍０円

・デモ