初心者でも読みやすかった！図解・イラスト多めで挫折しにくい技術書

きちんと！詳しく！全てが！書いてあるゴリゴリ技術書も重要だけど、ひよっこエンジニアには難しくて挫折しがち・・・（私です）

まずは挫折せずに読み切りたい！楽しい方がいい！
ということで、「エンジニア１〜２年目に読んだ、図解やイラスト多めで初心者でも読みやすかった技術書」をまとめてみました。

## 書籍の紹介
### [1冊ですべて身につくHTML & CSSとWebデザイン入門講座](https://www.amazon.co.jp/%E3%80%90Amazon-co-jp-%E9%99%90%E5%AE%9A%E3%80%911%E5%86%8A%E3%81%A7%E3%81%99%E3%81%B9%E3%81%A6%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8FHTML-CSS%E3%81%A8Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7-DL%E7%89%B9%E5%85%B8-Flexbox/dp/4797398892)

<a href="https://www.amazon.co.jp/%E3%80%90Amazon-co-jp-%E9%99%90%E5%AE%9A%E3%80%911%E5%86%8A%E3%81%A7%E3%81%99%E3%81%B9%E3%81%A6%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8FHTML-CSS%E3%81%A8Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7-DL%E7%89%B9%E5%85%B8-Flexbox/dp/4797398892">
<img width="300" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2781744/17c995d2-58c3-c797-27ed-ec83497a11bb.png"></a>

#### おすすめポイント
- Webページを作るために必要なHTML、CSSの知識を順序立てて体系的に学べます。
- 単にHTML、CSSの技術だけでなく、見やすいレイアウトや配色の組み合わせ方など、デザイナーでなくとも学んでおきたい「デザインの基礎」もあわせて学習することができます。
- さらには、FlexBoxやレスポンシブウェブデザインといったモダンな技術についても解説されており、トレンドを踏まえた知識をキャッチできるため、より実践に即した書籍だと感じました。

### [確かな力が身につくJavaScript「超」入門 第2版](https://www.amazon.co.jp/%E7%A2%BA%E3%81%8B%E3%81%AA%E5%8A%9B%E3%81%8C%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8FJavaScript%E3%80%8C%E8%B6%85%E3%80%8D%E5%85%A5%E9%96%80-%E7%AC%AC2%E7%89%88-%E7%8B%A9%E9%87%8E-%E7%A5%90%E6%9D%B1/dp/4815601577)

<a
href="https://www.amazon.co.jp/%E7%A2%BA%E3%81%8B%E3%81%AA%E5%8A%9B%E3%81%8C%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8FJavaScript%E3%80%8C%E8%B6%85%E3%80%8D%E5%85%A5%E9%96%80-%E7%AC%AC2%E7%89%88-%E7%8B%A9%E9%87%8E-%E7%A5%90%E6%9D%B1/dp/4815601577"><img width="300" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2781744/e79699ff-7bad-fee2-2ed2-f580da292e00.png"></a>

#### おすすめポイント
- 動きのあるWebページには欠かせないプログラミング言語、JavaScript（以下JS）。当書では、JSの基本的な文法と機能を実際にプログラムを書いて動かしながら理解を深めていくことができます。
- だから！知識としては「知っている」けど、どんな時に使う文法なの？とイメージしづらい部分を、実戦で「使える（使用シーンをイメージできる）」状態にしてくれるのが当書の良いところです。
- さらには一歩踏み込んで、jQueryを使った書き方についても学習する事ができます。ハンバーガーメニューなど、どこかで見たことがある動きを自分で作れた時の感動はひとしお。
- Ajaxを使った簡易的な空き状況確認プログラムを作成したり、APIを使って外部データ連携をしたりと、基礎から実践に近いレベルの内容まで一通り学習する事ができる！
- 語り口調で、読者を置いていくことのない説明をしてくれるから、最後まで挫折することなく取り組めました。

