CSS Modules（CSSモジュール） とは、各CSSクラスを 自動的にユニークなスコープ（名前空間）に変換 することで、スタイルの衝突を防ぐ仕組みです。 たとえば： /* Button.module.css */ .button { background: blue; } React コンポーネントで使用すると： import styles from '.

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 CSS Modern Features、今回取り上げるCSSの機能はCSS Nesting Moduleです。 CSS Nesting Moduleは、CSS定義のネスト （入れ子） 記述を可能とする新しいCSS構文です。CSSのネストはSassやPostCSSといった ...

Qlip（株式会社クリップ）のフロントエンドエンジニアの岡田です。 案件でAstroを使う中で、astro構文とtsx + CSS Modulesの両方に触れる機会がありました。 どちらの構成で組むべきか、場面によって迷うこともあるかと思います。 この記事では、実際の開発体験 ...