CSS設計の腕試し！BEM, OOCSS, SMACSSマスターへの道 - プレイ中

1 第1問

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

A blockName_elementName--modifierName

B block-name

C blockName__elementName_modifierName

D blockName.elementName.modifierName

2 第2問

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

A Separation of Concerns

B Separation of Structure and Skin

C Don't Repeat Yourself

D Single Responsibility Principle

3 第3問

SMACSSにおけるBase rulesの役割として最も適切なものはどれですか？

A 特定のコンポーネントのスタイルを定義する

B HTML要素のデフォルトスタイルを定義する

C JavaScriptによる動的なスタイル変更を管理する

D メディアクエリによるレスポンシブ対応を定義する

4 第4問

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

A blockName--elementName

B blockName__elementName

C blockName_elementName

D elementName

5 第5問

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

A JavaScriptのオブジェクト

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

C データベースのオブジェクト

D CSSのセレクタ

6 第6問

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

A blockName__elementName--modifierName

B blockName--modifierName

C blockName_modifierName

D modifierName

7 第7問

SMACSSにおけるModule rulesの役割として最も適切なものはどれですか？

A サイト全体のレイアウトを定義する

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

C HTML要素のデフォルトスタイルを定義する

D 状態に基づいたスタイルを定義する

8 第8問

BEMにおいて、Block、Element、Modifierの略称は何の頭文字ですか？

A Basic Element Module

B Block Element Modifier

C Base Element Model

D Boolean Element Method

9 第9問

BEM命名規則において、ブロック、要素、修飾子を区切るために一般的に使用される記号の組み合わせは何ですか？

A アンダースコアとハイフン（例：block_element--modifier）

B ドットとアンダースコア（例：block.element_modifier）

C スラッシュとコロン（例：block/element:modifier）

D キャメルケース（例：blockElementModifier）

10 第10問

OOCSS（Object-Oriented CSS）の主な原則のうち、構造とスキンを分離する原則は何と呼ばれていますか？

A 依存性の注入

B 分離の懸念

C コンポジション

D 構造とスキンの分離