### [オブジェクト指向でなぜつくるのか 第3版 知っておきたいOOP、設計、アジャイル開発の基礎知識](https://www.amazon.co.jp/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%A7%E3%81%AA%E3%81%9C%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%AE%E3%81%8B-%E7%AC%AC3%E7%89%88-%E7%9F%A5%E3%81%A3%E3%81%A6%E3%81%8A%E3%81%8D%E3%81%9F%E3%81%84OOP%E3%80%81%E8%A8%AD%E8%A8%88%E3%80%81%E3%82%A2%E3%82%B8%E3%83%A3%E3%82%A4%E3%83%AB%E9%96%8B%E7%99%BA%E3%81%AE%E5%9F%BA%E7%A4%8E%E7%9F%A5%E8%AD%98-%E5%B9%B3%E6%BE%A4-%E7%AB%A0/dp/4296000187)

<a href="https://www.amazon.co.jp/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%A7%E3%81%AA%E3%81%9C%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%AE%E3%81%8B-%E7%AC%AC3%E7%89%88-%E7%9F%A5%E3%81%A3%E3%81%A6%E3%81%8A%E3%81%8D%E3%81%9F%E3%81%84OOP%E3%80%81%E8%A8%AD%E8%A8%88%E3%80%81%E3%82%A2%E3%82%B8%E3%83%A3%E3%82%A4%E3%83%AB%E9%96%8B%E7%99%BA%E3%81%AE%E5%9F%BA%E7%A4%8E%E7%9F%A5%E8%AD%98-%E5%B9%B3%E6%BE%A4-%E7%AB%A0/dp/4296000187"><img width="300" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2781744/fd281414-1c81-b432-e8ad-791ae2b63af9.png"></a>

#### おすすめポイント
- 分かるようで、分からないオブジェクト指向（以下、OOP）・・。現実世界に置き換えてその仕組みを説明する記述をよく見かけますが、プログラミング技術として使う場合に、何が便利なのか？なぜ使うのか？がイメージしづらいと感じていました。
当書では以下の方針で解説されており、OOPが何者か、そしてそのメリットを理解することに役立ちました。
> 1. OOPの仕組みについては、プログラミング言語の進化の歴史を踏まえて、メリットを具体的に説明する。
> 2. 比喩による説明は最小限に抑える。比喩を使う場合にはその旨を明示する。
> 3. プログラミングの仕組みと、「モノ中心」で汎用的に物事を捉える考え方は別物として、分けて説明する。

特に１の、なぜOOPが誕生したのか、誕生する前は何が課題だったのかというプログラミング言語の歴史的進化を知れたことが、OOPについて理解を深められたポイントだったように思います。
- 当書にはサンプルコードが多く掲載されています。そのため、プログラミング技術としてのOOPのメリットや使い方のイメージを掴みやすかったです。

