ざっくりつかむ CSS設計

著者名：高津戸壮

マイナビ出版（2021/12発売）

• ISBN：9784839977665

内容説明

●本書の構成
本書はトピックごとに分かれた短い24の章で構成されています。

第1回　CSSを書くということについて
第2回　CSS設計が無いと困ること
第3回　とりあえずBEM
第4回　BEMのB = Block
第5回　BEMのE = Element
第6回　BEMのM = Modifier
第7回　BEMその他
第8回　SMACSS: Baseルール
第9回　SMACSS: Layoutルール
第10回　SMACSS: Themeルール
第11回　ユーティリティクラス
第12回　名前空間的接頭辞
第13回　Block間の余白の設計: 前編
第14回　Block間の余白の設計: 中編
第15回　Block間の余白の設計: 後編
第16回　プロジェクトの中でうまく立ち回る
第17回　スタイルガイドのススメ
第18回　ビルドしてCSSを作る: 書いたCSSはそのまま使わない
第19回　ビルドしてCSSを作る: Sass
第20回　ビルドしてCSSを作る: Autoprefixer
第21回　ビルドしてCSSを作る: PostCSS
第22回　もっとコンポーネント: 汎用的なBlock、限定的なBlock
第23回　もっとコンポーネント: Blockの入れ子
第24回　ユーティリティファースト

●対象とする読者
「この本の読者として想定したのは、フロントまわりの実装を主業務とする会社に入ってきた、新しいメンバーである。新しいメンバーと言っても、すでに高いスキルを持っているような人物は想定していない。まだWebの技術にそこまで詳しくはなく、これから開発のスキルを高めていこうと考えているような人物を想定している。そのような人に対し、実務で覚えろ、経験だと丸投げするわけにはいかない。
この能力は単純に何かを暗記したり、仕組みを理解するだけでは成り立たない部分がある。なので、とりあえず参考書としてこの本を読んで下さい。そう言って渡したい内容をまとめたのがこの本である。

・こういうことを知っていてくれたら、仕事を頼む側としてはすごい助かる
・こういうことを知っていたら、きっとあなたはCSS設計を行う役割として、周りと適切にコミュニケーションをとっていける

そんな内容にしたいと考えた。」（著者「はじめに」より）

長らくWebサイト制作／アプリケーション開発の現場に身を置いてきた著者が、その経験を踏まえてまとめた本書を、ぜひご活用ください！

感想・レビュー

※以下の感想・レビューは、株式会社ドワンゴの提供する「読書メーター」によるものです。

[おはじき]

同カテゴリの『CSS設計の教科書』よりかみ砕かれていて分かりやすい。そもそも設計思想がなぜ必要なのかという点も、当事者として受容してきた雰囲気などもを伝えてくれるので分かりやすい。どこまで設計思想にのっとるべきかなど、抽象的で誰もが躓くであろうところも先に疑問をつぶしてくれてどこまでがコーダーの任意なのかという点をきちんと示してくれている。初学者はCSS設計についての本はこちらから入ったほうが良いかも。

2025/02/19

[まどぎわ]

タイトル通り、BEM等の著名な思想、CSS設計における勘所、ビルド周り、ユーティリティファースト等をざっくり掴める内容だった。全体像が改めて見えて勉強になった。

2024/06/10

[mopinfish]

サーバサイドエンジニアですが、フロントエンドのCSS設計の考え方をつかむのにとてもよかったです。基本的な考え方やBEM、SMACSSなどの設計手法、レイアウトの基本やモジュールの分け方など、フロントエンドエンジニアやデザイナとコミュニケーションするために必要な考え方や用語をインストールするのにちょうど良い本でした。

2022/12/16