ログイン English 日本Cordovaユーザー会 コミュニティについて コミュニティに参加する 第6回Apache Cordova勉強会 2015-06-19（金）19:00 – 21:00 Google カレンダーに追加 #cordovajp ツイート 締め切り 参加費 募集終了 無料 イベントのお申し込みは終了しました。 次回イベント情報をメールで受け取る 東京都千代田区富士見2-10…
suzuki@suzuki
第6回 Apache Cordova 勉強会へ着席。 #cordovajp (@ Internet Initiative Japan Inc. (#IIJ) – @iij_pr in 千代田区, 東京都) swarmapp.com/c/jJIJDZOYZ7n
s_dsk@s_dsk
今日もApacheCordova勉強会、弊社IIJのセミナールームにいっぱい来て頂きありがたい限りです！ #cordovajp pic.twitter.com/bBdvImnK1O
suzuki@suzuki
会場で jQuery 使っている人は？ 半分くらい。AngularJS 使っている人は？ 意外と多いよ。Knockout は？ちょいちょい。Backbone は？ そこそこ。JQueryMobile は？ 多い。OnsenUI は？ #cordovajp
suzuki@suzuki
AngularJS はなぜ難しいか？ 用語が多い。オブジェクト指向的な考えが求められる。JS 固有の問題（プロトタイプ）AngularJS2 を見据えて工夫すると大変 #cordovajp
suzuki@suzuki
AngularJS 導入の目的を絞るのもひとつの手。Onsen UI が使いたいとかデータバインディングで楽したいとか。チーム開発の保守性を上げたいとか。 #cordovajp
suzuki@suzuki
AngularJS のテンプレートは生の HTML を使う感じ。ディレクティブをテンプレート中で呼び出せる。組み込みもあるし、自作も可能。Onsen UI はディレクティブの機能で作られている。 #cordovajp
suzuki@suzuki
var app = angular.module(‘myApp’, []);
app.controller(‘MainController’, function() {
this.name = ‘hoge’;
});
#cordovajp
app.controller(‘MainController’, function() {
this.name = ‘hoge’;
});
#cordovajp
suzuki@suzuki
<html ng-app=”myApp”>
<div ng-controller=”MainController as Main”>
<p>{{ Main.name }}</p>
</div>
as は 1.2 からの機能
#cordovajp
<div ng-controller=”MainController as Main”>
<p>{{ Main.name }}</p>
</div>
as は 1.2 からの機能
#cordovajp
suzuki@suzuki
DIのminify対策。
app.controller(‘MainController’, [ ‘$scope’, function($scope) {
$scope.name = ‘hoge’;
}]);
[ ] で囲う。
#cordovajp
app.controller(‘MainController’, [ ‘$scope’, function($scope) {
$scope.name = ‘hoge’;
}]);
[ ] で囲う。
#cordovajp
suzuki@suzuki
app.factory(‘User’, function() {
var user = {};
user.sayHello = function() { };
return user;
});
#cordovajp
var user = {};
user.sayHello = function() { };
return user;
});
#cordovajp
Massie@massie
最初が切れてしまって申し訳ありません・・・。勝手に時間になると録画開始されると思い込んでました。 #cordovajp twitter.com/s_dsk/status/6…
suzuki@suzuki
suzuki@suzuki
app.controller(‘SubController’, function() {
});
<div ng-controller=”SubController”>
// この中で app.factory() した user が参照可
</div>
#cordovajp
});
<div ng-controller=”SubController”>
// この中で app.factory() した user が参照可
</div>
#cordovajp
kanako ubukata@kanako_ubukata
kanako ubukata@kanako_ubukata
suzuki@suzuki
Crosswalk = Webアプリケーションランタイム。Chroniumベースのブラウザエンジン。Android 4.0以上対応。BSD ライセンス。Cordova で利用可能。 #cordovajp
suzuki@suzuki
Android 4.0 で Crosswalk があると、section, article などの HTML5 タグが使える。WebComponents も使える。 #cordovajp
はくどー＠ゆ@HKDnet
Cordova自体のnpmやbrowserifyとかとの親和性が気になるけど、まあコマンドでアプリ作るってことはたぶんgulp入る余地ありそうだよね(たぶん) #cordovajp
kanako ubukata@kanako_ubukata
suzuki@suzuki
もともと jQuery Mobile で実装。ブラウザ上ではパフォーマンスに不満。プッシュ通知も欲しい。Objective-C は苦手。ハイブリットアプリを選択。 #cordovajp
suzuki@suzuki
jQuery Mobile からの流用。Cordova で数時間でネイティブ化。ただし、パフォーマンスチューニングが必要なことがわかった。特にAndroidでもたつきも。 #cordovajp
suzuki@suzuki
グループトーク機能は Onsen UI + AngularJS で実装。ネイティブアプリに遜色ない速度で動く。デザインに時間が取られなくなった。jQuery より分かりやすく保守性が高まった #cordovajp
suzuki@suzuki
Cordova でハマったこと。Android 4.4.4 で画像アップロードできない。Cameraプラグインが古かった。バージョンアップを適宜しないとダメ。 #cordovajp
suzuki@suzuki
ハマったこと iOS。ソフトウェアキーボードの挙動が怪しい。ナビゲーションバーのヘッダが追従しなかったり。頑張って修正した。ionic keyboard プラグインを使うといいらしい。 #cordovajp
suzuki@suzuki
以前は Titanium Mobile などがあったが、最近は Electron, React Native なども出てきているので、今後も追っていきたい。 #cordovajp
Satoshi Watanabe@sassy_watson
k1LoW@k1LoW
@suzuki に話しかけたいことがあってTwitterみたら #cordovajp のTLにいて、なんだろーとおもって YouTube の過去勉強会を見始めたら @anatoo が発表していた。ということで第1回を聞きながら仕事。まだ何かはわかっていない。
雨川 悠 / Y.Ikejirino@yusukixs
今日の発表で何名かの方から「これならハイブリッドアプリでやれそう」と感想をいただきました。ありがとうございます。皆でCordovaの成功事例を作っていきましょう！ #cordovajp
はくどー＠ゆ@HKDnet
はてなブログに投稿しました #はてなブログ #cordovajp
第6回ApacheCordova勉強会に参加しました。 – hkdnetの日記
hkdnet.hatenablog.com/entry/2015/06/…
第6回ApacheCordova勉強会に参加しました。 – hkdnetの日記
hkdnet.hatenablog.com/entry/2015/06/…
https://matome.naver.jp/odai/2143489732547843301
2015年06月23日
SPONSORED LINK
