Web制作歴10年の経験を持つWebデザイナーが、これまでに実際に役に立ったおすすめのWeb制作書籍をご紹介します。
私自身、50冊以上のWeb制作に関連する書籍を読みんできましたが、Webの業界では古い情報では現場では通用しないこともあります。
そのため、最新かつ実践的な情報を重視し、現場で即座に活用できる書籍を厳選しました。
皆様のスキルアップの役に立てれば幸いです。
INDEX
HTML
1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版]
HTMLだけでなく、Web制作そのものを習得できる書籍。
日販売上げランキング: HTML関連書籍、2019-2024年、5年連続、売上第1位ということもあって、とても内容がわかりやすい。
なおかつモダンな技術が学べるので、初心者から、技術の振り返りをしたい中級者まで、全員が一度は読んだ方が良い書籍。
武器になるHTML
この書籍はHTMLに特化しており、HTMLタグの使い方が詳細に説明されています。
特徴としては、ハンズオンでサイトを作っていくことが目的ではないため、HTMLを適切に使う方法を知りたい方向けの書籍です。
ある程度コードが書けるようになって、Webサイトの土台であるHTMLを深く学びたいという方にはとてもおすすめです。
CSS
CSS設計完全ガイド ~詳細解説+実践的モジュール集
CSS設計に特化した内容で、おそらく私にとって一番役立った書籍です。
この書籍では、さまざまなCSS設計の手法から始まり、特にクラス名の付け方に焦点を当てています。
一般的にCSSは見た目を整えることが主眼に置かれがちですが、CSS設計を理解することで、コーディング自体の楽しみが大きく広がりました。実際、一時期は毎日この書籍を読んでいたほどハマってました。
ぜひCSSを書くすべての人におすすめしたい内容です。
【特典PDF付き】現場のプロから学ぶ CSSコーディングバイブル
この書籍では、コーディングにおける考え方から始まり、現代では不可欠となっているCSS設計の概念や、Sassを利用したコーディング方法まで、CSSコーディングのすべてを網羅しています。
CSSコーディングをより効率的に行いたい人におすすめの書籍です。
JavaScript
1冊ですべて身につくJavaScript入門講座
Web制作で使用するJavaScriptに特化した書籍です。
JavaScriptの書籍はWeb制作だけでなく、他の利用シーンを想定した書籍が多い中、この本はWeb制作で使えるJavaScriptが学べる数少ない書籍です。
すべてのWeb制作者におすすめできる内容です。
スラスラ読める JavaScriptふりがなプログラミング 増補改訂版 ふりがなプログラミングシリーズ
JavaScript初心者向けに、わかりやすさを重視した書籍です。
JavaScriptはHTMLやCSSに比べて難易度が高く、初学者が挫折しやすい言語です。その原因は、どこで使うのか理解しづらいテーマが扱われていたり、学習の難易度が高いことです。
この書籍は、挫折せずにJavaScriptを理解したい初学者におすすめの内容です。
WordPress
WordPressオリジナルテーマ制作入門
WordPressでオリジナルテーマを作成する方法に特化した書籍です。
このブログも、ほとんどこの書籍を参考にして制作しました。
WordPressでオリジナルテーマを作成したいと考えている方におすすめの書籍です。
HTMLサイトをWordPressにする本
こちらもWordPressでオリジナルテーマを作成する方法に特化した書籍です。
書籍購入者には特典として、デザインデータや応用編の教材などが提供され、お値段以上の価値が得られます。
さらに、近年のWordPressではブロックエディターの進化が速いため、できるだけ新しい教材を手に入れることをおすすめします。
Git
サルでもわかるGit入門
Git初学者向けの書籍です。
Gitは現在のWeb制作においてほぼ必須のツールとなっていますが、一人で学習する上では少し敷居が高いと感じることがあります。
まずはGitについて理解したいという人におすすめの書籍です。
テキストエディター
Visual Studio Code完全入門 Webクリエイター&エンジニアの作業がはかどる新世代エディターの操り方
VS Codeエディターの使い方に特化した書籍です。
VS Codeに関する書籍はいくつかありますが、多くはWeb制作以外のエンジニア向けの内容が主流のため、この書籍は、Web制作を行う方に特におすすめです。
フロントエンド
フロントエンドの知識地図—— 一冊でHTML/CSS/JavaScriptの開発技術が学べる本
現代のフロントエンド技術が包括された書籍です。
最新の技術を使用して制作を行いたいエンジニアに特におすすめの書籍です。
ディレクション
イラスト図解式 この一冊で全部わかるWeb制作と運用の基本
Webサイトの設計から開発、運用までのすべての工程を理解できる書籍です。
コーディングに直接関係しないかもしれませんが、Webサイトを作成する前後の工程を理解しているかどうかによって、コーディングのクオリティに大きな差が生じます。
単に作るだけでなく、Webサイトを活用できる製作者になるためには必須の書籍です。
WEBデザイン
Webデザイン良質見本帳[第2版] 目的別に探せて、すぐに使えるアイデア集
Webデザインのアイデアに特化した書籍です。
デザインに関する知識とアイデアは、コーディングにおいても重要です。
作成するだけでなく、自らアイデアを発信することで、Web制作のクオリティをさらに向上させることができます。