WEBCRE8.jp > 使う > 現場のプロが教えるHTML+CSSコーディングの最新常識 — Webサイト制作フローをアップデートする本

現場のプロが教えるHTML+CSSコーディングの最新常識 — Webサイト制作フローをアップデートする本

この記事は約5分ぐらいで読めます

最新常識シリーズの4冊目、HTML+CSSコーディングの本が刊行され、書籍を頂いたのでレビューします。最近のWeb制作シーンで重要なこと全部入りです。

MdN様より、現場のプロが教えるHTML+CSSコーディングの最新常識知らないと困るWebデザインの新ルール4が刊行されました。この本は、Web制作のコーディング作業にまつわる様々な知識を最新版のものにアップデートするための本です。

今回は書籍をMdN様より頂きましたので、レビューさせて頂きます。本のレビューが続いてしまいましたが…w

現場のプロが教えるHTML+CSSコーディングの最新常識知らないと困るWebデザインの新ルール4

環境構築、基本から

本書で扱っているのは普段Web制作の仕事としてHTMLコーディングを中心に制作に携わる人たちが扱うであろう技術全般です。昨今ではコーディングといってもタスクランナー、Git、Node.jsなど、制作における周辺技術の利用も一般的になりつつあります。こうした技術の初期設定から、パッケージマネージャーやバージョン管理などを解説しており、これから今までのワークフローを改善する技術を身につけていきたいというニーズに応えてくれます。

様々なトピックをワークフローごとに分類して解説

また、HTML5の基本知識、Emmetなど、すでにコーディングにおいては既に基礎的とも言える技術についてもひととおりさらってあるので、一般的に使われている技術をもれなく拾うことができるでしょう。

学べるトピック

本書で扱っているトピックをざっと挙げると以下のような感じです。

Node.jsやRuby、仮想環境やバージョン管理、検証などのための環境構築
HTML5のカスタムデータ属性やマルチメディア対応、構造化データ
SVG、Canvas、Webフォントなどの組み込み
EmmetやSass、LESS、Stylus、タスクランナーなどのコーディング補助技術
CSSの主にアニメーションやトランジション、セレクターの解説
メディアクエリーを中心としたレスポンシブ周り
CSS設計、スタイルガイドなどのCSS利用手法
アクセシビリティーやパフォーマンスなど抑えておきたい前提知識
テンプレートエンジン、静的ジェネレーター、CSSフレームワーク

現在話題に頻出するようなモダンな制作手法、その運用のしかたをカバーしている内容だと思います。このシリーズはトピックごとにそれぞれ2〜4ページ程度に分割して解説しているので、索引から気になるトピックをさくっと読むという使い方でも役立ちますね。

感じたこと

特に気に入ったのはCSSアニメーションや、トランジションの解説に図入りでしっかりとページを割いて解説しているところです。他にもカスタムデータ属性やJSON-LDなど、個人的に気になっている技術に触れてあったのが嬉しかったです。JSON-LDについてはもうちょっと実例とか説明が欲しかったですw