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 サイト全体のレイアウトを定義する

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

4 第4問

BEMにおいて、ElementをBlockから分離する記号として正しいものはどれですか？

A -

B __

C _

D --

5 第5問

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

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

B サイトの主要なセクションを定義する

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

D JavaScriptによる動的なスタイル変更を定義する

6 第6問

BEMにおいて、Modifierの役割として正しいものはどれですか？

A Blockの構造を定義する

B BlockまたはElementの外観や状態を変化させる

C Blockの基本的なスタイルを定義する

D BlockのJavaScriptの動作を定義する

7 第7問

OOCSSの利点として、最も適切なものはどれですか？

A CSSの記述量を減らす

B CSSの再利用性と保守性を高める

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

D CSSの可読性を下げる

8 第8問

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

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

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

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

D JavaScriptによる動的なスタイル変更を定義する

9 第9問

BEM, OOCSS, SMACSSに共通する目的として最も適切なものはどれですか？

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

B CSSの構造化と保守性を向上させる

C CSSの実行速度を最大化する

D CSSの学習コストを下げる

10 第10問

OOCSS（Object-Oriented CSS）の主な目的は何ですか？

A CSSファイルのサイズを最小限に抑えること

B 再利用可能な、独立したUIコンポーネントを作成すること

C CSSの記述をJavaScriptで行うこと

D 特定のブラウザのバグを回避すること