JavaScript（主にVue.js） 関連の本をたくさん読んだので雑に紹介する
- 2. アジェンダ • ⾃⼰紹介 • 読書のメリット／デメリット • 僕の読書環境 • 本の紹介 • まとめ
- 3. ⾃⼰紹介 にっしーな（かぴばらさん） Twitter : @nishinama • 4⽉末に会社都合で退職 • 9⽉から新しい職場で働き始める • 4ヶ⽉間ニート（育児と家族サービス） • ○○エンジニアみたいな肩書きが欲しい • 直近で⼀番勉強しているのはフロントエンド • ブログのタイトルは「愛妻家SEの趣味ブログ」（笑）
- 4. 読書のメリット／デメリット • メリット • 特定の分野の知識を体系的に学ぶことができる • ネットでの情報と⽐べると（⽐較的）正しい知識が得られる • おまけやコラムで思わぬ知識を得られることも • わかった気になれる • デメリット？ • お⾦がかかる • 時間がかかる • 情報が古くなっている場合がある • 疲れる
- 5. 僕の読書環境 • 会社（前職） • バランスボール + 紙の本 • （申請すればだいたい買ってくれて いた） • 家 • 抱っこひも + Kindle Paperwhite • 譜⾯台 + タブレット • エアロバイク + PC or 紙の本
- 6. 本の紹介 直近1年間くらいで読んだフロントエンド関連の本を読んだ順に紹介 • React，Angular，Vue.js，React Nativeを使って学ぶ はじめてのフロントエンド開発 • 基礎から学ぶ Vue.js • Nuxt.jsビギナーズガイド • 現場で使えるVue.js tips集 • Vue.jsとFirebaseで作るミニWebサービス • 超速！ Webページ速度改善ガイド • 速習Vue.js • Vue.js⼊⾨ 基礎から実践アプリケーション開発まで
- 7. React，Angular，Vue.js，React Nativeを 使って学ぶ はじめてのフロントエンド開発 • 実際にチャットアプリを作りながらフレームワークの⽐較 ができる • フロントエンド開発の現状みたいな部分も • React部分を書いている池内さんが前職の技術顧問をやっ てくれていた（超いい⼈） • フレームワークの⽐較をしたい⼈やフロントエンド初めて の⼈向け
- 8. 基礎から学ぶ Vue.js • 通称「猫本」「猫の本」 • わかりやすい。読みやすい。（猫がかわいい） • サポートサイトも充実 • 最近韓国語版も出たとか • （めっちゃ売れてそう） • 初⼼者向け？ • とりあえずVue.jsを触る⼈は読んどけ的な⼀冊
- 9. Nuxt.jsビギナーズガイド • ビギナーズガイドという名前がかっこいい（初⼼者向けと か⼊⾨とかではなく） • 猫の本と並べて置くとどっちがどっちかわからなくなる • Nuxt.jsの機能を⼀通り学ぶことができる • （ある程度Nuxtを使って開発したあとに読んだのであまり 内容を覚えていない） • Vue.jsをある程度触ったあとでNuxtを触る前に読むのがよ さそう • ページ数も200ページくらいなのでさらっと読むのがよさ そう
- 10. 現場で使えるVue.js tips集 • mya-akeさんの本 • これも猫の本やんけ！ • Vue Nightというイベントのじゃんけん⼤会でゲット • フォームとかVuexとかi18nとかのtips • 具体的なので刺さる⼈には刺さる内容 • 全く同じ実装をするわけじゃなくても、「そんな書き⽅ あったんだー」みたいな感じで参考になる
- 11. Vue.jsとFirebaseで作るミニ Webサービス • 改訂される前に500円くらいで売られていたものを購⼊ • 簡単なSPA（メモアプリ）を作って実際に公開するところ までできる • 短いのですぐ読める（100ページ未満） • 細かい説明は少ないのである程度できる⼈向け • Twitterでハッシュタグ付けてつぶやくと作者がサポートし てくれるらしい
- 12. 超速！ Webページ速度改善 ガイド • 通称「ちょっパヤ本」？ • mya-akeさんにおすすめされて購⼊（会社のお⾦で） • Twitterでも話題？ • ChromeのDevToolsの使い⽅とか超参考になる • 全体的にめっちゃためになる • ←表紙に紹介したいところ全部書いてあった
- 13. 速習Vue.js • 速習シリーズ • Kindle Unlimitedに登録したのでよんでみた • 最低限の部分はおさえている？ • ⼀つ⼀つ具体例があってサンプルプログラムを実⾏して試 せるので初⼼者にはうれしいかも？ • propsの説明はあるのに$emit()の説明がないみたいな部分 も…
- 14. Vue.js⼊⾨ 基礎から実践ア プリケーション開発まで • 紙の本だと480ページ • Vue.jsのコントリビューターたちが書いている • 脚注がめちゃくちゃ多い（けどためになる） • 基本的な部分はもちろん、アトミックデザインやテストな どにも触れていてすごくいい • AppendixでJQueryからの移⾏やstorybook, TypeScript, Nuxt.jsまで！
- 15. 【番外】Vue.js公式 • https://jp.vuejs.org/ • ⽇本語化されている • いろいろと本を読む前にまずはここを⾒るべき • だいたいのことは書いてある • スタイルガイドやクックブックにまで⽬を通すとなお良し • スタイルガイドについてはESLint（eslint-plugin-vue）で強 制することもできるのでわざわざ読まなくてもいいかも
- 16. まとめ • 公式のドキュメントを読んで、必要な時に必要なことをググって、 最悪ソースコードを読むことができれば本は読まなくても⼤丈夫 • でも本を読むとおまけでいろいろな知識が得られるのがいい • 本を読む時間がもっと欲しい • お⾦もかかるので本当にいい本だけを厳選して読みたい • いい本の情報は共有しましょう！