AngularJS とモバイル

ng-mtg#3 AngularJS 勉強会

１周年記念！

about me

金井 健一

フリーランス(フロントエンド時々その他)

AngularJS Japan User Group 管理人

Web先端技術味見部 副部長

can_i_do_web Kenichi Kanai

まず聞いてみる

● AngularJS 触ったことがある

● AngularJS を業務で使っている

● AngularJS をモバイルで使っている

● 使ってみたいけど、モバイルが…

アジェンダ

● AngularJS はモバイルに向いてない！？

● AngularJS をモバイルで使うには？

● デモなど

AngularJS はモバイルに向いてない！？

向いてないという街の声

・ファイルサイズが大きい

・双方向バインディングとか処理重い

・Angularってモバイル向いてないんでしょ？（風評

被害）

ファイルサイズが大きい

実際はこんな感じ

● uncompressed 493KB

● minified 81KB

● minified + gzip 30.6KB

他のMVCフレームワークと比べる

uncompressed minified minified + gzip

spine 31 4.1 2.4

backbone 58 19 7.4

knockout 174 40 14

AngularJS 493 81 30.6

ember 842 204 56

[ 単位 = KB ]

かない調べ

双方向バインディングって処理重い？

モデル１００個とか定義しなければ大丈夫！

AngularJS をモバイルで使うには？

AngularJS をモバイルで使うには？

● WEBアプリ

→ minified + gzip ( CDN も考慮 )

● モバイル向けアプリ

→ インストール型アプリに同梱

→もちろんWEBアプリと同等の対応で問題　な

ければOK

ちょっと試してみた

試してみた

簡単なフォームのデモをモバイルでも見れるように

してみた

● いたって普通の入力フォーム

● 50個入力があるフォーム

● 50個入力があるフォーム + $watch

　 　あれ？全然平気なんだけど・・・

（負荷足りてない？やり方微妙？）

まとめ

まとめ

● ファイルサイズについては気にしすぎかも・・・

(ブラウザキャッシュされたら他のフレームワー

クより強力)

● インストール型のアプリなら全然問題なし

● モバイル向けのAPIはもう少しあるといいのかも

しれない

結論

　使いたかったら使っちゃおう！！

ご清聴ありがとうございました。