Ng mtg#3

1,479 views

Published on

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

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,479
On SlideShare
0
From Embeds
0
Number of Embeds
515
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Ng mtg#3

  1. 1. AngularJS とモバイル ng-mtg#3 AngularJS 勉強会 1周年記念!
  2. 2. about me 金井 健一 フリーランス(フロントエンド時々その他) AngularJS Japan User Group 管理人 Web先端技術味見部 副部長 can_i_do_web Kenichi Kanai
  3. 3. まず聞いてみる ● AngularJS 触ったことがある ● AngularJS を業務で使っている ● AngularJS をモバイルで使っている ● 使ってみたいけど、モバイルが…
  4. 4. アジェンダ ● AngularJS はモバイルに向いてない!? ● AngularJS をモバイルで使うには? ● デモなど
  5. 5. AngularJS はモバイルに向いてない!?
  6. 6. 向いてないという街の声 ・ファイルサイズが大きい ・双方向バインディングとか処理重い ・Angularってモバイル向いてないんでしょ?(風評 被害)
  7. 7. ファイルサイズが大きい 実際はこんな感じ ● uncompressed 493KB ● minified 81KB ● minified + gzip 30.6KB
  8. 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. 9. 双方向バインディングって処理重い? モデル100個とか定義しなければ大丈夫!
  10. 10. AngularJS をモバイルで使うには?
  11. 11. AngularJS をモバイルで使うには? ● WEBアプリ → minified + gzip ( CDN も考慮 ) ● モバイル向けアプリ → インストール型アプリに同梱 →もちろんWEBアプリと同等の対応で問題 な ければOK
  12. 12. ちょっと試してみた
  13. 13. 試してみた 簡単なフォームのデモをモバイルでも見れるように してみた ● いたって普通の入力フォーム ● 50個入力があるフォーム ● 50個入力があるフォーム + $watch
  14. 14.    あれ?全然平気なんだけど・・・ (負荷足りてない?やり方微妙?)
  15. 15. まとめ
  16. 16. まとめ ● ファイルサイズについては気にしすぎかも・・・ (ブラウザキャッシュされたら他のフレームワー クより強力) ● インストール型のアプリなら全然問題なし ● モバイル向けのAPIはもう少しあるといいのかも しれない
  17. 17. 結論  使いたかったら使っちゃおう!!
  18. 18. ご清聴ありがとうございました。

×