Predictable 予測しやすい Reusable 再利用しやすい Maintainable 保守しやすい Scalable 拡張しやすい 参考:https://philipwalton.com/articles/css-architecture/ CSS設計の必要性 コスト削減 実装者の単価を減らせる 実装工数を減らせる 既存のコンポーネントを使うことで工数を減らせる デグレが起きる確率が減り改修工数を減らせる 部分的な改修を行うことで並行して実装ができる 観測した限りのCSS設計 OOCSS オブジェクト指向 Bootstrap BEM(MindBEMding) シングルクラスにする命名規則 SMACSS OOCSSやBEMなどから影響を受けている Base、Layout、Module、State、Themeのカテゴリーから構成される MCSS(Multilayer CSS) OO
![開発体制に合わせたCSS設計 | 吉川ウェブ](https://cdn-ak-scissors.b.st-hatena.com/image/square/d8bd9bae51b1226974be75fec9438ce09a2dffed/height=288;version=1;width=512/https%3A%2F%2Fyoshikawaweb.com%2Fw%2Fwp-content%2Fuploads%2Fcss-structure.png)