Web制作を学べる本はないかな？
たくさん本がありすぎてどの本で勉強すればよいかわからない…
この記事ではこのお悩みを解決します。
ズバリ、このお悩みの原因と解決策は下の通りです。
- 初学者なため、本の活用方法がわからず、選び方がわからない
- よい学習本に巡り会えていない
- 本の活用方法を知り、選び方を明確にする
- すでに学習した人がおすすめの本を参考にしてみる
この記事では上の解決策を取れるようにします。
学習サービスがメイン・本はサブがおすすめ
個人的なおすすめですが、本は《サブ的》なものとして活用するのがおすすめです。その理由をお伝えします。
メインは学習サービスがよい2つの理由
学習サービスとは下のようなものです。
- 学習サイト（Progateなど）
- プログラミングスクール
- 動画教材（ドットインストール、Udemyなど）
理由①：本質が厳選されていて学習効率がよいから
学習サービスは情報が厳選されています。頻出のものをまとめてくれているので、効率よく実力を身につけられます。
Web制作案件受注まで爆速で進むことができます。
理由②：厳選されていて挫折しにくいから
厳選されているからこそ、無駄な勉強がなくなり、挫折しにくくなります。
成長しない苦痛のような時間が長いと、挫折してしまいますからね…。
サブを本にするとよい2つの理由
理由①：情報が網羅されているから
情報が網羅されているのでサブ的に使うのがおすすめです。
学習サービスは情報が厳選されているので、使用頻度が高くないものは省かれているケースが少なくないです。
しかし、その頻度が低いものでも案件で使うことはあります。
そのため、本で学習しておきたい、ということです。
理由②：情報が深堀りされているから
情報が深堀されているのも本の良いところです。
情報が網羅されているという「横の広さ」も大切ですが、「縦の深さ」も重要です。
例えば、Progateだとflexboxで横並びと縦並びの基礎は学びますが、5列配置とかは学びません。また、jQueryの基礎は学びますが、プラグインは学びません。
本ならば足りていない箇所を深く学ぶことができるので、サブに適しています。
おすすめの学習サービスは“Progate”
本の話に入る前に簡単にメインの話をします。僕のおすすめの学習サービスは“Progate”です。
おすすめする理由
Progateをおすすめする理由は下の4点です。
- AIによる自動判定で正誤が明快にわかる
- 多くの段階を用意してくれていてスムーズにステップアップできる
- ゲーム感覚で楽しく学習できる
- 月額980円とは思えないほどのコンテンツ量でコスパ最強
使い方
Progateの使い方は難しいです。甘えようとすればどこまでも甘えられてしまう学習サービスなので、自分を律する必要があるからです。
僕がやってみて実力が身についた学習方法は下の通りです。
★1周目
スライドを見て覚える
→スライドを閉じる
→頑張って思い出しながらコーディング
→どうしても分からなければスライドや答えを見る
→閉じて、コーディング
★2周目
スライドを見ずに閉じる
→頑張って思い出しながらコーディング
→どうしても分からなければスライドや答えを見る
→閉じて、コーディング
HTML・CSSを学べるおすすめ本2選
①：HTML & CSSとWebデザイン入門講座
入門レベル〜初級者レベルに向いている本です。実際に制作する《ハンズオン形式》で学習するので、インプットしながらアウトプットまでできる良書です。
また、ハンズオン形式のもう一つの魅力として、実際の制作の流れを体験できるという点があります。辞書形式や特定部分を学習する学習サイトではできない経験です。
全体に対する知識・技術を身につけつつ、制作の流れも味わいたい人におすすめです。
本の情報
| 名称 | 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 |
| 価格 | 単行本 2,486円 Kindle版 2,237円 |
| 発売日 | 2019/3/16 |
| 出版社 | SBクリエイティブ |
②：CSS設計完全ガイド
【Web制作で使う言語】学習方法や順序を解説｜実務で使う情報もありでお伝えしたように、Web制作・プログラミングには《設計思想》というものがあります。
詳しく知りたい方は上の記事をご覧いただきたいのですが、簡単にいうと、設計思想を学ぶと、保守性の高く綺麗なコードを書くことが可能になります。（Web制作会社によっては必須の会社もあります）
この本はその《設計思想》をまとめてくれている本になります。綺麗にコーディングしたい人におすすめの方です。（※全員読んだ方がよいかもしれません）
本の情報
| 名称 | CSS設計完全ガイド ~詳細解説+実践的モジュール集 |
| 価格 | 単行本 3,608円 Kindle版 3,428円 |
| 発売日 | 2020/2/27 |
| 出版社 | 技術評論社 |
JavaScript／jQueryを学べるおすすめ本2選
①：jQuery最高の教科書
jQueryに特化したおすすめ本です。この本にはjQueryの基礎的なところから、さまざまなjQueryの使い方まで網羅されています。
少し古い本にはなりますが、その網羅性からおすすめ本に選出いたしました。
本の情報
| 名称 | jQuery最高の教科書 |
| 価格 | 単行本 2,838円 Kindle版 2,554円 |
| 発売日 | 2013/11/26 |
| 出版社 | SBクリエイティブ |
②：確かな力が身につくJavaScript「超」入門
jQueryを使っていて「そもそもJavaScriptって何ができるの？」と疑問に思った時や、実際JavaScriptを使わなくてはいけなくなった時に読みたい一冊です。
JavaScriptの超基礎的なところから、API連携という超プログラミングっぽいことまでを幅広くできます。
タイトルの通り、超入門の人でも手をつけられるので、おすすめ本として紹介しました。
本の情報
| 名称 | 確かな力が身につくJavaScript「超」入門 第2版 |
| 価格 | 単行本 2,728円 Kindle版 2,455円 |
| 発売日 | 2019/9/21 |
| 出版社 | SBクリエイティブ |
WordPressを学べるおすすめ本2選
①：WordPressレッスンブック
「HTML・CSSでサイトを作ることはできるから、次はWordPressのテーマ制作にも手をつけていきたい」という人におすすめの本です。
HTML・CSSでできているサイトのコードをどんどんいじっていき、ブログ方のテーマを作っていきます。
そのスムーズさがまさに芸術的だと思えてしまうレベルで、個人的にはこの記事の中で一番好きな本かもしれません。
本の情報
| 名称 | WordPressレッスンブック 5.x対応版 |
| 価格 | 単行本 2,860円 Kindle版 2,599円 |
| 発売日 | 2019/11/13 |
| 出版社 | ソシム |
②：WordPressの教科書
入門書の決定版と書いてありますが、個人的には入門書ではないと思っています…。初心者のためのものであることは間違いないのですが、入門者には難しいかもです。
でも、この本までできたら実案件に手を出せるレベルになります。なぜなら、この本で実装する機能が実案件で使うものだからです。
- カスタムタクソノミー
- フロントページ
ここらへんが印象的です。
上で紹介した《WordPressレッスンブック》が終了したら手をつけるとよいでしょう。僕はこの二冊をこなした上で、ググりまくることで、実案件をこなすことができました。
本の情報
| 名称 | ビジネスサイトを作って学ぶWordPressの教科書 Ver. 5.x対応版 |
| 価格 | 単行本 3,080円 Kindle版 2,800円 |
| 発売日 | 2019/10/29 |
| 出版社 | ソシム |
SEOを意識したWeb制作を学べるおすすめ本3選
①：SEO技術バイブル
SEOを意識したコーディングを行いたい人はぜひ読むとよいでしょう。
多くの会社は売り上げを立てるためにWeb制作を行うため、マーケティング領域にあるSEOができるWeb制作者になるのは価値が高いことです。
- 構造化マークアップ
- AMP対応
- 高速化技術
など、Progateや普通のWeb制作本を読んでても出てこないものを学ぶことができます。
本の情報
| 名称 | 現場のプロから学ぶ SEO技術バイブル |
| 価格 | 単行本 3,278円 Kindle版 2,950円 |
| 発売日 | 2018/7/26 |
| 出版社 | マイナビ出版 |
②：沈黙のWebマーケティング
初めに断っておくと、SEO対策だけの本でもないし、Web制作だけの本でもありません。Web制作とは切っても切り離せない《Web集客》の全体像がわかる本です。
Web集客の全体像を知れる“網羅性”もこの本の魅力なのですが、なんといっても、漫画風にWeb集客が学べる点が超魅力的です。
Web制作はWeb集客の一部でしかありません。そのため、全体像であるWeb集客を知っておくべきだと考え、紹介しました。
本の情報
| 名称 | 沈黙のWebマーケティング —Webマーケッター ボーンの逆襲— |
| 価格 | 単行本 2,420円 Kindle版 2,200円 |
| 発売日 | 2020/9/24 |
| 出版社 | エムディエヌコーポレーション |
③：沈黙のWebライティング
シリーズもののもう一方もご紹介。こちらはWebライティングに関する記事です。
SEOライターを1年半とWeb制作を半年以上やっている僕ですが、「SEOは、コーディングよりWebライティングの方が比重が高いだろう」と考えています。
これは両者を少しでも知っているからこそ言えると思っています。
しかし、片方しか知らないWeb制作者の場合、クライアント様からのSEO対策に関する無理な要求を飲んでしまう可能性があると考えています。
そうなるとちょっと厳しいので、Webライティングの重要性も知っておいた方がよいかなと考え、紹介しました。
本の情報
| 名称 | 沈黙のWebライティング —Webマーケッター ボーンの激闘— 〈SEOのためのライティング教本〉 |
| 価格 | 単行本 2,200円 Kindle版 1,980円 |
| 発売日 | 2016/11/1 |
| 出版社 | エムディエヌコーポレーション |
デザインを学べるおすすめ本2選
僕はサブ的にWebデザインを行っています。メインはコーディングですが、Webデザイン案件も数件こなしたことがあります。
そのため、サブ的にWebデザインをしたいと考えている人にはおすすめの本をご紹介できると考えています。
①：ノンデザイナーズ・デザインブック
この本はデザイナーではない人のために作られたデザイン本です。
4つのデザイン法則を提示してくれて、その事例や使い方を豊富に紹介してくれます。
この減速を抑えるだけでデザインのクオリティが高まります。
本の情報
| 名称 | ノンデザイナーズ・デザインブック [第4版] |
| 価格 | 単行本 2,398円 Kindle版 2,158円 |
| 発売日 | 2016/6/30 |
| 出版社 | マイナビ出版 |
②：インタフェースデザインの心理学
心理学の研究結果を紹介し、その後に、Webデザインへの落とし込み方を紹介してくれるインテリっぽい本です。
素敵なデザインとかカッコイイデザインにはとどまらず、《目的を完遂できるデザイン》をつくれるため、個人的には好きです。
続編も出ていますのでよければ見てみてください。
本の情報
| 名称 | インタフェースデザインの心理学 ―ウェブやアプリに新たな視点をもたらす100の指針 |
| 価格 | 大型本 3,080円 |
| 発売日 | 2012/7/14 |
| 出版社 | オライリージャパン |
まとめ
この記事では、
- 学習サービスがメイン、本はサブがよい
- Web制作者におすすめの本11選
をお伝えしました。
この記事ではHTML・CSS、jQueryなどができることを前提にお話ししました。
もし、どの言語が何をできるのかがあやふやな方は下の記事をお読みいただくことをおすすめします。
https://kaki-lab.org/webproduction-language/
最後までお読みいただきありがとうございました！