### [知識ゼロから学ぶソフトウェアテスト 【改訂版】](https://www.amazon.co.jp/%E7%9F%A5%E8%AD%98%E3%82%BC%E3%83%AD%E3%81%8B%E3%82%89%E5%AD%A6%E3%81%B6%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E3%83%86%E3%82%B9%E3%83%88-%E3%80%90%E6%94%B9%E8%A8%82%E7%89%88%E3%80%91-%E9%AB%98%E6%A9%8B-%E5%AF%BF%E4%B8%80/dp/4798130605)
:::note info
当書には新版が出ています。- 2023/11/16
[知識ゼロから学ぶソフトウェアテスト 第3版 アジャイル・AI時代の必携教科書](https://www.amazon.co.jp/%E7%9F%A5%E8%AD%98%E3%82%BC%E3%83%AD%E3%81%8B%E3%82%89%E5%AD%A6%E3%81%B6%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E3%83%86%E3%82%B9%E3%83%88-%E7%AC%AC3%E7%89%88-%E3%82%A2%E3%82%B8%E3%83%A3%E3%82%A4%E3%83%AB%E3%83%BBAI%E6%99%82%E4%BB%A3%E3%81%AE%E5%BF%85%E6%90%BA%E6%95%99%E7%A7%91%E6%9B%B8-%E9%AB%98%E6%A9%8B-%E5%AF%BF%E4%B8%80/dp/4798182435)
:::
<a href="https://www.amazon.co.jp/%E7%9F%A5%E8%AD%98%E3%82%BC%E3%83%AD%E3%81%8B%E3%82%89%E5%AD%A6%E3%81%B6%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E3%83%86%E3%82%B9%E3%83%88-%E3%80%90%E6%94%B9%E8%A8%82%E7%89%88%E3%80%91-%E9%AB%98%E6%A9%8B-%E5%AF%BF%E4%B8%80/dp/4798130605"><img width="300" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2781744/e82da19c-f79b-1c36-8010-a3bed2d25538.png"></a>

#### おすすめポイント
- テスト界の第一人者である高橋寿一さんによって書かれたソフトウェアテストの入門書。テストの役割や手法、テスト計画などテストについて網羅的に記載されています。
- 米国Microsoft、SAP Labs、ソニー株式会社などでソフトウェアテストに従事してきた著者の豊富な経験談を織り交ぜ、語り口調で説明が進むため、堅苦しくなく読みやすいのも当書の特長です。
- 特に印象的だったのが、第一章のテストをする際の心得について。
> バグを全て見つけるのは無理だと心得ろ！（by Cem kaner）

その上で、
> 重要なのは、どの部分にバグが出やすいのか、そこにどのようなテスト手法を適用すれば十分な品質が得られるかを知ることである（by 著者）

このような心得のもと、限られた時間・コストの中で最適なテストを行うための考え方を学ぶことができます。
- テストを意識した安心安全なコーディングを考えるきっかけになる！
テストの着眼点を知ることで、どう書けば、バグが発生しにくいシンプルなコードになるのか？といった開発の目を培うことにも役立ちました。

### [イラスト図解式 この一冊で全部わかるWeb技術の基本](https://www.amazon.co.jp/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E5%9B%B3%E8%A7%A3%E5%BC%8F-%E3%81%93%E3%81%AE%E4%B8%80%E5%86%8A%E3%81%A7%E5%85%A8%E9%83%A8%E3%82%8F%E3%81%8B%E3%82%8BWeb%E6%8A%80%E8%A1%93%E3%81%AE%E5%9F%BA%E6%9C%AC-%E5%B0%8F%E6%9E%97-%E6%81%AD%E5%B9%B3/dp/4797388811)

<a href="https://www.amazon.co.jp/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E5%9B%B3%E8%A7%A3%E5%BC%8F-%E3%81%93%E3%81%AE%E4%B8%80%E5%86%8A%E3%81%A7%E5%85%A8%E9%83%A8%E3%82%8F%E3%81%8B%E3%82%8BWeb%E6%8A%80%E8%A1%93%E3%81%AE%E5%9F%BA%E6%9C%AC-%E5%B0%8F%E6%9E%97-%E6%81%AD%E5%B9%B3/dp/4797388811"><img width="300" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2781744/495e978b-f954-5e1e-ba74-b6d9389b97fc.png"></a>

#### おすすめポイント
- HTTPって何？GET？POST？ヘッダー？REST？JSON？XML？.....
これらWebの世界で当たり前のように使われている技術の全体像を把握できます。
- 当書の分かりやすさは、ページの使い方にあり！
見開き１ページに対して１テーマの構成になっています。文章だけでは理解しづらい概念的な部分を図解でも示してくれているので、どんな技術なのか、Webの世界でどのような役割を果たしているのか、というイメージが掴みやすかったです。
- 説明が端的で、読んでいて疲れにくいです。
- 各用語の裏話やもう一歩踏み込んだ補足コメントなんかも載っていて、楽しく読み進められました。

## さらに理解を深める
いくら分かりやすいとはいえ、１回読んだだけではなかなか定着しづらいもの・・。必要な時に繰り返しページを開き、辞書的に活用することでより理解が深まりました。

## おわりに
ITの世界は目に見えないことも多く、特に最初のうちは、イメージしづらいことがたくさんある気がしています。たとえ詳細に書かれた優れた技術書でも、それを自分のものにできるかは別のはなし。まずは、一通り読み切れるレベルの技術書で、全体像を掴むことをファーストステップにするのも良いかもしれないですね。

<br>
おすすめの書籍がありましたら、ぜひ教えていただけると嬉しいです！