Web制作者のためのCSS設計の教科書 の商品レビュー

谷拓樹(著者)

2022/01/24

CSS設計について、調べても断片的知識しか得られていない感覚があったため、体系的に学習したく購入。様々な設計方、設計に係る考え方が非常にわかりやすく学習出来ました。
Sassのファイル設計についても学習したいので、別の著書も購入しようと思います。

2020/11/21

web作成を趣味としているが、cssがどうしても冗長化したり、スパゲティになってしまうことが多々あった。この本は、そんな悩みに指針を与えてくれる。cssをある程度使っていて、キレイなコードを書きたい人にオススメの本。

2020/02/28

CSS設計の基本となる考え方について勉強できたのでよかった。
以下のような事柄について書かれている。
### 良いCSS設計の特性
- 予測しやすい
- 再利用しやすい
- 保守しやすい
- 拡張しやすい
の特性を持つこと。

### 破綻しやすいCSS
- HTMLの構造に依存している
- article h1 { color: red; }とか。
- スタイルを取り消している
- 一度定義したルールを `0`や `none` などでリセットしているとか
- 絶対値を多用している

詳細度
1. !important
2. インライン記述(style属性)
3. IDセレクタ
4. クラスセレクタ・属性セレクタ・擬似クラス
5. 要素セレクタ・擬似要素
6. ユニバーサル・セレクタ

コンポーネント設計のアイデア
- OOCSS(Object Oriented CSS)
- SMACSS(Scalable and Modular Architecture For CSS)
- BEM(Block, Element, Modifier=変更)
- FLOCSS(フロックス)

2020/02/12

今までなんとなくで書いていたFLOCSSについての理解を深めることができた。

3回同じパターンが来たらコンポーネントを考えるを基準にCSSの設計をしていこうと思う。

CSSガイドラインを作る時にとても役に立つ知識
繰り返し読む

2019/04/29

CSSを触ることがある人は必読。今後自分でサービスを作るにしても、組織にジョインするにしても、それぞれ何かしらこの本で紹介されているCSS設計がベースになっているはず。OOCSSはどの設計においてもベースになっているし、BEMに関しては命名規則としてその地位を築いている。多少の違いはあれど、基礎は押さえておくべき。この本はその紹介をわかりやすくしており、理解しやすい。CSS初学者よりも、毎日CSSを書くベテランの人こそ目を通しておくべきである。書かれた当時はそうではなかったが、Ch7のWebコンポーネントに関しては、すでに実現されているので軽く流すくらいで良いだろう。Ch3が肝である

2019/01/12

インターネットを見るのが、PCだけでなくスマートフォンやタブレットなど多様になり、Web作成の方法も、大きく変化しています。
モダンWeb開発、レスポンシブWebデザインを勉強しようと思いたち、この本を手に取りました。

HTML5とCSSとJavascriptを組み合わせれば、新しいWebサイトが簡単に作れると思ったのに、CSSを扱うのがいかに大変か、本書を読んで驚きました。

個人や小さな仕事用のWebサイトを作るだけなので、複雑なことをやる必要はないけれど、CSSを扱う時の注意事項が少しわかりました。
他の本を読む時も、そこを押さえているかチェックできると、応用もやりやすいと思います。

内容と目次・著者は

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

内容　：
コンポーネントやCSSプリプロセッサを意識した設計・管理の実践など、「ちゃんとCSSを書く」ためのプロの考え方を徹底解説。
自身の経験から生まれた、OOCSSやSMACSS、BEMなどのプラクティスを紹介する。

著者　：　谷 拓樹
株式会社サイバーエージェントフロントエンドエンジニア。
コミュニティサービスの開発、UIデザイン、テクニカルディレクションを担当。

2016/03/09 　予約　3/15　借りて読み始める。3/16　ざっと読み終わる。

2018/11/17

BEMの習得のために読んだ。ある程度大きい規模にならないと、コンポーネント化の恩恵は受けられなさそう。

2017/06/25

Webデザインをやるうえで欠かせない技術であるCSSをどのようにして設計するかについて書かれています。いろいろな設計パターンが紹介されていますが、いずれもHTMLのDOM要素をうまくコンポーネント化しようとする努力が払われています。フロントエンドに携わる人には実務に直結する知識です。ちょうど知りたいことが書かれていて良かった。次代のWebフロント技術として策定が進んでいるWeb Components構想も興味深い。

2017/01/31

CSSのデザインパターンのようなことが、たくさんあったけど、CSS初心者の僕には何がすごいのか、よくわからなかったです。

2023/10/27

「Web制作者のためのCSS設計の教科書　モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法」谷拓樹　★★★★☆

通称「メロン本」というらしいです。大変良書です。
CSSって簡単すぎてカオスになります。現に私のシステムもカオス。。。。
最初にこの本を読むことで、ある程度統一したルール付ができて整理できるようになります。
「-」と「_」の使い分けとか、意味まで記載しており大変有益でした。
著者が推奨するFLOCSSに関してももう少しボリュームがあってもいいように感じますが、すべてのWeb開発者が読むべき１冊だ！