Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

Hamamatsu.js#3 発表資料

D4cd356ca783b3e49ee64baa209ee1d3?s=128

euledge

May 19, 2018
Tweet

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