現在もWeb技術の中でCSS設計手法は、幾度となく議論されています。 そして、先日新たにMOCSS(モックス)という設計手法が誕生しました。 そもそも、CSS Modules、OOCSSやBEM、SMACSS、FLOCSSなどの設計手法が、なぜ必要なのか知る必要があります。 Webサイトや今流行のSPA(シングルページアプリケーション)はモジュールやJavaScriptウィジェットが集合して成り立っています。 WebサイトやSPAの作成中にモジュール間でCSSが競合したり、ウィジェットがウィジェットを侵食しないように、一定のルールが必要になります。複数のデベロッパーがそれぞれ違う思想でスタイリングを行ったり、クラスやidなどのセレクタ名を定義し始めてしまうと、完成した後の運用効率が著しく低かったり、いつまでもお互いのコードを上書きしあって完成しないなんてことにもなりかねません。 そのため、
![新たなCSS設計思想 MOCSS の登場 | フロントエンドBlog | ミツエーリンクス](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ceaf21013a12265b1676f25bf6c0621a5a022d5/height=288;version=1;width=512/https%3A%2F%2Fwww.mitsue.co.jp%2Fassets%2Fimg%2Fog%2Fimg-default.png)