Web Componentsとは?
ブラウザ標準のAPI群で再利用可能なカスタム要素を作成する技術。Shadow DOM、Custom Elements等を使いフレームワークに依存しない独立したコンポーネントを構築できる。
使い方Web Components で作るアクセシブルなタブ UI:キーボード操作& ARIA 完備
使い方Web Components で作るモーダルダイアログ:フォーカス管理・閉じる動線まで実装
使い方Web Components Custom Elements の作り方完全ガイド - ライフサイクルから高度な機能まで
チートシートWeb Components イベント設計チート:`CustomEvent`/`composed`/`bubbles` 実例集
チートシートWeb Components と Declarative Shadow DOM の現在地:HTML だけで描くサーバー発 UI
チートシートWeb Components スタイリング速見表:`::part`/`::slotted`/AdoptedStyleSheets(Constructable Stylesheets)
チートシートゼロから始める Web Components - HTML だけで作る再利用可能な UI 部品
チートシートWeb Components とは?2025 年に知っておくべき基礎知識を徹底解説