フロントエンドになって1年半で読んだ本まとめ


こんにちは。
みなさんは読書されてますか？
私は本を読むのが好きなので、学習は読書でやることが多いです。

技術書は情報提供スピードは遅いですが、その分しっかり構成が揉まれ校正もされているので、体系的・効率的に学ぶことができると思っています。
速報や、ざっとした概要を知りたいときは記事サイトなどをみて、詳しく学びたい場合は公式ドキュメント + 技術本、という方法にしています。

そんな私が、未経験でスクール出身でもなかった身ながら力強く学習を補佐してくれた本達について、感想を交えつつ紹介していきます。

## CSS

### CSS設計の教科書
[Amazonはこちら](https://www.amazon.co.jp/dp/B00M0ESXUI/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1)
![スクリーンショット 2020-12-29 17.07.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/ad2f800e-81cd-547a-bcbd-750aa03646e1.png)

まず入社して難しい!と感じたのがCSS設計でした。
設計なので概念的なためなかなかイメージが付きにくかったのですが、こちらの本は１つ１つのCSS設計について
図やイラストを交えつつわかりやすく紹介している本になります。
テカテカした感じの装丁で触り心地も確かよかった気がします。（本マニアあるある）

## JS

### 改訂新版JavaScript本格入門 ～モダンスタイルによる基礎から現場での応用まで
[Amazonはこちら](https://www.amazon.co.jp/%E6%94%B9%E8%A8%82%E6%96%B0%E7%89%88JavaScript%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80-%E3%83%A2%E3%83%80%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%AB%E3%82%88%E3%82%8B%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E7%8F%BE%E5%A0%B4%E3%81%A7%E3%81%AE%E5%BF%9C%E7%94%A8%E3%81%BE%E3%81%A7-%E5%B1%B1%E7%94%B0-%E7%A5%A5%E5%AF%9B/dp/477418411X/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=javascript%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80&qid=1609230122&s=books&sr=1-1)
![スクリーンショット 2020-12-29 17.14.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/947a7771-f6d2-f3d4-0563-b0690c61dfe7.png)

初めて買った技術書かもしれません。
入門、という割にはイテレーターやジェネレータ、プロキシやらまで解説してありかなり内容は濃厚です。
正直「初心者向けじゃなくない？」と思いながら無理して読んでいた節もありますが、今でも時々読み返している信頼の厚い良書です。


### JavaScript 第6版 (日本語)
[Amazonはこちら](https://www.amazon.co.jp/JavaScript-%E7%AC%AC6%E7%89%88-David-Flanagan/dp/4873115736/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=javascript+%E7%AC%AC6&qid=1609230157&s=books&sr=1-1)
![スクリーンショット 2020-12-29 17.18.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/86dd7e05-e755-cf9b-5f3f-dd9906db9461.png)

オライリーですね。巷ではサイ本などと呼ばれています。
上の本格入門より分厚いですが、本格入門より易しく感じました。
オライリー = むずい、というイメージが定着していますがそうでないものも中にはありますね。 
ただ本当に分厚く紙も薄いので、一から読み切るというより辞書的な読み方をしました。

### プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発
[Amazonはこちら](https://www.amazon.co.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0TypeScript-%E2%80%95%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8BJavaScript%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA-Boris-Cherny/dp/4873119049)

![スクリーンショット 2020-12-29 17.24.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/cfe4c737-da13-9a66-5e81-7339ee0a83e5.png)

今年イチ読んでよかった本です。TypeScriptの学習をやりたいな〜と思っている方には是非読んで欲しいです。
比較的発行日も新しいので、バージョンが違って記述が違う...という悩みも少ないです。
個人的にあと2周は読みたいです。

## Linux/インターネット基礎
未経験で入って戸惑ったのはやはりLinux周りの知識です。
いくらフロントエンドと雖もDockerを使いますし場合によってはシェルスクリプトを書かねばなりません。

### 新しいLinuxの教科書
[Amazonはこちら](https://www.amazon.co.jp/%E6%96%B0%E3%81%97%E3%81%84Linux%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E4%B8%89%E5%AE%85-%E8%8B%B1%E6%98%8E/dp/4797380942/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=Linux+%E5%85%A5%E9%96%80&qid=1609230468&s=books&sr=1-1)
 ![スクリーンショット 2020-12-29 17.27.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/355a01d8-1062-5fb1-afba-08064e3e2b25.png)

こちらもめちゃめちゃ良書でした。あと2週は読みたいです。（またかよ
シンプルでわかりやすい。教科書を冠するだけのことはあります。
そして何より楽しいです。黒い画面が一気に楽しくなったし、vimとも少し仲良くなれました。


### ［試して理解］Linuxのしくみ ～実験と図解で学ぶOSとハードウェアの基礎知識
[Amazonはこちら](https://www.amazon.co.jp/gp/product/B079YJS1J1/ref=ppx_yo_dt_b_d_asin_title_o03?ie=UTF8&psc=1)
![スクリーンショット 2020-12-29 17.37.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/0826e1ce-0422-e28c-7635-2660bfa32f49.png)

LinuxのOS周りのことを解説している本です。新しいLinuxの教科書である程度コマンドをおぼえたのち、
タスクランナーやファイルシステムについて学ぶという形がよかったです。
こういったディープな仕組みの解説などは図が沢山あった方が理解が進みます。

### ゼロからはじめるLinuxサーバー構築・運用ガイド 動かしながら学ぶWebサーバーの作り方
[Amazonはこちら](https://www.amazon.co.jp/gp/product/B01HTKLXCW/ref=ppx_yo_dt_b_d_asin_title_o09?ie=UTF8&psc=1)
![スクリーンショット 2020-12-29 18.26.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/8ee2ffb0-abe4-d615-4a1d-6de83042b3ba.png)
フロントだけどサーバー構築やってみたい!と思って購入しました。
LAMP構築のやり方が学べます。正直ちょっとわかりにくいかも...?と思った部分がありました。
例えばですが、とあるレンタルサーバーで必要なファイアウォールの設定の記述が書かれていなかったりしました。
おかげでめっちゃ詰まりましたが、詰まったことで逆に勉強になったとも言えます。

### 3分間ネットワーキング
http://www5e.biglobe.ne.jp/aji/3min/
実は本ではなくウェブですが...(本バージョンもあります)
これを読んでネットワークの基礎全然理解してなかったな〜と反省したので二周読みました。
ずいぶんてんこ盛りなので一話分が全然３分で終わりませんが、とてもわかりやすいです。
出社前に2,3話ずつ読んで読破しました。若干無駄話が多いようにも感じますが、本だとそこが改善されているらしいです。

### パケットキャプチャの教科書
[Amazonはこちら](https://www.amazon.co.jp/dp/B076CWFDB8/?_encoding=UTF8)
![スクリーンショット 2020-12-29 17.47.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/aac523a7-c0d1-f22d-d080-bd9dd13903e5.png)
パケットキャプチャの流れを、実際にWIRESHARKというソフトを使ってパケットを解析しながら学ぶというものです。
「こうやって解析していくのか〜」と、普段触れない世界に新鮮な気持ちになりました。
図もふんだんに使われており、非常にわかりやすかったです。


## PHP
### WordPressユーザーのためのPHP入門 はじめから、ていねいに。
[Amazonはこちら](https://www.amazon.co.jp/gp/product/4844366580/ref=ppx_yo_dt_b_asin_title_o01_s00?ie=UTF8&psc=1)
![スクリーンショット 2020-12-29 17.33.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/f3727f0e-731b-d9f8-620a-21463b9cfd32.png)
wordpressの案件を始める前に読んだ本です。
PHPの入門というよりWordpressの解説本という印象が強いです。
内容は非常に平易でわかりやすいですが、解説の深みとしては浅めかな〜という感じです。
さらっと学習したい人向けです。

### いちばんやさしいPHPの教本 第2版 人気講師が教える実践Webプログラミング 「いちばんやさしい教本」シリーズ
[Amazonはこちら](https://www.amazon.co.jp/%E3%81%84%E3%81%A1%E3%81%B0%E3%82%93%E3%82%84%E3%81%95%E3%81%97%E3%81%84PHP%E3%81%AE%E6%95%99%E6%9C%AC-%E7%AC%AC2%E7%89%88-%E4%BA%BA%E6%B0%97%E8%AC%9B%E5%B8%AB%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E5%AE%9F%E8%B7%B5Web%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0-%E3%80%8C%E3%81%84%E3%81%A1%E3%81%B0%E3%82%93%E3%82%84%E3%81%95%E3%81%97%E3%81%84%E6%95%99%E6%9C%AC%E3%80%8D%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E6%9F%8F%E5%B2%A1%E7%A7%80%E7%94%B7-ebook/dp/B0714HYR2P/ref=sr_1_18?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=PHP&qid=1609232641&s=digital-text&sr=1-18)
![スクリーンショット 2020-12-29 18.05.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/45cba635-f960-72cc-3ef5-3a4a7d503e21.png)

"いちばんやさしい"と謳うだけあって非常にわかりやすいです。
ただ、本当にわかりやすさに全振りしていることもあり、かなり物足りなく感じました。
挫折しにくいとは思います。

### 独習PHP 第3版
[Amazonはこちら](https://www.amazon.co.jp/%E7%8B%AC%E7%BF%92PHP-%E7%AC%AC3%E7%89%88-%E5%B1%B1%E7%94%B0%E7%A5%A5%E5%AF%9B-ebook/dp/B01FH3KVNU/ref=sr_1_2?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=PHP&qid=1609232647&s=digital-text&sr=1-2)
![スクリーンショット 2020-12-29 18.07.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/e92f2a02-5611-31c7-5349-7d4abb43da02.png)

こちらはいちばんやさしいシリーズとは打って変わってかなりの分厚さです。
途中オブジェクト指向についての解説で多くのページを割いているのですが、それが非常に勉強になりました。
好みもあると思いますが、私はやっぱり情報量が多めの方が好きですね。今後は辞書がわりに使っていこうと思います。


## SQL
### スッキリわかるSQL入門 第2版 ドリル222問付き！ スッキリわかるシリーズ
[Amazonはこちら](https://www.amazon.co.jp/gp/product/B07L3MX199/ref=ppx_yo_dt_b_d_asin_title_o07?ie=UTF8&psc=1)
![スクリーンショット 2020-12-29 18.14.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/bc124457-684a-d02a-eecc-4ace5804d826.png)
SQLは基本情報で勉強した時にさらっとやった程度なのですが、やはり実際にクエリを書いて実行していった方が身になる感覚があります。
こちらは非常にわかりやすく段階的にSQLを解説しておりかなり為になったので、おすすめです。
ドリルの方は残念ながらまだ手をつけておらず、来年やってみようと思います。


## アクセシビリティ/デザイン
[ノンデザイナーズ・デザインブック](https://www.google.com/search?q=%E3%83%8E%E3%83%B3%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%82%BA%E3%83%BB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF&stick=H4sIAAAAAAAAAGVUTWgTQRROqo3ppkKSIkhAqKGHWsTsfxIvKRQPQkuhBsHT0plkdrs7-5OdZf8uheQgiIgoVhALoh48FDwIHqqI1JMFBT149OCC4EkPHnrRWouZLDi3b97f9773ePnxKlMza6zsoQbP8cVkcDXpP0_6j5PBs-mv97d2s8drao3joCmSMHbUIUZ1YrI96O9mU-FDoyZgnThNQp0FgPSgYQ2xzkIh0AJ5iEEImm7HMWk8CyyJ8xpDbMioJxLNpfmIbni81qRYEk1gRpDG9zhdimQar0mOpfjqkCyUZIHVqVE2myxMJa8TXUcWSZMNoUDJIQ_XsRzXKWYFAkQupkrxDiaxIqWU8004IgdlJUCwQcVSVcMNZY1P8WnoPQeNmuMiVgbhEGPVr5tY7lH_piZ6zZGYqh6wsSxhGh-JpstCajc4lkBX0VPi-ggoAfVvRlIIwEF_k4dYQgiGjkLLIdk3tGjUvl7vsY6s0fIcJqIP3NQsNEP3qR2ZxOWIANNyWjI7miXnaoqm0_wgQJ6qxlReTRB47LBwSE_weT2MaTld9dyGRuJ_Zh6YiK8baJQt6mEPUTEg52BJ5UdishEO6gjQbngxiKHVGC1HLwYdE6aG0WhiX_qS3RwrFL_tfZ6q3B67tfX2U_b6GFNctG3SxdFKF6963U7bLs8wuQuWt-ZF5QozWcn_XUYeBuZspsIwFJW7TOFS12vbS3ZnDUXly-U2M7HUNUHXJcuofJ5hFmyMu9Bbs63yWeZEpVSD9KMGbNsgBwmnmP-_q4WVib9VgKdAoWrwyvbHjfe5K6Xxhf39zVNL85Uzc2Xm2EWyaMNVXMJ3f-6_ef2gNTfF5NuroW3ZZlTKHL4frerpidmZD-v3Mt9bpUeF36130-L8ySPTmdkMt7z3a33nzrn5uUz_1ZOd3NF8tpiZfDjOJoMbB0cldWCuJYOXSX87GbxIX51ksJEMBkn_6c1c9g-m0zxangQAAA&sa=X&ved=2ahUKEwiHlNGB8fLtAhWbZt4KHYjdCM8Q-BYwFnoECAkQPQ&biw=1920&bih=946)

![スクリーンショット 2020-12-29 18.32.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/1d19ce6d-dfd3-4db1-14d7-44ceaad119e2.png)

非常に楽しく読めました。
デザインというと感覚でしょ..というイメージがありますが、論理的に解説していてデザインなどに苦手意識があるような方でも読みやすいと思います。

### インクルーシブHTML+CSS & JavaScript: 多様なユーザーニーズに応えるフロントエンドデザインパターン
[Amazonはこちら](https://www.amazon.co.jp/%E3%82%A4%E3%83%B3%E3%82%AF%E3%83%AB%E3%83%BC%E3%82%B7%E3%83%96HTML-JavaScript-%E5%A4%9A%E6%A7%98%E3%81%AA%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%83%8B%E3%83%BC%E3%82%BA%E3%81%AB%E5%BF%9C%E3%81%88%E3%82%8B%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3-Heydon-Pickering-ebook/dp/B07B4WLSDK/ref=sr_1_6?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3+%E6%9C%AC&qid=1609234553&s=digital-text&sr=1-6)
![スクリーンショット 2020-12-29 18.36.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/6a175227-01f0-c713-c025-bbb2acb1781f.png)

実装のよくある例と、それの解決方法、といった形で基本的に紹介されており、
実務で活かしやすいノウハウが書かれていました。
文章もカジュアルな感じで読んでいて楽しかったです。
こちらを読んでからアクセシビリティに対する意識が確実に高まりました。

## Docker
### Docker Deep Dive
[Amazonはこちら](https://www.amazon.co.jp/gp/product/B01LXWQUFF/ref=ppx_yo_dt_b_d_asin_title_o02?ie=UTF8&psc=1)
![スクリーンショット 2020-12-29 18.11.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/e2adcff8-5015-07ec-bf07-592953b7ee2c.png)

こちらは洋書になるのですが、評価が非常に高く気になったので購入しました。
英語なので読み進めるのに時間はかかるものの、Dockerの今までのアップデートの経緯や認証周りなど、非常に詳細に、そしてわかりやすく書かれている印象を受けました。Kindle版だと安いです。
英語もそこまで難しくなかったです。
ちなみに、Kindle版では常に最新のDocker情報を追って更新します!と書かれていました。　すごい...


## その他
### すごいHaskellたのしく学ぼう！
[Amazonはこちら](amazon.co.jp/gp/product/B009RO80XY/ref=ppx_yo_dt_b_d_asin_title_o04?ie=UTF8&psc=1)
![スクリーンショット 2020-12-29 18.17.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/b72000d0-4f68-a548-ca5d-3e0579ea1c1c.png)
有名なHaskellの入門書です。
ReactでもTSでも、当然のように関数型プログラミングの話が出てくるので「関数型ってなんやねーん!」という気持ちで購入しました。
まだ読んでいる途中ですが、陽気な文体と挿絵で進んでいきつつしっかりと身のある解説がなされていて、とても良いです。
早くモナドがなんなのかを知りたいです。

### リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック
[Amazonはこちら](https://www.amazon.co.jp/gp/product/4873115655/ref=ppx_yo_dt_b_asin_title_o05_s00?ie=UTF8&psc=1)
![スクリーンショット 2020-12-29 18.21.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/e545382d-d779-6a4a-e93b-de6f916541a8.png)
読みやすい、保守しやすい、美しいコードを書くためのあれこれが書かれています。
絶対に読むべき。国民の義務にするべきです。
読んでない人はいますぐ読みましょう。
サンプルコードはJSだったりCだったりPythonだったりしますが、何か１つかける人であれば理解できる程度のサンプルです。

### キタミ式イラストIT塾 応用情報技術者
[Amazonはこちら](https://www.amazon.co.jp/gp/product/B082DW5WPS/ref=ppx_yo_dt_b_d_asin_title_o00?ie=UTF8&psc=1)
![スクリーンショット 2020-12-29 18.24.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/441432/0c77c514-d9e6-d4a6-45d9-9e18b9625c14.png)
めちゃめちゃわかりやすいです。
応用受けようかな〜と思って購入したのですが、他の勉強がしたくて流れてしまいました。
なのでまだ半分しか読んでいません。来年はきっと...


###  `C#`
業務とは直接関係ないのですが、趣味でC#の本を3冊ほど読みました。
C#結構好きです。

### おまけ
今年は三国志とローマ人の物語を読みきりました。
どちらも超超大編ですが、夢とロマンが詰まっていて面白かったです。

## まとめ
なんだかもっと読んだような気もするので、いくつか抜け漏れがあるかもしれません...😦
どれも読んでよかったと思えるような良書ばかりだったので、著者/出版社の方にとても感謝しています。
来年も前読んだ本を読み返したり、また新しい良本に巡り会えたらいいなと思います。
あと、オライリーさん、早くKindleに対応して欲しいです。