３月２２日
第１０回 apache cordova勉強会
に行ってきた！のでメモメモ
■ごあいさつ アシアル 田中さん
・ソニー株式会社様に、拍手
・今日の内容
■ごあいさつ ソニーさま
■Vue2について
・Vue.jsことはじめ
結構知っている、使った人
Angular2のほうがVueより多い。Reactは少ない
Vue.js
ライトウェイトなSPAフレームワーク
ほかのフレームワークよりとっつきやすい
VirtualDOMに対抗２．０出た
・ほかのフレームワークとの比較
開発言語
Vue2:JSでもtypescriptでも
Angular2:typescript
React JSX+JS
機能
Vue,react ビューのみ
開発者
Vue 個人（ばっくにありばば）
Angular2 Google
・人気あがってる
・vueでHello world
・ほかのフレームワークの違い
コンポーネントの定義はオブジェクト→拡張、mix-in
Angularとかはクラス
とりあえず＜script＞タグでそこそこ書ける
テンプレートはHTML
・Angular2のHello worldとの比較
・コンポーネント定義できる
→WebPackでビルド（vue loder)
・周辺ライブラリ
Vuex：Fluxの実装
Vue-router：公式ルーター
・モバイル
OnsenUI
Quaser Framework
Weex Framework React NativeのVue.js判
・全然問題なく使えます。ぜひ使ってみましょう
・参考ドキュメント：公式ドキュメント
■Webエンジニアの可能性を広げる JINS MEME（みーむ）のアプリ開発
・メインはJINS MEME SDK for Monacaの公開(cordova pluginも）
・自己紹介・会社紹介
Magnify life
人生を豊かに
日本人の３人に１人がかかている
どんな度数でもレンズ追加料金０円
Air frame
JINS SCREEN ブルーライトカット
JINS MEME ウェアラブル
KANNSA フル自動で作る→ハードで効率化
・JINSは先進的なデジタルサービスも
JINS PAINT すまほでつくる
JINES VIRTUAL-FIT すまほで確認
JINES BRAIN レコメンド（機械学習：Tensor Flow）どれだけ似合っている
・JINES MEMEのサービス
今回のイベントで知った：過半数
世界初、自分を見るアイウェア
目は口ほどにものを言う
普通のめがねとしても使える
眼電位（EOG)：東北大 川島先生
目を動かすと電位差
過去：額と目の横 ケーブルからとっていた
瞬きと視線の移動が取れる
比較：筋電位
→まばたき＋８方向取れる
６軸はいっている
・わかること
①３軸加速度情報
横方向
進行方向
上下
②オイラー角
ピッチ
ロール
よー
・BLE LEで飛ばす
・これらのデータはJINES MEME SDKで取れる
めがねの中にアルゴリズム実装
・普通のめがねにこだわっている
・スマートクロージーズ １９９５年 今と変わらない
・わたさとし先生とデザイン
・データとって、なにができるの？
→眠気度合いの判定
フィットネス
作業時の集中度を可視化する「脳の万歩計」
特定の目の使い方：事前に改善
３．JINS MEME SDK For Monacaの公開(Cordova Pluginも）
無料版でも開発できる
開発入門ドキュメントを作成いただきました（スライドシェア）
Javascriptでも開発できるようになる ハンズオンを明日行う
今後もやるかも
プラグいんはgithubに
４．おしらせ
２つの定期デベロッパー
SDKハンズオン
TECH-TALKイベント
・すべての人に表現の自由を
IS ALSとコラボ：眼球は最後まで残る→大きな可能性
jins-meme.com
■Cordovaを使って本気で商用ハイブリッドアプリをやってみた
・自己紹介
・プロジェクト概要
スタートアッププロジェクト支援
・クライアントアプリ概要
UI
コンテンツ販売
コンテンツ作成
機器へ転送
：
・デモ
・開発環境
cordova 6.1.1
Node.js
・教科書では教えてくれないハイブリッドアプリ
・ハイブリッドアプリ
普通のアプリとして動作
ネイティブとJSつなぐ：Cordova
・ウェブアプリとネイティブアプリのProCons
→建前です。
・商用ハイブリッドアプリとしての宿命
ブラウザと思われたら負け
商用アプリとして成立させるには、何をすべきか
○あたりまえとのギャップ
開発言語
Typescript：強力な型づけ
フレームワークはなぜ必要なのか
→ハイブリッドで標準がない！
→半年後とに誕生するHotなフレームワーク
→シンプルに倒す
JQuery Mobile+Backbone.js + i18next
商品開発ではなるべくかれたもの
○自然な画面遷移
画面遷移とページスタックのメカニズム
画面遷移あるある
Subflow
○ローカライズに関して
マスターデータはExcelで管理
外部ベンダー
→ローカライズは運用まで含めて最初に
・妥協なき商品力のつい今日
ユーザーインターフェース
非同期
・商用アプリのユーザーインターフェース
プラットフォームのガイドライン準拠
プラットフォームテイスト対応→各機器のCSS
本当に力を入れたい差別化UIに集中できる
CSSは無茶がきく？
modernizrのようなアプローチ
・非同期処理との向き合い方
JSでは一度非同期をはさむと同期処理に戻れない
ところが、非同期処理を使う機会は多い
Promiseオブジェクトを導入するのが一般
破りたいとき
クライアントの都合でキャンセル
→abort()
さらに管理オブジェクトを導入
・まとめ
独特な案形に対応しやすい
画面遷移対応
ローカライズ運用
基本UIコンポーネント対応
統一された非同期処理
・小技
ネイティブ連携
通常、プラグインいる
cordova-plugin-cdp-nativebridge
対応するメソッドが反応
Github公開
・コードメトリクス
はれすてっどの複雑化
アクセス
トータル
ランキング
