CSS設計達人度Check! BEM, OOCSS, SMACSS あなたはどれだけ知ってる？ - プレイ中

1 第1問

BEMにおけるBlockの命名規則として正しいものはどれですか？

A blockName_elementName--modifierName

B block-name__element-name--modifier-name

C blockName__elementName_modifierName

D block_name--element_name__modifier_name

2 第2問

OOCSSの原則のうち、構造と見た目を分離する原則は何と呼ばれていますか？

A Separation of Concerns

B Separation of Structure and Skin

C Single Responsibility Principle

D Don't Repeat Yourself

3 第3問

SMACSSにおけるBase Rulesの役割として正しいものはどれですか？

A 特定のコンポーネントに適用されるスタイルを定義する

B サイト全体のデフォルトスタイルを定義する

C JavaScriptによって動的に変更されるスタイルを定義する

D 特定の状態に適用されるスタイルを定義する

4 第4問

BEMにおけるElementの役割は何ですか？

A Block全体の状態を定義する

B Blockを構成する一部分を定義する

C Blockの汎用的なスタイルを定義する

D Blockのレイアウトを定義する

5 第5問

OOCSSにおけるObjectとは何を指しますか？

A 特定のページに固有のスタイル

B 再利用可能なUIパターン

C JavaScriptのオブジェクト

D CSSの@objectルール

6 第6問

SMACSSにおけるState Rulesの役割として正しいものはどれですか？

A サイト全体のデフォルトスタイルを定義する

B 特定のコンポーネントの基本的なスタイルを定義する

C 要素の構造を定義する

D 要素の状態（hover, activeなど）に基づいてスタイルを定義する

7 第7問

BEMの主な目的は何ですか？

A CSSの記述量を最小限に抑えること

B CSSの可読性と保守性を向上させること

C CSSの実行速度を向上させること

D CSSのコンパイル時間を短縮すること

8 第8問

OOCSSの原則に沿ってCSSを記述するメリットは何ですか？

A CSSの記述量が減り、ファイルサイズが小さくなる

B CSSの再利用性が高まり、保守性が向上する

C CSSの実行速度が向上する

D CSSのコンパイルが不要になる

9 第9問

SMACSSにおけるModule Rulesの役割として正しいものはどれですか？

A サイト全体の基本的なスタイルを定義する

B 再利用可能なUIコンポーネントのスタイルを定義する

C 要素の状態に基づいてスタイルを定義する

D レイアウトに関するスタイルを定義する

10 第10問

BEM, OOCSS, SMACSSに共通する目的は何ですか？

A CSSの記述量を減らすこと

B CSSの構造化と保守性を高めること

C CSSの実行速度を向上させること

D CSSのコンパイルを不要にすること