ざっくりつかむ CSS設計

著者 : 高津戸壮

• マイナビ出版 (2021年12月23日発売)

作品紹介・あらすじ

Web開発が複雑化した現在、CSSについても仕様や知識を知っているだけでは対応できない問題が増えています。
破綻しないCSSを組むには、どのように考えて設計すればよいか？　デザイナーや他の開発者と連携する場合のルール作りは？　ReactやVue.jsを使ったWeb開発の案件の場合はどうしよう？　Sassなどを使ってビルドする場合は？　……などなど。
本書は、これからWebサイト制作・開発の現場に入る人や、現場で悩んでいる人を対象に、CSSの設計についてわかりやすく解説するものです。
BEMやSMACSSといった設計手法、余白の設計、スタイルガイド、SassやAutoprefixer、PostCSSなどを使ったビルド、ユーティリティファーストという考え方。
Web制作・開発に多種多様な選択肢がある中で、プロジェクトの要件と状況に応じて最適なCSS設計を導き出すための「思考」を鍛える内容となっています。

感想・レビュー・書評

[ともさんの感想 · 2023年2月12日]

非常に読みやすかった。CSS設計手法はいろいろあるけど、なんにでも使える万能なものはなく、一長一短で場面に応じて使い分ける必要があるというのは腑に落ちて納得できた。

[fraserlibさんの感想 · 2022年3月25日]

請求記号　547.48/Ta 55

[miyaさんの感想 · 2022年2月13日]

CSSにも最新の考え方があるのか
(それが必要な世界でもある)

[yoikaさんの感想 · 2022年2月13日]

CSSはかけるものの単純に要素にあてるスタイルを
外部ファイルに寄せているだけで、
しっかりと考えられたCSS設計ができていませんでした。

本書では、世界的に使用されているCSS設計の考え方
BEMとSMACSSにスポットをあて、
どのようにCSSを設計していくべきかが説明されています。

CSSはかけるけどなにが正しい書き方かわからない、
CSSの設計方法の基礎を学びたいと思っている方には
おすすめの1冊です。

著者プロフィール

高津戸 壮（タカツド　タケシ）
株式会社ピクセルグリッド　テクニカルディレクター
Web制作会社、フリーランスを経て、株式会社ピクセルグリッドに入社。数多くのWebサイト、WebアプリケーションのHTML、CSS、JavaScript実装に携わってきた。受託案件を中心にフロント周りの実装、設計、テクニカルディレクションを行う。スケーラビリティを考慮したHTMLテンプレート設計・実装、JavaScriptを使った込み入ったUIの設計・実装を得意分野とする。
著書に『改訂版 Webデザイナーのための jQuery入門』（技術評論社）がある。

「2021年 『ざっくりつかむ　CSS設計』 で使われていた紹介文から引用しています。」