おすすめの CSS 設計はありますか?

どれも一長一短なので適宜使い分けていくと良いでしょう。
2021年9月8日
ユーザー

こんにちは。
最近 CSS 設計というものがあると初めて知りました。
ドットインストールでは、どの CSS 設計をもとにクラス名を付けているのでしょうか。
また、なぜそれを選ばれているのでしょうか。

クラス名を考えるのにとても苦労しています。もし、よろしければ参考サイトや書籍を教えていただけないでしょうか。

スタッフ

こんにちは。ご質問ありがとうございました。

最近css設計というものがあると初めて知りました。
ドットインストールでは、どのcss設計をもとにクラス名を付けているのでしょうか。
また、なぜそれを選ばれているのでしょうか。

こちらの件ですが、ドットインストールのレッスンでは CSS 設計を(現時点では)採用しておりません。

CSS 設計はどれも一長一短であり、業界内でも「これが決定版!」というものが出てきていない状況だと思います( CSS 自体がバージョンアップするのを待っているようなところもありますね...)。

そのような状況であるのと、CSS 設計はご指摘のとおり、考え始めると名前をつけるのにとても苦労するため、個人的には最初はあまり悩まずにえいや!で決めてしまって、困ったら治す、でいいかなと思っています。

クラス名を考えるのにとても苦労しています。もし、よろしければ参考サイトや書籍を教えていただけないでしょうか。

書籍については

https://www.amazon.co.jp/dp/B00M0ESXUI/

https://www.amazon.co.jp/dp/B0856YMH7L/

の評判が良いようですね。自分でも読んでみましたが、CSS 設計がなぜ提唱されるようになったか、どのような手法が生まれてきたのか、といった歴史を知ることができて勉強になりました。

ただ上述のように「どのような場合でもこれがベスト!」という手法はまだ出てきていない状況なので、ある程度の基礎知識は踏まえつつ、プロジェクトごとに臨機応変に使い分けていく必要があるのかな、と思います。

以上、参考にしていただければ幸いです。上記でわからない点、ピントはずれの回答をしてしまった場合はコメントいただければ助かります。

ユーザー

ご回答ありがとうございました。
特に CSS 設計にこだわらなくてもいいんですね。
名前は、数をこなして定着させていこうと思います。

紹介していただいた本は試し読みをしてみます。

丁寧にご回答いただきありがとうございました。

この質問はユーザーによって解決済みになりました

このレッスンの質問と回答(161)