初心者向け

Web制作におすすめの本(書籍)を現役エンジニア目線で6冊紹介!

2022年11月28日

現役エンジニアをしています、HAYATEです。

この記事では、

・Websの勉強、何から始めたらいいか迷っている

・ホームページ制作のスキルをあげたい

・挫折しないWeb制作の学習本を知りたい

という方のために、Webサイト制作におすすめの書籍を紹介します。

私は「書籍」を使って独学でWeb制作を勉強しました。

なかには合わなくて、挫折しそうになった書籍も多くありました。

失敗しながらの試行錯誤の末、

・初心者ならこの書籍で勉強すれば間違いない!

・確実にレベルがあがる!

という書籍を超厳選して紹介させていただきます。

基礎学習はサラッとして、早めにサンプルコード学習に移ったほうが成長が早いと思っています。

なので、この記事では、「最短で効率的に、そして挫折しない」基礎学習が出来る本を選ばせていただきました。

HAYATEが読んで「本当に良かった!」という本も紹介します




初心者の最初の一冊は、これで間違いなし!!編

デザインの学校 これからはじめる HTML & CSSの本

HTMLとCSSの基本が気軽に学べる本。

HTMLやCSSについて何一つの知識もなく、不安という人におすすめです。

この本は、基本が丁寧に解説されているだけでなく、

1ページに画像を大きく使い、文字はなるべく少なくシンプルに構成されているため、どんどん進むことが出来ます。


この1冊を完了するのは、そんなに時間がかかりません。

この本だけでマスターというところまでは難しいですが、

「まずはHTML/CSSを触ってみたい!」という方に特におすすめの書籍です。

1冊ですべて身につくHTML & CSSとWebデザイン入門講座

「最短でサイトを作れるようになりたい!」ならこの本で間違いないです。

一冊やると、HTML/CSSの基礎だけでなく、3パターンのWEBサイトが作れるまでになれます。

しかも、掲載されている3パターンのWEBサイトというのが、
「フルスクリーン、2カラム、タイル型」で、
まさに、現場でめっちゃ使うやつじゃ〜ん!と思いました。

初心者にはややボリュームが多いと感じるかもしれない点がデメリットです。

しかし、サイト制作時の辞書的な役割も果たせるので、1冊持っておいて損はないと思います!

これにWEBデザインの本も組み合わせたら最強です。

楽天ブックス
¥2,486 (2023/04/10 21:50時点 | 楽天市場調べ)

これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本

とにかくおしゃれなサイトが作りたい〜という方向けの本です。

徐々にステップアップしながら、サイト作りを学ぶことができます。


著者のお二人が、デザインがメインの会社をやっているだけあって、
本の中で作成するサンプルサイトは、全てお洒落で「早く作りたい!」となるでしょう。

デザインについても、ワイヤーフレーム設計(これ、大事なのにやらない人多い)や
ペルソナ設定や色の与える印象など詳しく触れています。

サイト制作だけなく、WEBデザインも学びたい人向けですね!

基礎学習が終わって、レベルアップしたい人向け書籍

HTML/CSSの基礎がわかったら、
関連するこれらの技術も学んでみましょう。

HTML/CSSの次に学ぶもの2選

  1. Javascript
  2. WordPress

Javascriptは、
サイトに"動き"をつけたり、ゲームを作ったり出来る言語です。

WordPressは、
Webサイトを簡単に、効率的に作ることが出来るツールです。
当ブログはじめ、多くのサイトやブログはWordPressで作られています。

スラスラわかるJavaScript 新版

Javascriptという言語だけでなく、プログラミングの基礎から学ぶことが出来る本です



最後にサンプルコードがあり、手を動かしながら学ぶことも出来ます。

説明が分かりやすく、内容も網羅しているのですが、サンプルコードは少ししかありません。

初学者の方は、「スラスラわかるJavaScript 新版」で基本を抑えて、
ネットや別の書籍でサンプルコードを探して実践するという流れがいいかもしれません。

楽天ブックス
¥2,640 (2023/04/10 21:52時点 | 楽天市場調べ)

WordPressレッスンブック 5.x対応版

ごめんなさい、この本には、本当に感謝しかありません…!

いろいろなWordPress本を試して、この本でようやく理解出来ました。

WordPressを初めて触る方は、この本一択です。

簡単かと言われれば、少し理解しにくかったり難しいところもあります。

でも、WordPressの仕組みをしっかり理解できるので、
実際のお仕事でトラブルが起きてもすぐに対応できるし、
多少の無理難題も、自力でなんとか出来る力が身につきます。

今後Webサイト制作を仕事にしていきたい方向けです!

楽天ブックス
¥2,860 (2023/04/10 21:52時点 | 楽天市場調べ)

デザインも学んでみたい人は…

最後に、デザインやUI(利用者が使いやすいデザイン)を学びたい方向けの本を紹介します。

なるほどデザイン

WEBデザインも極めたい!という初心者におすすめの本です

WEBサイトはもちろん、ゲームもアプリも、
利用者が直感で目的を達成出来るようにデザインする必要があります。

またターゲット層に刺さるデザインにしなければ、意味がありません。

デザインは深くて、僕も絶賛勉強中ですが、
この本の内容はデザインの本質だなと感じます。

楽天ブックス
¥2,200 (2023/04/10 21:53時点 | 楽天市場調べ)

本は最強のメンター!3000円で一生のスキルを手に入れよう

プログラミングは、学習に高いコストをかけるイメージがありますが、

そんなことはありません。

本なら、1冊2,000円から一生のスキルを身につけることが出来ます。

ハズレの書籍も多くありますが、ここで紹介した本なら間違いなく「アタリ」の本だと思っています。

1冊やりきるときには、見える世界が全く違っていると思いますので、ぜひ「まずは1冊」挑戦してみてください。

以上、WEBサイト制作でおすすめの書籍でした〜!!

相談・質問を募集しています。

記事に関する相談・質問を募集しています。

是非この機会にどうぞ
コメントでの質問も大歓迎です!

ハヤぶろぐのLINE@登録はこちら


メールの方はこちら




-初心者向け