建材

コンポーネントは、最新のウェブ アプリケーションの構成要素です。独自のコンポーネントを作成する際、長く使い続けるには、どのベスト プラクティスに従うべきでしょうか。コンポーネントは、最新のウェブ アプリケーションの構成要素です。独自のコンポーネントを作成する際、時間が経過しても使えるようにするために従うべきベスト プラクティスはどれですか。

コードのアイコン。

カスタム要素

デベロッパーはカスタム要素を使用して、HTML を拡張し、独自のタグを作成できます。カスタム要素は標準ベースであるため、ウェブの組み込みコンポーネント モデルの恩恵を受けることができます。その結果、モジュール性が高まり、さまざまなコンテキストで再利用できるようになります。詳細
ボーダー スタイルのアイコン

Shadow DOM

Shadow DOM は、コンポーネントのスタイルとマークアップのカプセル化を提供するウェブ標準です。これは、Web Components においてきわめて重要な要素です。他の CSS や JavaScript がページ上で動作している場合でも、どの環境でもコンポーネントが動作することを保証するからです。 詳細
完了アイコン。

ベスト プラクティス

カスタム要素と Shadow DOM は低レベル プリミティブであるため、堅牢でさまざまな環境で適切に動作するコンポーネントを作成するために、これらを組み合わせる最適な方法が常に明確であるとは限りません。これらの API にはさまざまな用途の API が用意されていますが、ここでは、コンポーネントがどこでも適切に動作するためのベスト プラクティスをいくつか紹介します。 詳細
探索アイコン。

HowTo-Components は、カスタム要素と Shadow DOM のベスト プラクティスを示す要素のセットです。これらの要素は本番環境での使用を意図したものではありませんが、ベスト プラクティスの推奨事項を実際の実装にマッピングするための参考情報として提供されています。 詳細