用語集

Semantic UI固有の専門用語

最も重要なことに、グローバルには、他のコンポーネントが継承して変更できる、サイト全体のテーマ変数が含まれています。

たとえば、一連のボタンは、ui red buttonsをグループとして使用し、個々のui buttonを子として持つ場合があります。

コレクションとは、通常一緒に見られるコンポーネントの異種グループです。特定のコンテキストで出現する「いつもの容疑者」のリストを表しています。特定のコンテキストで使用するために、他のUI要素を含めて拡張することもできます。たとえば、フォームはドロップダウンや入力欄を拡張し、独自のコンテンツを含むこともできます。

ビューとは、通常ウェブサイト全体で一貫性のある、特定の種類のコンテンツを提示するための規約です。コメント、アクティビティフィード、カードなどが含まれます。

モジュールとは、外観と動作の両方の定義を含むコンポーネントです。アコーディオン、ドロップダウン、ポップアップなどのコンポーネントが含まれます。

ビヘイビアとは、ページ要素がどのように動作するべきかを記述するスタンドアロンのJavaScriptコンポーネントですが、どのように表示するべきかについては記述しません。ビヘイビアには、フォームバリデーション、状態管理、APIリクエストルーティングなどが含まれます。

定義とは、コンポーネントの基本的な特性を記述するCSSとJavaScriptのセットです。

定義は、コンポーネントの外観の任意の部分を表すために変数を使用するため、テーマで変更できます。

uiは、コンポーネントの部分をコンポーネントと区別するために使用される特別なクラス名です。

たとえば、リストは対応する定義があるためui listクラスを受け取りますが、リストアイテムはitemクラスのみを受け取ります。

uiクラス名は、コンポーネントの「すべての部分」が「全体」コンポーネントのコンテキストで定義されるようにすることで、CSSルールのカプセル化に役立ちます。

また、未知のコードのスキャンを容易にします。uiが表示されたら、コンポーネントを見ていることがわかります。

定義とは、コンポーネントの基本的な特性を記述するCSSとJavaScriptのセットです。

定義は、コンポーネントの外観の任意の部分を表すために変数を使用するため、テーマで変更できます。

タイプとは、要素の標準的な外観を変更する要素のバリエーションです。

タイプは、同じ要素で同時に使用できません。たとえば、「猫」と「犬」は動物の種類ですが、**相互に排他的**です。

バリエーションは、サイズや色などの要素の特性を変更します。

バリエーションは**相互に包含的**であり、要素の変更に同時に使用できます。

コンテンツとは、コンポーネントのコンテキストでのみ意味を持つ部分です。コンテンツは、ヘッダー、説明、メニュー、アイテムなど、期待されるコンテンツの種類を表す名前を使用します。

コレクションまたはビュー内のコンテンツには、多くの場合、他のコンポーネントのスタブバージョンが含まれています。たとえば、カードでは画像コンテンツを使用できます。これはui画像バリエーションを使用することで拡張できます。

状態とは、アフォーダンスの変化を示すために要素に加えられる変更です。一般的な状態には、loading、disabled、activeなどがあります。

ビヘイビアとは、コンポーネントが実行できるアクションです。ビヘイビアは、「値の設定」や「インクリメント」といった単純なフレーズで表され、JavaScriptで呼び出すことができます。ビヘイビアは、スペースで区切られた小文字のフレーズから、呼び出し時に内部JavaScriptメソッドに自動的に変換されます。

Semantic UIでは、コンポーネントにはuiクラス名が付けられ、コード内の要素の一部と区別し、CSSルールの範囲を制限できる名前空間を提供します。