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

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

再利用可能な npm パッケージを作成すると、開発プロセスがより効率的で楽しいものになります。この記事では、React、TypeScript、CSS モジュール、その他のツールを使用して、最新で堅牢なプロジェクト セットアップを作成する方法を説明します。 始める前 ...

現代のフロントエンド開発では、CSSのスコープ設計がUIのメンテナンス性・保守性に直結します。特に「グローバルCSS」と「コンポーネントスコープCSS」の使い分けは、UI設計思想の核心に触れる重要な論点です。 本記事では、両者の技術的な違いから ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 クラウドコンピューティングの登場以降、ソフトウェア業界は大きな変革の中に ...

**カスケーディングスタイルシート** (Cascading Style Sheets、**CSS**) は[スタイルシート](/ja/docs/Web/API/StyleSheet)言語であり、[HTML ...

World Wide Web Consortiumは12月10日(米国時間)、「W3C Recommends CSS Writing Modes to support International writing modes｜W3C News」において、国際的なライティングをサポートする「CSS Writing Modes Level ...

縦横の文字の方向を指定するCSSモジュール「CSS Writing Modes Level 3」を利用した縦書きウェブサイトを表彰する「たてよこWebアワード2017」の作品応募受付がスタートした。締め切りは12月25日。ウェブ制作に携わるウェブデベロッパーやデザイナー ...