web制作会社+個人でも制作している僕がオススメするweb制作について勉強できる教本を紹介します！
これからフロントエンドエンジニアになりたい、HTMLコーダーになりたい、web制作で副業したいなどこれから勉強する方は参考にしてみてください。
web制作の勉強にオススメする書籍
HTML・CSSを勉強したい方向け
・1冊ですべて身につくHTML & CSSとWebデザイン入門講座
WEB制作をやっていたら１度は見たことがある「Webクリエイターボックス」の人が書かれている書籍です。
個人的には、Progate１周したけどどうしよってあとぐらいにやってみるといいかもしれません。
・HTML5&CSS3ステップアップブック
HTMLとCSSで最低限レイアウトできるようになったら、これでさらにステップアップ！
自由度の高いグリッドレイアウトができるようになります。
現状肌感では、まだflexboxでレイアウトを整えることが多いですが、グリッドも覚えるとタイル状のギャラリーや複雑なレイアウトを組むことができるようになります。
「display:grid」を使っているサンプルが多いので、flexboxしか使ってない人も読んだほうが良いと思います。
IEをもう気にしなくていいと思うので、今後さらに活用が増えていきそうな「display:grid」を使えるようになりましょう！
CSS設計
・CSS設計完全ガイド ～詳細解説＋実践的モジュール集
「PRECSS」を作られた方の書籍です。
これを読んでおけば間違いない・・・と思っています。
・Web制作者のためのCSS設計の教科書
CSSは書けるけど、CSS設計ってなんぞやって方は一回読んでほしい。
「予測しやすい」「保守しやすい」「再利用しやすい」「拡張しやすい」を意識して書く必要があります。
webサイトは作ってから修正や変更が発生します。
作ったあとも破綻しないCSSを目指しましょう・・・！
Sass
・Web制作者のためのSassの教科書
最近生のCSSだけで書いてあるサイトをあまり見かけなくなりました。
制作会社に働いている中でもみんなSass。
いまのweb制作ではもう必須と言っても良いかもしれません。
この本では、Sassとは何なのかどうやって使えば良いのか、詳しく説明されています。
生のCSSで書くよりもより便利にCSSを書けるので、ぜひ制作に取り入れてみてください。
WordPressをテーマ作成
・WordPressオリジナルテーマ制作入門
WordPressのオリジナルテーマの作り方がわかる一冊。
既存テーマを使えば、簡単におしゃれなサイトが作れますが、web制作において完全オリジナルのWordPressテーマ作成は必須といえます。
自分だけのWordPressオリジナルテーマ、お客さんのwebサイトをWordPressのオリジナルテーマで！という方は、ぜひ読んでみてください。
Vueを学ぶ
・Vue.js3超入門
Vueを学ぶ際に、バージョンがあります。
バージョンによって書き方が変わる部分があるので、今勉強するのであればVue3一択！
Reactを学ぶ
今のトレンドとしては、VueよりもReactのイメージがあります。
どちらか好きな方を学べば良いと思います！
・作って学ぶ Next.js/React Webサイト構築
Reactの中でも人気の高いNext.jsをサイトを作りながら学べる一冊。
