20190820_fukuokaJS

1. JavaScript（主にVue.js）
関連の本をたくさん読んだ
ので雑に紹介する
2019/08/20
#9 FukuokaJS LTイベント
⻄菜 雄太

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. まとめ
• 公式のドキュメントを読んで、必要な時に必要なことをググって、
最悪ソースコードを読むことができれば本は読まなくても⼤丈夫
• でも本を読むとおまけでいろいろな知識が得られるのがいい
• 本を読む時間がもっと欲しい
• お⾦もかかるので本当にいい本だけを厳選して読みたい
• いい本の情報は共有しましょう！