ちょっと、時間が経ってしまったが、6月19日(金)の
第6回Apache Cordova勉強会
https://cordova.doorkeeper.jp/events/25503
の内容をメモメモ
■会場提供IIJさんから
■AngularJS超入門
みんな、どんなフレームワーク使ってる?
JQuery 半分くらい
Angular 意外と多い
knockout ちらほら
Backbone つよい!
JQuery Mobile knockoutより多いか?
おんせんUI JQuery Mobileとおなじくらお
自己紹介
じゃすてぃす岡本さん
AngularJSはなぜ難しいか
フレームワークはそもそも難しい
用語が多い
オブジェクト指向的な考え方
Javascript固有
AngularJS固有
フレームワーク難しい問題
先にもっと簡単なフレームワーク使う
Javascript固有の問題
開眼Javascript
AngularJSリファレンス
AngularJS導入の目的を絞る
OnsenUIが使いたいだけ
データバインディングで楽しみたい
用語の確認
フレームワーク:
ふるスタック
MVC
MVVM
MVW(W=Whatever)
Model
ビジネスロジック→サービス
サービスを作る
プロバイダ
ファクトリ
サービス
View
表示に関することを管理する部分
ディレクティブ:特別なタグ、自分でも作れる
OnsenUIもディレクティブで実現
Controller
DI
オブジェクトを外部から取得
モジュール
複数の機能をまとめて
モジュールを作る
・myAppモジュールを作成して取得
第二引数に依存するモジュールを書く
ディレクティブを作る
HTML中のng-
エクスプレッション
{{name}} バインディングする
コントローラー
メインコントローラー定義
メインコントローラーを利用して値表示
値を持ってくるng-controller
ng-model入力欄とコントローラーバインディング
$scope
スコープという仕組み
今はasが使われている
DI
minify対策
コントローラー間で値の共有
プロバイダー、ファクトリー、サービス
内部的にはプロバイダ^で実現
ファクトリー:中でオブジェクトを作る
複数のコントローラーでサービスを共有
ng-repeatで繰り返し
エンジニア募集中:アシアル
■楽しいCordovaプラグインの作り方+α
発表:NTTコムウェア cordova女子
自己紹介
Cordovaの社内普及活動
Crosswalk
プラグインの基本的な作り方
Crosswalk
知ってる人:そこそこ
こんな時に便利
・Android4.3以前:動作重い
・4.4以上 挙動違う(Blink)
それを統一するのがCrosswalk
Crosswalk
・Webアプリケーションランタイム
・4.0以上
・Cordovaでも使える
・機種バージョンを吸収、ただしファイルサイズ大きくなる
→WebViewを使う
・cordova のプラグインとして追加
・一つ入れただけでHTML5,WebCompornent使える
デバッグ
・chrome://inspect/#device
プラグイン開発
・作った人:そこそこ
・地図情報取得、バックグラウンド処理
→プラグイン
・Cordovaはプラグインを利用してネイティブ機能を組み込める
・お客さんの要件を・・・プラグイン開発必要
プラグインの構成
・Cordovaプラグインとして作成するディレクトリ構成と
プラグインの処理の流れは下記の通り
(ごめん、めもしきれんかった)
共通部分を作ってみる
・Javascriptファイルにネイティブ機能のコードを呼び出す記述
プラグインの設定ファイル
・plugin.xmlにプラグイン情報を記述
Android部分を作ってみる
・plugin.xml:android独自部分の実装
・Javaファイル
iOS独自部分(動画)
・plugin.xml部分
・Objective-Cファイルを作る:便利なクラスある
プラグインを入れる
plugin add
6月10日も何かあったようです。
■Cordova pluginをもっと簡単に
講師:ソニー ・・・部署名わからない人。
どうやって作るんだっけ?
・自前で作る
・plugmanを使う
→ひな形用意してある
正直めんどい
YEOMAN
・Yeoman generatorつくってみた
Yeoman:ジェネレーターを作るツール
sony/generator-cordova-plugin-devbed
https://github.com/sony/generator-cordova-plugin-devbed
いま、SonyでGithubにあがってるの3つしかない
https://github.com/sony
install
・node.js
・Yeoman
・AndroidSDK
・Yeoman generator
Cordova plugin生成
yoで動かす
plugin
TestBed Jasmineのtest runner
デモ
■LT
・Cordovaで作ったSNSアプリ紹介
fastclickで発火を高速化
JQuery Mobileはパフォーマンスチューニング大変→OnsenUI
ハイブリッドで作る業務アプリではできないことはほぼない
・Electron
もともとatom shell
デスクトップアプリケーションを作る
atomというエディタ
visual
第6回Apache Cordova勉強会
https://cordova.doorkeeper.jp/events/25503
の内容をメモメモ
■会場提供IIJさんから
■AngularJS超入門
みんな、どんなフレームワーク使ってる?
JQuery 半分くらい
Angular 意外と多い
knockout ちらほら
Backbone つよい!
JQuery Mobile knockoutより多いか?
おんせんUI JQuery Mobileとおなじくらお
自己紹介
じゃすてぃす岡本さん
AngularJSはなぜ難しいか
フレームワークはそもそも難しい
用語が多い
オブジェクト指向的な考え方
Javascript固有
AngularJS固有
フレームワーク難しい問題
先にもっと簡単なフレームワーク使う
Javascript固有の問題
開眼Javascript
AngularJSリファレンス
AngularJS導入の目的を絞る
OnsenUIが使いたいだけ
データバインディングで楽しみたい
用語の確認
フレームワーク:
ふるスタック
MVC
MVVM
MVW(W=Whatever)
Model
ビジネスロジック→サービス
サービスを作る
プロバイダ
ファクトリ
サービス
View
表示に関することを管理する部分
ディレクティブ:特別なタグ、自分でも作れる
OnsenUIもディレクティブで実現
Controller
DI
オブジェクトを外部から取得
モジュール
複数の機能をまとめて
モジュールを作る
・myAppモジュールを作成して取得
第二引数に依存するモジュールを書く
ディレクティブを作る
HTML中のng-
エクスプレッション
{{name}} バインディングする
コントローラー
メインコントローラー定義
メインコントローラーを利用して値表示
値を持ってくるng-controller
ng-model入力欄とコントローラーバインディング
$scope
スコープという仕組み
今はasが使われている
DI
minify対策
コントローラー間で値の共有
プロバイダー、ファクトリー、サービス
内部的にはプロバイダ^で実現
ファクトリー:中でオブジェクトを作る
複数のコントローラーでサービスを共有
ng-repeatで繰り返し
エンジニア募集中:アシアル
■楽しいCordovaプラグインの作り方+α
発表:NTTコムウェア cordova女子
自己紹介
Cordovaの社内普及活動
Crosswalk
プラグインの基本的な作り方
Crosswalk
知ってる人:そこそこ
こんな時に便利
・Android4.3以前:動作重い
・4.4以上 挙動違う(Blink)
それを統一するのがCrosswalk
Crosswalk
・Webアプリケーションランタイム
・4.0以上
・Cordovaでも使える
・機種バージョンを吸収、ただしファイルサイズ大きくなる
→WebViewを使う
・cordova のプラグインとして追加
・一つ入れただけでHTML5,WebCompornent使える
デバッグ
・chrome://inspect/#device
プラグイン開発
・作った人:そこそこ
・地図情報取得、バックグラウンド処理
→プラグイン
・Cordovaはプラグインを利用してネイティブ機能を組み込める
・お客さんの要件を・・・プラグイン開発必要
プラグインの構成
・Cordovaプラグインとして作成するディレクトリ構成と
プラグインの処理の流れは下記の通り
(ごめん、めもしきれんかった)
共通部分を作ってみる
・Javascriptファイルにネイティブ機能のコードを呼び出す記述
プラグインの設定ファイル
・plugin.xmlにプラグイン情報を記述
Android部分を作ってみる
・plugin.xml:android独自部分の実装
・Javaファイル
iOS独自部分(動画)
・plugin.xml部分
・Objective-Cファイルを作る:便利なクラスある
プラグインを入れる
plugin add
6月10日も何かあったようです。
■Cordova pluginをもっと簡単に
講師:ソニー ・・・部署名わからない人。
どうやって作るんだっけ?
・自前で作る
・plugmanを使う
→ひな形用意してある
正直めんどい
YEOMAN
・Yeoman generatorつくってみた
Yeoman:ジェネレーターを作るツール
sony/generator-cordova-plugin-devbed
https://github.com/sony/generator-cordova-plugin-devbed
いま、SonyでGithubにあがってるの3つしかない
https://github.com/sony
install
・node.js
・Yeoman
・AndroidSDK
・Yeoman generator
Cordova plugin生成
yoで動かす
plugin
TestBed Jasmineのtest runner
デモ
■LT
・Cordovaで作ったSNSアプリ紹介
fastclickで発火を高速化
JQuery Mobileはパフォーマンスチューニング大変→OnsenUI
ハイブリッドで作る業務アプリではできないことはほぼない
・Electron
もともとatom shell
デスクトップアプリケーションを作る
atomというエディタ
visual