Web制作者のためのCSS設計の教科書

谷拓樹

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

「予測しやすい」「保守しやすい」「再利用しやすい」「拡張しやすい」CSS設計の教科書が登場!コンポーネントやCSSプリプロセッサを意識した設計・管理の実践など、「ちゃんとCSSを書く」ためのプロの考え方を徹底解説。「セレクタが複雑になってしまう……」「オブジェクト指向CSSってなに?」「考え方はわかったけど、どう組めばいいの?」そんな人のバイブルになるのが、この本です。破綻しやすいCSS、セレクタのリファクタリングなどの基本から、OOCSS、SMACSS、BEMなどのコンポーネント設計のアイデア、実際によくあるパターンのコードの組み方までを丁寧に解説。また、注目されはじめた「Web Components」についても説明します。

• カテゴリ: ビジネス・実用
• ジャンル: IT・コンピュータ / 全般
• 出版社: インプレス
• ページ数: 216ページ
• 電子版発売日: 2014年10月15日
• コンテンツ形式: EPUB
• サイズ(目安): 69MB

[ブクログ · ★★★★★]

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

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

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

[ブクログ · ★★★★★]

CSS設計の基礎から実践のヒントまで一続きに全体を理解できる良書でした。ちょうどいい厚さ。何故CSSに設計が必要なのかという理由からOOCSS,SMACSS,BEMなど話題になったCSSの設計のコンセプト、よくあるコンポーネントを例にした実践方法、ちょっと先の未来に来るであろうWeb Componentsまで知ることができます。Sassを使う場合やスタイルガイドの話まで載ってるので、これ１冊で最近のCSS周りのトレンドは大体把握できそう。
CSS設計の考え方はいくつか出ているけど、単体で細切れに紹介されているわけではなく、それぞれの特徴や似ている部分（例えば、SMACSSでいうところの○○はBEMの○○の位置づけ～みたいなこと）にも言及されていたので分かりやすかった。
知らないツールや記事もたくさん紹介されていたので、それだけでも参考になりました。最初からコンポーネント化を目的にしない、プロジェクトに合った設計を、というのには納得なのですぐに全部を取り入れることはできないかもしれないけど、まずは命名規則やルールの分離からでも始めてみようかな。

[ブクログ · ★★★★☆]

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

[ブクログ · ★★★★☆]

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

[ブクログ · ★★★★☆]

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

[ブクログ · ★★★★☆]

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

[ブクログ · ★★★★☆]

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

[ブクログ · ★★★★☆]

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

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

[ブクログ · ★★★★☆]

これまで、CSSってどういう状態ならきれいなのかどうかが全くわからず、どうしたものか〜と頭を抱えていました（そのあとCSSを触らなくなっていったのですが…）。そんなときに欲しかった答えがこの本にはありました！
漠然とclassセレクタを使いまわしていたりはしていたのですが、この本にはなぜ使い回すのかが理論から実際のコードまで示されていて、とてもよく納得できました！
基礎知識として読んでおくだけでなく、実際にCSSを書いているときにもそばに置いておきたい本です〜！

[ブクログ · ★★★★☆]

最近のCSSのコーディンぐ技法について網羅
CSSはセレクタなどがグローバルとなるため、巨大で長期的な文書やWebサイトを管理する際には、保守が問題となる。これを防ぐためのテクニックについて、最近の手法などが多数紹介されている。

大まかには以下２点の原則を元に、classの命名規則の手法や使い分けなどについて説明している。
* 変化に対応しやすくするために、タグでなくclass属性で指定すること。
* 派生関係などがわかるように、classの命名規則を設けること。

このような最近のCSSの動向について網羅されていて参考になった。本自体もカラフルでみやすかった。