ng-mtg#3 で使ったスライドです。

1. AngularJS とモバイル
ng-mtg#3 AngularJS 勉強会
１周年記念！

2. about me
金井 健一
フリーランス(フロントエンド時々その他)
AngularJS Japan User Group 管理人
Web先端技術味見部 副部長
can_i_do_web
Kenichi Kanai

3. まず聞いてみる
● AngularJS 触ったことがある
● AngularJS を業務で使っている
● AngularJS をモバイルで使っている
● 使ってみたいけど、モバイルが…

4. アジェンダ
● AngularJS はモバイルに向いてない！？
● AngularJS をモバイルで使うには？
● デモなど

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

6. 向いてないという街の声
・ファイルサイズが大きい
・双方向バインディングとか処理重い
・Angularってモバイル向いてないんでしょ？（風評
被害）

7. ファイルサイズが大きい
実際はこんな感じ
● uncompressed 493KB
● minified 81KB
● minified + gzip 30.6KB

8. 他の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 ]
かない調べ

9. 双方向バインディングって処理重い？
モデル１００個とか定義しなければ大丈夫！

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

11. AngularJS をモバイルで使うには？
● WEBアプリ
→ minified + gzip ( CDN も考慮 )
● モバイル向けアプリ
→ インストール型アプリに同梱
→もちろんWEBアプリと同等の対応で問題 な
ければOK

12. ちょっと試してみた

13. 試してみた
簡単なフォームのデモをモバイルでも見れるように
してみた
● いたって普通の入力フォーム
● 50個入力があるフォーム
● 50個入力があるフォーム + $watch

14. あれ？全然平気なんだけど・・・
（負荷足りてない？やり方微妙？）

15. まとめ

16. まとめ
● ファイルサイズについては気にしすぎかも・・・
(ブラウザキャッシュされたら他のフレームワー
クより強力)
● インストール型のアプリなら全然問題なし
● モバイル向けのAPIはもう少しあるといいのかも
しれない

17. 結論
使いたかったら使っちゃおう！！

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