つれづれとdoodle

気まぐれに更新しています。

今後はAtomic Designに基づくCSS設計が主流になっていく

と思っています。

こんばんは、kageko です。

 

会社で仕事をしていると思うことなのですが「今後のCSSアーキテクチャは、Atomic Designに基づく設計が主流になっていく」と思います。

 

実際に使用していて、便利なことしかなかったからです。

もちろん、デメリットもありますが、比重にかけたとき、メリットのほうが大きいです。

 

メリット

 

デメリット

  • コンポーネントの数が多くなればなるほど、管理ファイルが多くなる
  • 「どこまでをorganismにして、moleculeにするか」など、人によって設計のばらつきが見えてくる

 

が、実際に実装していて感じる、メリット・デメリットです。

 

ファイル数が多くなってくるのは、Atomic Designに関わらず、サイトが大規模になればなるほど、仕方のないことだと思います。

scssファイルを管理するのが嫌であれば、Vueの単一コンポーネントを導入するなどで、対策が可能であると思います。

 

また「人によって設計粒度が違う」は、共通の認識…ドキュメントを導入することによって、解決しますし、Atomic Designで実装すればするほど、感覚がつかめます。