CSS設計完全ガイドを読んでみました。
始めの投稿は実は別の記事を予定していたのですが、予定外に忙しくなってしまってまとめることが出来なかったので、まずはレビューのようなことをやってみようと思いました。
実はこのようにレビューを書くのも初めてのことなので緊張しますが、僕なりの意見も書きつつレビューしていこうと思います。今後もこのようなレビューがあるかもしれませんが、よろしくお願いします！
という事で最近読んだ本の方が感想としてもタイムリーかと思ったので、今回は『CSS設計完全ガイド』いう書籍を読んでみた感想です！
僕は仕事がらたまにHTMLコーディングをする必要性にせまられるのですが、昔ならHTMLだけで作られていましたが、今ではCSSの利用が当たり前になりました。
表現力も格段にアップしていますし、WEB製作にはなくてはならない感じです。
しかしCSS自体がどんな事ができるかなどはネットを調べればすぐに分かるのですが、意外と難しいのがCSSの管理方法というかルールというか、その辺が適当になりやすく規模が大きくなるにつれて問題が多くなってくるんですよね。
そんな事もあり、以前、似たような書籍を一冊読んだのですが、その本では数あるCSSでの設計手法を解説しているだけみたいな本で、そんなルールがあるんだとは思いましたが、それぞれの手法には癖もありルールブックのような感じであまり身にも付きませんでした…。
しかたなくその後もCSS設計に関しては僕も適当な感じを続けていたのですが、最近も引き継ぎ制作しているコンテンツのCSSが乱雑でやりづらかったこともあり悩んでいたところ、ネットでこの本が目に入り、レビューなどから他のCSS本とは少し違う？ という印象を受けたので思わず購入してしまいました。
そして買ってみて……正解だったと思いました！
なにより良かったのはこの本の作者の考え方などが随所に入っていることで、単なるルールブックを超えたノウハウ本のような感じになっているところです。CSS設計にはいろんな流儀というか考え方があるのですが、それらを噛み砕いて納得しやすい形で解説してくれています。
内容的には、様々なCSSの有名な設計手法である、OOCSS、SMACSS、BEM、PRECSSについて概要や考え方を説明しており、その中からBEMとPRECSSを中心に比較しながら設計方法を解説しています。
とくにPRECSSは著者が開発した手法のようで、その考え方についても著者ならではの情報が満載で面白いです。
網羅されている情報も過不足なくバランス良く感じます。とても読みやすい本でした。
CSS設計において必ず出てくるのが名付けルールなのですが、これは各手法で違いがあり、一長一短でどれが良いとは言い切れないのですが、その長所・短所などについても詳しく解説してくれています。
そしてそれらを考慮して考えだしたと思われる著者のPRECSSですが、読んで納得出来る考え方が多くて為になりました。
そんなPRECSSですが、個人的にひとつだけ気になったのは、クラス名の単語区切りに大文字を使っているところでした。それによって-（ハイフン）や_（アンダーバー）で区切る必要がなくなるので名前が短くまとまることについては納得で問題はまったくないんですが、なんとなく僕はHTMLでは小文字＋記号のイメージがあって、そのルールに違和感を感じてしまったのです。
とはいえ書かれていることに問題があるわけではないので、これは好みの問題だと思います。
またこの本の内容を参考に自分なりのCSS設計ルールを作るのも楽しそうかもしれないな、とか、そんな風に感じさせてもらえる良書だったと思います。
もしCSSの設計について悩んでいることがあったり勉強してみたいと思ったら、この本は本当にお薦めですよ！
こんな人にお勧め！
- 初めてCSSを使っているけどクラスとかセレクタとかの意味がいまいちわからない。またはしっかりと理解して取り掛かりたい。
- CSSでHTMLを組んでいるけど、クラス名や適用ルールなどがゴチャゴチャ。似たようなコードが続出する。
- CSS設計手法の書籍などを読んだがルールが堅苦しいだけでつまらなかった。結局使いこなせていない。
- CSS設計手法のルールだけでなく考え方やノウハウをちゃんと知りたい。
こんな人には向かない？
- とにかく強制されるのは嫌い。自由にやりたい。
- ページ数の多い本は苦手。細かい理屈はいらないので、掻い摘んだルールだけを知りたい。
- CSS設計手法は不要。CSSでどんな事が出来るかだけを知りたい。
- 各CSS設計手法をできるだけたくさんの種類、そして細かい内容を知りたい。ルールや定義だけを厳密に知りたい。
こんな感じで僕の初めてのレビューになりましたが、いががでしたでしょうか？ ご意見や質問、こんな事を書いたらいいよみたいなアドバイスなどがありましたら、是非、よろしくお願いします！
少しでもお役に立てたでしょうか？ これからもよろしくお願いします！
追伸：スパムコメントが多いのでコメントを不可にしました。今後どうするかは検討中です。