コンポーネントを構築

コンポーネントは、最新の Web アプリケーションの構成要素です。独自のコンポーネントをを構築する場合、どのベストプラクティスに従うべきでしょうか？

カスタム要素

カスタム要素により、開発者は HTML を拡張して独自のタグを作成することができます。なぜなら、カスタム要素は標準に基づいていて Web のビルトインコンポーネントモデルの恩恵を受けれるからです。その結果、より多くの異なるコンテキストで再利用できるモジュラーコードが得ることができます

もっと詳しく知る

Shadow DOM

Shadow Dom はコンポーネントスタイルとマークアップカプセル化を提供する Web 標準です。他の CSS や JavaScript がページ上で動作していても、コンポーネントがあらゆる環境で動作することを保証するための Web コンポーネントの重要な部分です

もっと詳しく知る

ベストプラクティス

カスタム要素と Shadow Dom は低レベルの基本的なものであるため、それらを組み合わせて堅牢で多くの異なる環境でうまく機能するコンポーネントを作成する方法が必ずしも明確ではありません。これらのAPIを使って実際に何かを行うことができますが、コンポーネントがどこでもうまく動作するようにするためのベストプラクティスです。

もっと詳しく知る

例

使い方ーコンポーネントは、カスタム要素とShadow DOM のベストプラクティスを説明する一連の要素です。これらの要素は、本番環境での使用を意図したものではなく、ベストプラクティスを実際の実装に役立てるための資料です。

もっと詳しく知る