【2024年版】エンジニア1年生の自分に読んでもらいたい書籍

## はじめに

今回は「**エンジニア1年生の自分に読んでもらいたい書籍**」を紹介します。

自分は2021年4月に新卒でweb系エンジニアに就職し、2022年で2年目になります。

1年前の自分のスキル感としては、

- HTMLとCSSで静的コーディングができる
- jQueryで動きをつけたwebサイトを作れる
- ReactとTypeScriptのチュートリアルレベル
- PHPで簡易ブログを作れる

これくらいのスキルセットでした。(入社前にインターンや独学で勉強してたレベル)

そんな1年前の自分へ「**エンジニアとしてこの書籍は読んでおいてほしい**」というものを紹介します。

1年前の自分の実体験も入れつつ、「何故その書籍を読んでもらいたい」のかも加えて解説します。

## この記事の対象者

- エンジニアになるために勉強をしている人
- エンジニア1年生
- 技術書をそこまで読んでこなかった人

## エンジニア全般

### [リーダブルコード](https://www.amazon.co.jp/dp/4873115655/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=43287944a45e678c2f316406f3a60d54&creativeASIN=4873115655)
[![スクリーンショット 2022-08-12 10.47.48.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/1613cbf1-c9a4-007f-2da7-6acc11a5ff82.jpeg)](https://www.amazon.co.jp/dp/4873115655/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=6026351d7c877632e3d171fa6968d0eb&creativeASIN=4873115655)
まずはじめに紹介する書籍は、言わずと知れた「[リーダブルコード](https://www.amazon.co.jp/dp/4873115655/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=43287944a45e678c2f316406f3a60d54&creativeASIN=4873115655)」です。

リーダブルコードは**コードを書く人は全員が読むべき書籍**とも謳われている名著でもあります。

リーダブルコードを読むことで「**他の人が読んだ時に理解されやすいコードの書き方**」を学ぶことができます。

具体的にリーダブルコードを読むことで、


- **理解しやすいコードとは何か**
- **変数の命名について**
- **コメントアウトについて**
- **理解されやすいロジックの書き方**

といった内容を学ぶことができます。

1年目の自分はプルリクエストのレビューコメントで、

「この部分って他の人が読んだ時に理解できますか？」
「このコメントアウトって必要ですか？」
「この変数の命名って適切じゃないですよね_」

といったことをしばしば指摘されていました。

そういった中で、先輩に相談したところリーダブルコードを勧めてくれました。

正直なところ、初心者だと読み進めていくのに時間がかかります。

リーダブルコードは「**1周目で全てを理解して終わり**」ではなく「**何周もして味を出しつつ理解をしていく**」ような書籍だと自分は思ってます。

「**何周もして味を出す**」とは理解するまで読み込むわけではなく、**コードを書く時に詰まった際はこの書籍に立ち返る**といった位置付けで読むのがよいのかと思います。

そのため、初級者~上級者の全員が読んでも「**学びを得られる書籍**」だと思います。

なおリーダブルコードについて要点整理はこちらの記事で解説しているのでぜひ読んでみてください。

https://qiita.com/KNR109/items/3b14e2e8f89a33c0f959

### [プロになるためのWeb技術入門](https://www.amazon.co.jp/dp/B09MVGM99L/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=32342761fd4f703c194d780a50d1f27c&creativeASIN=B09MVGM99L)

[![スクリーンショット 2022-08-12 10.50.34.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/6b68feb9-cff5-94cb-585d-18c1b1f0fed9.jpeg)](https://www.amazon.co.jp/dp/4774142352/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=bc6d34809cf5215cd73bfff904af1e28&creativeASIN=4774142352)

次に紹介する書籍は、Web系についての知識が網羅的に学べる「[プロになるためのWeb技術入門](https://www.amazon.co.jp/dp/B09MVGM99L/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=32342761fd4f703c194d780a50d1f27c&creativeASIN=B09MVGM99L)」です。

プロになるためのWeb技術入門では、

- Webアプリケーションとは
- Webアプリケーションの歴史
- HTTPとは何か
- Webアプリの構成要素について
- Webアプリの開発について
- セキュリティーについて

といったWeb系の開発をする上で必須の知識を基礎から網羅的に学ぶことができます。

1年目の自分は、がむしゃらにコードを書くことばっかりに集中していたので「**裏側の処理がどのように行われているのか**」といった内容をそこまで理解していませんでした。

その結果、セキュリティー周りの開発タスクが振られた時にかなりの苦戦を強いることになってしまいました。

そういった中でこちらの書籍も先輩エンジニアが勧めてくれました。

この書籍は解説のほとんどで図を使っているので、初心者でも理解しやすい内容になっています。

「**もっと早く読んでおけば..**」と書籍を読んだ後に後悔したので紹介しました。

Web系エンジニアとして働いている人は一度は読んでもらい書籍だと思っています。


### [キタミ式イラストIT塾](https://www.amazon.co.jp/dp/4297124513/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=122e4cf960c8892b74cd0f79ee859d99&creativeASIN=4297124513) (基本情報対策)
[![スクリーンショット 2022-08-12 10.51.37.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/b7d60702-5aca-1c4d-13ea-c4b8df38bf00.jpeg)](https://www.amazon.co.jp/dp/4297124513/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=3b230aa7e6195e283dff399f45a25218&creativeASIN=4297124513)
次に紹介する書籍は、基本情報技術者試験対策でもお馴染み「[キタミ式イラストIT塾](https://www.amazon.co.jp/dp/4297124513/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=122e4cf960c8892b74cd0f79ee859d99&creativeASIN=4297124513)」です。

キタミ式イラストIT塾では、

- ハードウェア・ソフトウェア
- データベース
- セキュリティー
- ネットワーク
- システム開発

といったIT知識の全般を網羅的に学ぶことができます。

資格は取らずともIT業界で働く人が知っておくべき知識を網羅的に学ぶことができるので、1年目の人には強くおすすめしたい書籍です。

また、基本情報技術者試験の勉強については下記の記事で解説しているのでこれから学習を始める人はぜひ参考にしてみてください。

https://qiita.com/SMAC/items/d67da9b34df2256f488b

### [なるほどデザイン](https://www.amazon.co.jp/dp/4844365177/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=650d4c9a09e6313dcc0eaa6663836a2a&creativeASIN=4844365177)

[![スクリーンショット 2022-08-12 10.52.40.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/78b72cb7-3bd6-22c5-8467-6ec1443df61d.jpeg)](https://www.amazon.co.jp/dp/4844365177/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=bb85f72572c8adfc1ce6af0780f42c40&creativeASIN=4844365177)

次に紹介する書籍は、「[なるほどデザイン](https://www.amazon.co.jp/dp/4844365177/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=650d4c9a09e6313dcc0eaa6663836a2a&creativeASIN=4844365177)」です。

こちらの書籍は必読書ではないですが、エンジニアとしてデザイン知識も少しは身に付けておきたいという人向けの書籍になっています。

デザインの基礎や「**なぜこのデザインにしているのか**」という内容を学ぶことができます。

読むと題名の通り「**なるほど**」ってなります(笑)

個人開発をしている人やエンジニアとしてある程度のデザイン知識を身につけておきたいという人にはおすすめの書籍です。

### [オブジェクト指向UIデザイン](https://www.amazon.co.jp/dp/4297113511/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=80c77c74d24f0957ecab80f4604e0b49&creativeASIN=4297113511)
[![スクリーンショット 2022-08-12 10.53.30.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/de86c81e-7567-c1bb-7151-b0339a4aed01.jpeg)](https://www.amazon.co.jp/dp/4297113511/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=478e2c066049547daceeb5f5b9ba01e7&creativeASIN=4297113511)
次に紹介するのは「[オブジェクト指向UIデザイン](https://www.amazon.co.jp/dp/4297113511/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=80c77c74d24f0957ecab80f4604e0b49&creativeASIN=4297113511)」です。

こちらもデザイン系の書籍ですが、エンジニアとして要件を決める際や画面設計する際に必要な知識の基礎を学ぶことができます。

オブジェクト指向UIデザインでは

- オブジェクト指向UIとは何か
- タスク指向UIの問題
- オブジェクト指向UIの設計

といった内容を学ぶことができます。

こちらの書籍は、自分が自社アプリのUI設計タスクを行なっていた際にデザイナーの方におすすめされた書籍です。

UIを設計する際に「**なぜこのデザインにしたのか**」をロジカルに説明するのを苦戦していた中でお勧めされた書籍で、内容もわかりやすいのでサクッと概要を掴むことができます。

エンジニアの方でUI設計を将来的にしていきたい人や、個人開発をしている人にはおすすめの一冊なのでぜひ読んでみてください。

## Web制作者向け

### [HTML&CSSとWebデザイン入門講座](https://www.amazon.co.jp/dp/4797398892/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=a28d28e884ce2a5320e427b87f39c4bd&creativeASIN=4797398892)

[![スクリーンショット 2022-08-12 10.57.42.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/0c583361-f386-384c-56bd-c1c7f6be4d93.jpeg)](https://www.amazon.co.jp/dp/B07PS1ZJN6/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=9a0a148e620cb0ec676a630608815bc0&creativeASIN=B07PS1ZJN6)

Web制作系で最初に紹介するのはデザインの基礎からWeb制作の実装までもが網羅されている「[HTML&CSSとWebデザイン入門講座](https://www.amazon.co.jp/dp/4797398892/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=a28d28e884ce2a5320e427b87f39c4bd&creativeASIN=4797398892)」です。

入門書でありながらも、「**ユーザーに取って使いやすいデザイン**」を基に、デザインの基礎から、さまざまなタイプのwebサイトの実装を学ぶことができます。

またコーディングに関してもHTMLやCSSのコードの解説および、実装パターンなども数多く載せられているので、web制作を学習したい人は入門から基礎までこの1冊で網羅的に学ぶことができます。

また演習問題もついているのでアウトプットを通す中で、知識を定着させやすくなります。

さらにこの書籍を読み終わった人や中級者以上の方には、[HTML＆CSSとWebデザイン実践講座](https://www.amazon.co.jp/dp/B08S2T8HZV/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=3f7290a9a92f6126ab4759ca040928c1&creativeASIN=B08S2T8HZV)もあるので、スキルをより定着させた人や現場で即戦力として活躍したい人は合わせて読むことをお勧めします。

[![スクリーンショット 2022-08-12 11.03.23.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/5fe00165-4597-f316-6279-56c6133ae069.jpeg)](https://www.amazon.co.jp/dp/B08S2T8HZV/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=9fc66f2def0a09e8ed1ac98f3ebc35f5&creativeASIN=B08S2T8HZV)

### [作って学ぶ HTML＆CSSモダンコーディング](https://www.amazon.co.jp/dp/B09BVLD16R/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=809a1051e0bc1a9c372acab89b0a57c3&creativeASIN=B09BVLD16R)

[![スクリーンショット 2022-08-12 11.04.36.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/81dc070b-1e5a-ff55-73d1-8ed4f1b1ddcd.jpeg)](https://www.amazon.co.jp/dp/B09BVLD16R/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=809a1051e0bc1a9c372acab89b0a57c3&creativeASIN=B09BVLD16R)

次に紹介するのは実際にWebサイトを作っていく中でパーツごとの実装法や全体のレイアウトをを学ぶことができる、[作って学ぶ HTML＆CSSモダンコーディング](https://www.amazon.co.jp/dp/B09BVLD16R/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=809a1051e0bc1a9c372acab89b0a57c3&creativeASIN=B09BVLD16R)です。

こちらの書籍では最新のCSS関数などを利用し、Webサイトを実際に1つ制作する中で幅広い実装手法を学ぶことができます。

現場でもよく使う技術や、知っていると実装がより便利になる小技なども解説しているのでかなり勉強になります。

### [jQuery標準デザイン講座](https://www.amazon.co.jp/dp/B0192PG8TU/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=a82c7262c710c5adcdd05a63bf25a4a4&creativeASIN=B0192PG8TU)

[![スクリーンショット 2022-08-12 11.12.44.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/a34bd77a-560a-ed2f-9c1a-b95d4e802558.jpeg)](https://www.amazon.co.jp/dp/B0192PG8TU/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=910df58cbd869a6f30a082c6270c0daf&creativeASIN=B0192PG8TU)

次に紹介するのは「[jQuery標準デザイン講座](https://www.amazon.co.jp/dp/B0192PG8TU/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=a82c7262c710c5adcdd05a63bf25a4a4&creativeASIN=B0192PG8TU)」。

こちらの書籍では、Web制作で必須であるjQueryの実装手法に特化した解説書になっています。

jQuery標準デザイン講座では、

- 実務でよく利用するものが網羅的に紹介されている
- サンプルコードも豊富なので学びやすい
- 解説が噛み砕かれているので初心者でもついていきやすい

Web制作周りの**アニメーション**といった動きにに関するパターンを網羅的に学ぶことができます。

### [CSS設計完全ガイド](https://www.amazon.co.jp/dp/B0856YMH7L/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=03feb18c8e45c84f27c8bc0501b480a6&creativeASIN=B0856YMH7L)

[![スクリーンショット 2022-08-12 11.14.09.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/1a27215d-6e9f-eff1-5c56-89814242c083.jpeg)](https://www.amazon.co.jp/dp/B0856YMH7L/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=03feb18c8e45c84f27c8bc0501b480a6&creativeASIN=B0856YMH7L)

次に紹介するの書籍は「[CSS設計完全ガイド](https://www.amazon.co.jp/dp/B0856YMH7L/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=03feb18c8e45c84f27c8bc0501b480a6&creativeASIN=B0856YMH7L)」です。

エンジニアとしてCSSは必ず使う技術でもあるので一度は読んでもらいたい書籍だと思っています。

CSS設計完全ガイドでは、

- CSSの歴史と問題点
- CSS設計について
- レイアウト設計
- 最小モジュール 
- 複合モジュール

といった内容を学ぶことができます。

CSSの歴史的な解説から始まり、BEMやPRECSSといったCSSの設計についての解説をした上で、コンポーネント単位の具体的な実装法やレイアウトの定義といった内容を学ぶことができます。

具体的なコーディングによる解説がついているので初心者でも理解しやすいですし、仕事でも使い回せることができます。

自分自身もCSSを実装する際はこの書籍の実装法を基としています。

また読み終えた後は辞書的なものとしても利用できます。

### [仕事の現場でサッと使える！ デザイン教科書](https://www.amazon.co.jp/dp/B084QGDYGN/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=016561d82e7ace2f599b507fe7f42006&creativeASIN=B084QGDYGN)

[![スクリーンショット 2022-08-12 11.55.44.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/2661c0aa-c8b7-dabf-378e-dab81dde68c3.jpeg)](https://www.amazon.co.jp/dp/B084QGDYGN/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=016561d82e7ace2f599b507fe7f42006&creativeASIN=B084QGDYGN)

次に紹介するのはWordPress開発について体系的に学ぶことができる[WordPress　仕事の現場でサッと使える！ デザイン教科書](https://www.amazon.co.jp/dp/B084QGDYGN/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=016561d82e7ace2f599b507fe7f42006&creativeASIN=B084QGDYGN)です。

こちらの書籍では現代のWeb制作においてほぼ必須にもなっているWordPress化について基礎から実際にWebサイトを制作しながら学ぶことができる書籍になっています。

はじめに簡易的な静的コーディングを行い、その上でPHPでWordPress用の実装を追加していく流れで進められていく構成になっています。

WordPress開発で必須の**カスタム三兄弟**等も丁寧に解説されているので、WordPressの初学者でもとっつきやすいです。

また現場でも**辞書的なた立ち位置**として利用できるので読み終わった後も重宝できます。

## フロント向け

### [JavaScript本格入門](https://www.amazon.co.jp/dp/B01LYO6C1N/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=e976ccb0cf32f9ae9ad855dacdb160cc&creativeASIN=B01LYO6C1N)

[![スクリーンショット 2022-08-12 11.19.00.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/fc2f7d32-c3ee-7f6e-ee05-f77e7a571965.jpeg)](https://www.amazon.co.jp/dp/B01LYO6C1N/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=5787453c480c7480adb26ed4add82422&creativeASIN=B01LYO6C1N)

フロント向けの書籍でまずはじめに紹介するのは「[JavaScript本格入門](https://www.amazon.co.jp/dp/B01LYO6C1N/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=e976ccb0cf32f9ae9ad855dacdb160cc&creativeASIN=B01LYO6C1N)」です。

JavaScript本格入門は**入門**とは書いているものの、ある程度の基礎知識がある(progateのJavaScriptが終わっているレベル)の人向けの書籍です。

JavaScript本格入門はJavaScriptを「**分かったつもり**」の人に対して「**本質的な部分の理解を手助けしてくれる**」ような書籍になっています。

ReactやTypeScriptを勉強中の人も一度立ち返ってもらいたいような内容が詰め込まれています。

自分はDOMの操作や非同期所理をなんとなくの理解で使っていたので、時々苦しい目にあっていました。

そういった中でこの書籍でJavaScriptを本質から学びなおしたことでよりスムーズに実装ができるようになりました。

### [モダンJavaScriptの基本から始める React実践の教科書](https://www.amazon.co.jp/dp/B09BV2HGN3/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=e12609829fe3c215794f5d2ee2f81d04&creativeASIN=B09BV2HGN3)

[![スクリーンショット 2022-08-12 11.20.42.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/fe26f6fb-0e20-e591-0540-d45035714b48.jpeg)](https://www.amazon.co.jp/dp/B09BV2HGN3/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=e12609829fe3c215794f5d2ee2f81d04&creativeASIN=B09BV2HGN3)

次に紹介する書籍は「[モダンJavaScriptの基本から始める React実践の教科書](https://www.amazon.co.jp/dp/B09BV2HGN3/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=e12609829fe3c215794f5d2ee2f81d04&creativeASIN=B09BV2HGN3)」です。

こちらの書籍はReactを基礎から学ぶことができる書籍になっています。

具体的にこの書籍では、

- JavaScriptの基礎知識
- Reactの基本
- Reactで利用するCSS
- レンダリングについて
- グローバルstate
- React×TypeScript
- カスタムフック

といったJavaScriptの基礎からReactまたTypeScriptまでを学ぶことができます。

実際に簡易的なアプリ開発を通しながらReactを学ぶことができるので、理解もしやすいです。

また実務でも直結するような内容も解説されています。

ReactやTypeScriptを基礎から学びたい人にはおすすめの書籍です。

### [プロを目指す人のためのTypeScript入門](https://www.amazon.co.jp/dp/4297127474/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=2c2131f8daf4782030ddf5a0deed4c2d&creativeASIN=4297127474)

[![スクリーンショット 2022-08-12 11.22.27.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/b1b8df80-2841-5ffb-d167-ead7c7784781.jpeg)](https://www.amazon.co.jp/dp/4297127474/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=2c2131f8daf4782030ddf5a0deed4c2d&creativeASIN=4297127474)
次に紹介するのはフロント界隈でも有名な[uhyo](https://twitter.com/uhyo_)さんが執筆した通称ブルーベリー本です。

こちらの書籍ではJavaScriptで使う言葉の定義から丁寧に解説されており、TypeScriptの実装手法や書き方を網羅的に学ぶことができる書籍になっています。

具体的には、

- 基本的な文法と型
- オブジェクトの基本
- 関数
- クラス
- 高度な型
- モジュールシステム
- 非同期処理

とTypeScriptの基礎から後半では応用的な手法を学ぶことができます。

特に6章では少し難易度は上がるものの、現場で使える記法を多数紹介しているのでかなり勉強になりました。

また各章ごとに良質な演習問題が掲載されているので学んだ知識をすぐにアウトプットさせることができます。

### [TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発](https://www.amazon.co.jp/dp/4297129167/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=b6895e73d10fdf01ee010140fb6376c0&creativeASIN=4297129167)

[![スクリーンショット 2022-08-12 11.29.53.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/d913c694-06dc-45c7-0f2f-c1a00f3278d9.jpeg)](https://www.amazon.co.jp/dp/4297129167/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=b6895e73d10fdf01ee010140fb6376c0&creativeASIN=4297129167)

フロント周りで最後に紹介するのは、実際にアプリ開発をしていく中でモダンフロントを学ぶことができる[TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発](https://www.amazon.co.jp/dp/4297129167/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=b6895e73d10fdf01ee010140fb6376c0&creativeASIN=4297129167)

こちらはかなり最新の書籍になっており、今やフロントの現場ではほぼ欠かせないTypeScriptとReactの開発を基礎から応用まで学ぶことができる書籍になっています。

具体的に学べる内容としては、

- Next.js×TypeScriptによるモダン開発
- TypeScriptの基礎
- ReactとNext.jsの基礎
- コンポーネント開発
- Webアプリケーション開発

を学ぶことができます。

コンポーネント設計など重要な概念も丁寧に解説されているので初心者でも躓くことなく学習を進められます。

またNext.jsのレンダリング手法であるSSG、CSR、SSR、ISRといった少し理解するのが難しい概念もわかりやすい解説がされているのでこの書籍1冊で基礎から応用までをカバーすることができる書籍になっています。

これからフロントエンドの学習をする人や学んだ知識を実際にアプリ開発を通してアウトプットしたい人にはおすすめの書籍になっています。

なおフロントエンド周りの学習法については解説はこちらの記事にまとめています。

https://qiita.com/KNR109/items/201c133d6eeaabf675a7

## バックエンド向け

次にバックエンド向けの書籍を紹介します。

### [Web API: The Good Parts](https://www.amazon.co.jp/dp/4873116864/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=9cbed6c7bf9438fc618bc9d98637c28f&creativeASIN=4873116864)

[![スクリーンショット 2022-08-12 11.45.17.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/8a7f48b6-39d1-dbe6-9b1f-21dc8791ebb4.jpeg)](https://www.amazon.co.jp/dp/4873116864/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=9cbed6c7bf9438fc618bc9d98637c28f&creativeASIN=4873116864)

まずはじめに紹介するのは、「[Web API: The Good Parts](https://www.amazon.co.jp/dp/4873116864/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=9cbed6c7bf9438fc618bc9d98637c28f&creativeASIN=4873116864)」です。

こちらの書籍はWeb系エンジニアとして必須項目であるAPIについて基礎から学ぶことができます。

The Good Partsでは、

- Web APIとは何か
- エンドポイントの設計とリクエストの設計
- レスポンスデータの設計
- 設計を変更しやすいAPI

を学ぶことができます。

自分がAPI設計の知見がほとんどなかった中でRailsでAPIを実装するタスクを振られた際にかなり役立ちました。

「**APIを開発する上での必読書**」とも言われている名著です。

昨今フロントエンジニアでもある程度のAPIの知識は開発をする上でも必要になっています。

そういった中で**The Good Parts**ではAPIを基礎から設計まで丁寧に解説をしてくれているので、実務でAPIを使ってる人には読んでもらいたい一冊です。

### [スッキリわかるSQL入門](https://www.amazon.co.jp/dp/4295013390/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=f70c7676f19a63799800e384b4415a91&creativeASIN=4295013390)

[![スクリーンショット 2022-08-12 11.47.04.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/055b885e-0734-fa1f-bd88-d6f4def3207a.jpeg)](https://www.amazon.co.jp/dp/4295013390/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=f5ea93eed29e042d144b6df9514253b7&creativeASIN=4295013390)

次に紹介するのは「[スッキリわかるSQL入門](https://www.amazon.co.jp/dp/4295013390/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=f70c7676f19a63799800e384b4415a91&creativeASIN=4295013390)」です。

こちらの書籍ではバックエンドを担当するエンジニアにとってはほぼ必須であるSQLを基礎から演習を通して学ぶことができる書籍になっています。

基本的なSQLから少し応用的なSQLまで幅広く現場で役立つ知識がまとめられています。

スッキリわかるSQL入門で学べる内容としては、

- SQLの4大命令について
- 絞り込み
- 検索結果の加工
- グループ化
- 副問い合わせ
- 複合テーブルの結合
- データベース設計

といった、SQLとデータベースの基礎を網羅的に学べます

SQLはアクティブレーコードがあるといえど、バックエンドを実装する人は知っておかないと後々詰まる箇所が出てくるので一度基礎から学ぶことが重要です。(実体験)

また、基本情報技術者試験のデータベース対策としても重宝できる書籍になっています。

### [達人に学ぶDB設計書](https://www.amazon.co.jp/dp/4798124702/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=979054bde2619d4244a1e40790a00f20&creativeASIN=4798124702)

[![スクリーンショット 2022-08-12 11.49.51.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/76a95adc-cc17-0118-83a5-2a993064a043.jpeg)](https://www.amazon.co.jp/dp/4798124702/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=979054bde2619d4244a1e40790a00f20&creativeASIN=4798124702)

次に紹介するのは、「[達人に学ぶDB設計](https://www.amazon.co.jp/dp/4798124702/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=979054bde2619d4244a1e40790a00f20&creativeASIN=4798124702)」です。

こちらの書籍ではデータベース設計について設計手法や正規化、アンチパターンなど網羅的に学べる書籍になっています。

達人に学ぶDB設計で具体的に学べる内容としては、

- 論理設計と物理設計について
- 正規化について
- 複数のテーブル関係を表現する
- 論理設計
- 物理設計
- データーベースのパフォーマンス
- テーブル設計のアンチパターン

を学ぶことができます。

題名にもある通りDB初学者というより、基礎的な知識(SQLなど)は身につけている人がよりステップするためにお勧めしたい書籍になっています。

なおデータベース設計についてはこちらの記事でまとめているのでぜひ読んでいただければと思います。

https://qiita.com/KNR109/items/5d4a1954f3e8fd8eaae7

### [達人に学ぶSQL徹底指南書 第2版 初級者で終わりたくないあなたへ](https://www.amazon.co.jp/dp/B07GB4CNKP/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=b2be14edb455f816a846f3e544a5339d&creativeASIN=B07GB4CNKP)

![スクリーンショット 2022-10-08 9.45.57.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/6a502c9d-cca2-d8f6-c516-662670cdb404.jpeg)

次に紹介するのは、「達人に学ぶSQL徹底指南書」です。

こちらの書籍ではSQLの基礎から発展的な内容を学ぶことができます。

先ほど紹介した[スッキリわかるSQL入門](https://www.amazon.co.jp/dp/4295013390/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=f70c7676f19a63799800e384b4415a91&creativeASIN=4295013390)を学習した人やSQLの基礎を理解している人にとって、ステップアップするための1冊になっています。

SQLを兼ねたテーブル設計についても学ことができます。

## インフラ

### [図解 Amazon Web Servicesの仕組みとサービスがたった1日でよくわかる](https://www.amazon.co.jp/dp/B09MQ14XR1/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=18bdf955146dd1b76815ce4619deea7d&creativeASIN=B09MQ14XR1)

![スクリーンショット 2022-10-08 9.48.56.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/0849c520-d85d-4371-c713-59993314db8c.jpeg)

インフラを入門したい人にまずおすすめしたいのは、[図解 Amazon Web Servicesの仕組みとサービスがたった1日でよくわかる](https://www.amazon.co.jp/dp/B09MQ14XR1/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=18bdf955146dd1b76815ce4619deea7d&creativeASIN=B09MQ14XR1)です。

こちらの書籍では図解を多用してAWSの内容を広く学ぶことができる一冊になっています。

これからAWSの学習をはじめる人やAWSの全体像を把握したい人にはおすすめの一冊です。

## セキュリティー関連

### [体系的に学ぶ 安全なWebアプリケーションの作り方](https://www.amazon.co.jp/dp/B07DVY4H3M/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=706c68f772c186122e787dc943608e78&creativeASIN=B07DVY4H3M)

![スクリーンショット 2022-10-08 9.51.05.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/2ddf3606-889e-fca7-6036-07314edf50bc.jpeg)

セキュリティー関連でおすすめの書籍は、[体系的に学ぶ 安全なWebアプリケーションの作り方](https://www.amazon.co.jp/dp/B07DVY4H3M/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=706c68f772c186122e787dc943608e78&creativeASIN=B07DVY4H3M)です。

通称、徳丸本とも呼ばれセキュリティー学習書籍の名著でもあります。

セキュリティーやWebシステムがわからない人でも基礎から応用的な内容までこれ一冊でカバーすることができます。

具体的には下記の内容を学ぶことができます。

- Webアプリについて
- Webアプリの脆弱性
- Webセキュリティーの基礎
- 脆弱性診断
- 安全にWebアプリを作るためのマネジメント

読み終わった後は、辞書的な役割も果たすのでエンジニアなら持っておいて損はない1冊になっています。


## その他

### [個人開発をはじめよう！クリエイター25人の実践エピソード](https://www.amazon.co.jp/dp/B086DBQC8L/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=f4341cbf38abb5de70817add247ea5a2&creativeASIN=B086DBQC8L)

[![スクリーンショット 2022-08-12 11.53.33.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/0a667ea2-0e40-71ad-d448-6a60769d6560.jpeg)](https://www.amazon.co.jp/dp/B086DBQC8L/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=e5deb1b4244d94c3d772c9ceb3712eee&creativeASIN=B086DBQC8L)

最後にその他枠として「[個人開発をはじめよう！クリエイター25人の実践エピソード](https://www.amazon.co.jp/dp/B086DBQC8L/ref=as_sl_pc_as_ss_li_til?tag=sutabaopen-22&linkCode=w00&linkId=f4341cbf38abb5de70817add247ea5a2&creativeASIN=B086DBQC8L)」を紹介します。

こちらの書籍は、技術書というよりかは「個人開発をする上でのモチベーション維持や、開発の流れ、個人開発の良さ」を知ることができます。

具体的に25名の個人開発者の開発過程や苦難が紹介されています。

具体的な個人開発エピソードが解説されているので読みやすい書籍です。

こちらの書籍は

- 個人開発をしたい人
- 個人開発のアイディアが思いつかない人
- 開発からリリースそしてマーケティグ周りを一通り知りたい人

向けにはもってこいの書籍となっています。

## 最後に

いかがだったでしょうか。

今回は1年前の自分に読んでもらいたい書籍の紹介をしました。

どんな書籍でも「**買っただけで満足しない**」ようにすることが大切だと思ってます。

自分も買っただけで満足して、結果的に積読されている書籍が現在もかなりあります..(汗)

そのため今回紹介した書籍の中でも「**今の自分に必要なものは何か**」という目的を持った上で購入し読むことをお勧めします。

他にもいろいろな記事を出しているのでぜひ読んでいただければと思います。

https://qiita.com/KNR109/items/f3268b311e11d5b821c0

https://qiita.com/KNR109/items/7cf6b24bed318dab5715

https://qiita.com/KNR109/items/dcda379402013604d06d