Web Components | 「HTML」カテゴリー

推移

　状態:調査中 　閲覧数:2,705 　投稿日: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/10/21 4:14 更新

順位

ページタイトル抜粋

％

2026/10/21 4:14 更新

順位	ページタイトル抜粋	アクセス数
1	Design 0	11
2	血の色／ #b30000 ／ #360800 ／ #ff0000 \| カラーコード(色)	4
2	RGB ⇔ Lab \| 色変換(色)	4
3	黒体／色温度／ D65（6500K）／ D50（5000K）／ K \| 色	3
4	拡張機能が Chrome によって無効にされました／この拡張機能は破損している可能性があります。 \| Chrome 拡張機能	2
4	「Google Chrome」で「This browser does not support WebGL」と表示される場合は、ハードウェアアクセラレーションに不具合がある可能性があるため、設定画面よりハードウェアアクセラレーションを一旦無効にしてみる \| Google Chrome(ブラウザ)	2
4	案3.picture を使用したレスポンシブ画像のアートディレクション（Art Direction-based Selection）	2
4	「東京都」のカラーコード取得は難しい \| カラーコード(色)	2
4	v4 shim ／「Font Awesome 5」で名称変更(廃止)されたアイコン／非同期読込処理	2
4	カテゴリ一覧	2
4	キャッシュを待機しています →「chrome://net-internals/#dns」→「Clear host cache」ボタンクリック \| Google Chrome(ブラウザ)	2
4	PNG \| 画像	2
4	「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある \| z-index(CSS)	2
4	「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される \| CSSトラブル対応(CSS)	2
4	「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 \| Google Chrome(ブラウザ)	2
4	「Twitter Bootstrap」導入したらおかしくなった時、試した方がよいかもしれないこと \| 2系(Bootstrap)	2
4	デザイン変更 \| Webデザイン(デザイン)	2
4	CMY	2
4	背景 \| 他サイト調査(HTML)	2
4	Chromeブックマークの不満な点 \| Chromeブックマーク(ブラウザ)	2
	2026/10/20 5:05 更新

順位

ページタイトル抜粋

アクセス数

Design 0

血の色／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色)

RGB ⇔ Lab | 色変換(色)

黒体／色温度／ D65（6500K）／ D50（5000K）／ K | 色

拡張機能が Chrome によって無効にされました／この拡張機能は破損している可能性があります。 | Chrome 拡張機能

「Google Chrome」で「This browser does not support WebGL」と表示される場合は、ハードウェアアクセラレーションに不具合がある可能性があるため、設定画面よりハードウェアアクセラレーションを一旦無効にしてみる | Google Chrome(ブラウザ)

案3.picture を使用したレスポンシブ画像のアートディレクション（Art Direction-based Selection）

「東京都」のカラーコード取得は難しい | カラーコード(色)

v4 shim ／「Font Awesome 5」で名称変更(廃止)されたアイコン／非同期読込処理