Web Components

HTML ＞ Web Components

推移

　状態:調査中 　閲覧数:2,397 　投稿日:2015-09-21 　更新日:2015-09-21
2011年
・Alex Russell が、Fronteers Conference 2011 で、Web Components の概念を初めて発表

2013年
・Googleは、Web Components をベースとするフレームワーク、Polymer をリリース

現状
・Web Components に対応したブラウザはChromeしかない
・Polyfill があっても、大半のブラウザでサポートしない限り、Web Components はコミュニティに受け入れられない

予想
・仕様が固まるのは、ES6モジュールAPI 普及終了後？



・Web Componentsの現状

・Web Componentsの基本的な使い方・まとめ

Virtual DOM ／ 擬似要素 ／ Shadow DOM の違いが分からない



類似度ページランキング
順位 ページタイトル抜粋 ％
1 Web Components 79
2 Crescent Eve 46
3 Awesome Screenshot 44
4 Font Awesome 4.7.0 44
5 Bookmarks clean up 44
6 font-size 43
7 SCSS × Windows 43
8 Font Awesome v5.0.8 42
9 Group Tabs 42
10 Bookmark Sentry 41
11 Responsive Glid 41
12 CopyTabTitleUrl 41
13 Create Link 40
14 Bootstrap 3 40
15 Bootstrap 4 40
16 History Disabler 40
17 _notesフォルダ削除 38
18 Inkscape 36
19 inputタグのsize属性 36
20 transformプロパティ 36
2026/1/03 11:28 更新
週間人気ページランキング ／ 12-27 → 1-2
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 28
2 Chromeをインストール出来ない | Google Chrome(ブラウザ) 4
2 キャラクター無料着せ替えジェネレーター Dress up game ／ オンラインサービス | イラスト参考(デザイン) 4
2 パッケージ化されてない拡張機能 | Chrome 拡張機能 4
3 色モデルイメージ図 | 色変換(色) 3
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 3
3 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 3
3 HLS ／ HSL 3
3 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 3
3 StableDiffusionのweb版「DreamStudio」を使用してみた感想。それなりに楽しめましたが、課金してまで使用してみたいとは思いませんでした。 | AI画像生成 3
3 Bookmarks clean up | Chrome 拡張機能 3
3 デザイン変更 | Webデザイン(デザイン) 3
3 デザイン変更 | Webデザイン(デザイン) 3
4 Chromeデバッグする際CSSが()で表示される | Google Chrome(ブラウザ) 2
4 ユーザー個別の設定情報が格納されているレジストリキーを削除 2
4 「bgcolor」「background-color」「background」の違い | CSS 2
4 効果を打ち消すスタイルシート | CSS 2
4 Illustrator で文字を見た目通りSVG出力するためには、「アウトライン作成」処理が必要 | Illustrator CS3(Illustrator) 2
4 utf-8ではなく、UTF-8 | HTML 2
4 RGB ⇔ Lab | 色変換(色) 2
2026/1/3 1:01 更新