Web Components

HTML ＞ Web Components

推移

　状態:調査中 　閲覧数:2,616 　投稿日: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/5/14 6:08 更新
週間人気ページランキング ／ 5-7 → 5-13
順位 ページタイトル抜粋 アクセス数
1 Design 0 12
2 CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ | CSS 9
3 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 7
4 RGBの種類 ／ ビットカラー | RGB(色) 6
5 Photoshop無料アクションファイル(atn)導入見送り | Photoshop 5
6 画像縦横比の問題 | 画像 4
6 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 4
7 「属性」「プロパティ」「アトリビュート」の違い | CSS 3
7 アイコン | 3系(Bootstrap) 3
7 ログイン 3
8 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 2
8 画像素材 | 画像 2
8 Firefox 8.0 にしたら、Firebugタイトル部分の半角スペースに‌·が入るようになったので、メモ | Firefox(ブラウザ) 2
8 エラー：Google chrome で問題が発生しました。今すぐ再起動しますか？ | Google Chrome(ブラウザ) 2
8 利用する関数別(2種類) 2
8 手順 2
8 方式1.色相H0°～360°、彩度S0%～100%または0～255、明度V0%～100%または0～255 2
8 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 2
8 「Google Chrome」タブをグループへ追加すると、そのタイミングでグループは自動的に開かれてしまいます。開かないようにすることはできません | Google Chrome(ブラウザ) 2
8 バージョンアップに対応する為に 2
2026/5/14 5:05 更新