初心者からちゃんとしたプロになる HTML+CSS実践講座

著者名：相原典佳/草野あけみ/サトウハルミ/塚口祐司

エムディエヌコーポレーション（2020/08発売）

• ISBN：9784295200215

内容説明

【1日30分からはじめる！ 制作現場の実践的コーティング】

本書は、HTML・CSSの基本をひと通り身につけた方を主な対象に、制作現場でプロとして活躍するために必要なWebコーディングの技術を解説したものです。

HTML・CSSのコーディング初心者を脱して間もないレベルと、制作現場の第一線で活躍できる技術レベルの間には、当然ですが大きなギャップがあります。本書は、このギャップを少しでも埋められるような内容を目指しました。

全7章構成の前半では、テキストエディターの設定、Node.jsやGulp、バージョン管理システムの導入といった効率的な開発環境を構築・整備する方法とともに、フロントエンド技術周辺の必要知識を解説。より効率的にコーディングするための環境を整えていきます。

後半では、デザインカンプやWebサイトを題材に、現場の実践的なコーディングを学んでいきます。Webページのレイアウトを「コンポーネント」単位で捉える視点を身につけ、事前のマークアップ設計やCSS設計を行った上でコーディングを進めるノウハウを習得できます。解説及びサンプルには、BEMやSass（SCSS記法）、初歩的なVue.jsを取り入れました。

〈こんな方にオススメ〉
・制作現場のプロで活躍するコーディング技術を学びたい方
・HTML・CSSの基本を習得したあと、ステップアップしたい方
・フロンエンドの開発環境に関する知識を身につけたい方

〈本書の特長〉
・1冊で、理論（読むパート）と実践（作るパート）の両方を習得できる
・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい
・作りながら覚えることで、学んだことをすぐに実践できる

〈本書の内容〉
■Lesson 1　現場のコーディングとツール
■Lesson 2　フロントエンド技術の“いま”
■Lesson 3　開発環境の構築
■Lesson 4　カンプからのコーディング設計
■Lesson 5　BEMを使ったCSS設計
■Lesson 6　Sass（SCSS）を取り入れる
■Lesson 7　Vue.jsを取り入れる

感想・レビュー

※以下の感想・レビューは、株式会社ブックウォーカーの提供する「読書メーター」によるものです。

[ki-luck]

カラーで分かり易いが、内容は難しい。これが本業の人たちがやってることか...と遠い目をしたくなる。ただ、146ページからは実際のWebサイト構築内容になっており、プロの構築方法を参考にしながら組めるのは良い。一通り構築し終えたら、再度読み直したい。

2021/01/02