use Vue.js.

1. ライオンでも分かる
Vue.js
バイタリフィ

2. 自己紹介
名前： ライオン
職業： フロントエンド/バックエンド
本業： 味噌汁エンジニア
好き： JavaScript, Ruby

3. Vue.jsとは
• MVVMの設計思想の元、構築された軽量フロントJSフレームワーク
• データとViewを紐づけるの面倒。だからデータバインディングしてくれ
るとViewを意識せずに実装に移れる。

4. 参考資料
Vue.js概要？
http://qiita.com/asip2k25/items/bd4bdccd5201d542953c

5. とりあえず定番の作ってみた

6. Index.html

7. Index.js

8. ハマりどころ
• thisが分かりづらかった。
• $removeとかがよく分からなかった。

10. お、methodsとdataの中身が展開されてて、
+dataは$付きelも$付きで外出しなのか？？

11. じゃあこうしてみたら展開される？

13. 展開されない…

14. まぁそれもそのはず
privateMethodsなんてものはバインディングの対象になっていない

15. 素直にmethodsの中に入れるか、
$optionsの中にアクセスしろって事なのかな？

17. アクセス出来たー！

18. 次のハマり所$remove

19. $removeとは？
• Vue.jsが持っているインスタンスメソッド

21. 最初参考にしていたサイトが
this.todos.removeになっていてハマった

22. ドキュメント読めば解決した

23. 良かった所
• Methodが定義されていない場合、すぐに分かったので楽だった
• ドキュメントそんなに読まずともサックリと使う事が出来た

24. ここでキャッチしてくれてた

25. まとめ
• コードを小さく保てる
• フレームワークの構造自体が理解しやすい（使い方をそんなに意識し
なくて良い）
• いろいろな所で気を利かせてくれてる
• そんなにmethod多く無くて良い

26. ご清聴ありがとうございました！