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

JavaScript も jQuery も未経験の新人エンジニアが 1 年間 Vue.js を...

yugkwmt
November 01, 2019

JavaScript も jQuery も未経験の新人エンジニアが 1 年間 Vue.js を 学習して感じた話 / frontend conference 2019

yugkwmt

November 01, 2019
Tweet

More Decks by yugkwmt

Other Decks in Programming

Transcript

  1. 自己紹介 • 川又 由雅 • 株式会社ラクス • 業務で経験した言語 ◦ PHP(Laravel)

    ◦ HTML, CSS ◦ JavaScript, jQuery, Vue.js • Chat Dealerの開発に携わっている 2
  2. この発表のターゲット • これから Vue.js を学び始める人 ◦ 勉強法、つまづいたときの解決法など • Vue.js を教える人

    ◦ Vue.jsを初めて学ぶ人がどこにつまづくか、解決さ せるにはどうすればよいか 4
  3. 目次 • Vue.js との出会い • Vue.js の学習方法 • 開発業務で Vue.js

    を使ってみて苦労したこと • Vue.js と jQuery を使いこなせるようになってきて • これから Vue.js を学び始める人へ • まとめ 5
  4. Vue.js とは? • 2014 年にリリースされた JavaScript のフレームワーク • 2015 年には

    PHP のフレームワーク「Laravel」のフロン トエンドエンジンに採用され、知名度が上昇 • Adobe や任天堂、LINE など有名な企業で広く採用され ている 7
  5. 15

  6. Vue.js に対して感じたこと • 機能が豊富 ◦ データバインディング ◦ v-if(分岐) ◦ v-for(繰り返し)

    ...etc • 記述がシンプル ◦ データ、メソッドの構成がわかりやすい 16
  7. Vue.jsに対する所感 • 機能が豊富で多くのことが実現できてうれしい ◦ for 文による繰り返し ◦ if 文による分岐処理 ...etc

    • 記述がシンプルで理解しやすい • 半年から1年にかけてコンポーネントがスラスラ書ける ようになり、理解が深まったことを実感した 39
  8. 比較してどう感じたか • Vue.js のほうが書き方がシンプルに感じた ◦ v-for のように配列を用いた繰り返しが簡単に書け て良い ◦ v-if

    のように表示⇔非表示が簡単に書けて良い ◦ 対象の要素に直接書き込んで使えて良い • Vue.jsは使用する範囲を指定するところが面倒 40