春だから始めようVue.js/2018-spring-hamamatsujs-3-vuejs

Transcript

1. 春だからはじめようVue.js @euledge Hamamatsu.js #3

2. 自己紹介 氏名 黒柳 仁 (@euledge) 今までの開発 Windows(イントラ向けDesktop,Web) AIX(イントラ向け Motif GUI)

   CAD,PLMカスタマイズ BtoC Webサイト 環境構築 Vagrant,Ansible,Docker 経験した言語 C++, Java, Rails, PHP

3. 本日の内容 • 私がVue.jsを使いだしたきっかけ • Vue.jsの基本を紹介 • Vue.jsで開発するときに知ってると便利なこと

4. 初心者でも学習コストが低いこと

5. 再利用可能なコンポーネント可能

6. 日本語の情報が得られること

7. Javascript Frameworkの選定

8. Github Starsトレンド React Vuejs Angular

9. None
10. None

11. Vue.jsとは メインコミッター Evan You

12. ライブコーディングやってみる

13. Vueはじめるにはここから

14. 条件レンダリング

15. 繰り返し

16. クラスと属性のバインディング

17. 算出プロパティ

18. フォーム入力バインディング

19. イベントとメソッド

20. コンポーネント

21. 単一ファイルコンポーネント 詳しくは https://jp.vuejs.org/v2/guide/single-file- components.html

22. 他のライブラリの併用

23. Vue.jsもっと知りたい?

24. https://jp.vuejs.org/

25. http://gihyo.jp/dev/serial/01/vuejs/0001

26. https://www.amazon.co.jp/dp/B07BS62Z94

27. https://www.amazon.co.jp/dp/4863542453

28. 今日からVue.jsやってみたくなった?

29. https://jsfiddle.net

30. https://codesandbox.io

31. VSCode 拡張機能 vue スニペット

32. VSCode 拡張機能 browser sync

33. Vue.js devtools