今後はAtomic Designに基づくCSS設計が主流になっていく
と思っています。 こんばんは sushi-udon です。 会社で仕事をしていると思うことなのですが「今後のCSSアーキテクチャは、Atomic Designに基づく設計が主流になっていく」と思います。 実際に使用していて、便利なことしかなかったからです。 もちろん、デメリットもありますが、比重にかけたとき、メリットのほうが大きいです。 メリット コンポーネントごとにCSSをつけていくため、違うページで使われているコンポーネントも流用がしやすい。 コンポーネントの粒度を間違えても、比較的安易に修正が可能である。 デメリット コンポーネントの数が多くなればなるほど、管理ファイルが多くなる 「どこまでをorganismにして、moleculeにするか」など、人によって設計のばらつきが見えてくる が、実際に実装していて感じる、メリット・デメリットです。 ファイル数が多くなってくるのは、Atomic Designに関わらず、サイトが大規模になればなるほど、仕方のないことだと思います。 scssファイルを管理するのが嫌であれば、Vueの単一コンポーネントを導入するなどで、対策が可能であると思います。 また「人によって設計粒度が違う」は、共通の認識…ドキュメントを導入することによって、解決しますし、Atomic Designで実装すればするほど、感覚がつかめます。