CSSもSassからCSS Modulesを経てstyled-componentsに移行中です。 今回は、「どうしてその技術を選んだか」という技術選定の経緯や、どのような規約で運用しているかをご紹介します！

Next.jsのCSS Modulesは、コンポーネントごとにスコープが分離されたスタイルを適用するための強力な機能です。 この機能により、スタイルの名前衝突を回避し、コンポーネントベースの開発を促進することができます。 CSS Modulesの基本的な使用方法は以下の ...

A CSS Module is a CSS file in which all class names and animation names are scoped locally by default. Learn more in the article CSS Modules - Welcome to the Future by Glen Maddern.

技術スタックの一新で CSS Modules で記述していた部分を CSS in JS に置き換えた。 いずれにしても React コンポーネントも書き換える必要があり、そのまま CSS Modules を利用する大きなメリットはなかったため、再考の余地があった。 CSS Modules とは CSS Modulesは、JS ...

CSSの進化は速く、IEのサポートが終了してさらに速くなりました。現在はエバーグリーンのブラウザ（最新版に自動アップデートするブラウザ）となり、モダンCSSの新機能が今までよりもすぐに使用できるようになっています。 2024年、CSSの現状調査を ...

Normally you need to use a strict naming convention like BEM to ensure that one component's CSS doesn't collide with another's. CSS Modules are locally scoped, which allows you to use names that are ...