CSS設計マニア度診断！BEM, OOCSS, SMACSSであなたのレベルを測ろう！ - プレイ中

1 第1問

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

A blockName__elementName--modifierName

B block-name__element-name--modifier-name

C block_name--element_name__modifier_name

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 サイト全体の基本的なスタイルを定義する

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

D 特定の状態におけるスタイルを定義する

4 第4問

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

A Block全体の状態を表す

B Blockを構成する一部分を表す

C Blockの代替バージョンを表す

D Block間の関係性を表す

5 第5問

SMACSSにおいてLayout Rulesはどの役割を担いますか？

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

B 特定のモジュールのスタイルを定義する

C JavaScriptの動作を定義する

D サイトの配色を定義する

6 第6問

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

A BlockまたはElementの見た目や振る舞いを変更する

B BlockとElementを関連付ける

C CSSアニメーションを定義する

D JavaScriptのイベントハンドラを定義する

7 第7問

SMACSSにおけるModule Rulesは何を定義しますか？

A サイト全体の基本的なスタイル

B 再利用可能なUIコンポーネントのスタイル

C サイトのレイアウト

D JavaScriptの動作

8 第8問

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

A JavaScriptのコードを整理する

B CSSの構造を整理し、保守性を高める

C HTMLの構造を最適化する

D サーバーサイドの処理を高速化する

9 第9問

BEM命名規則において、ブロック内の特定の要素を表すために使用されるのは次のうちどれですか？

A Modifier

B Element

C State

D Component

10 第10問

OOCSS (Object-Oriented CSS) の主要な原則の一つで、見た目に関するスタイル（色、フォントなど）と、構造に関するスタイル（レイアウト、配置など）を分離することを指す用語は次のうちどれですか？

A Separation of Concerns

B Single Responsibility Principle

C Separation of Structure and Skin

D Don't Repeat Yourself (DRY)