Mais conteúdo relacionado
Semelhante a noteをAngularJSで構築した話 (20)
noteをAngularJSで構築した話
- 2. 自己紹介
• KON Yuichi (@konpyu)!
• Engineer in Piece of Cake, Inc.
since 2013/8!
• Love Angular
- 5. note
• Tumblr + Gumroad + Medium
• クリエイターが、テキスト、画像、サウンド、動
画を簡単に作れる、販売できる。
• ファンとつながることが出来る
• (僕も一攫千金(note長者)を狙っています)
- 6. 開発の規模感
• Rails 4.1 + nginx + MySQL + AngularJS
• coffeeで6500Lくらい
• 14 Controller, 33 Service, 31 Directive
- 12. Two way data binding
$scope.user.is_follow = true で即反映
DOMを直接いじらなくて良い安心感
2
↑ CLICK
- 30. セキュリティ
• CSRF対策
→ cookieにXSRF-TOKENをセットする
→ XSRF-TOKENがセットされているなら、$httpでXHRする際、
AngularがX-Xsrf-TokenをHeaderに付けてリクエストしてくれる
→ API側でそれをチェック
8
• http://stackoverflow.com/questions/8781937/rails-api-
authentication-sanity-check-and-advise
- 37. まとめ
• 学習コストは高い。dot installに されないように
• コード量は減らせる。2 way data binding素晴らしい
• DirectiveとServiceが重要です
• SEOめんどい。基本的には静的生成させるのが楽
• RailsはAPIだけ、viewは関与しないのが理想ではある
• はやく2系のAngularを触りたい