Web Components

HTMLWeb Components

推移

 状態:調査中  閲覧数:2,163  投稿日: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
2025/5/04 21:59 更新
週間人気ページランキング / 4-27 → 5-3
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 8
1 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 8
2 ツールチップが表示されないときー 5
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 4
3 16進数カラーコード / 2進数 4
4 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 3
4 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 3
4 鉄道会社毎のカラーコード | カラーコード(色) 3
4 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 3
4 画像ライセンスは大きく3種類に分かれる。「All rights reserved」+「クリエイティブ・コモンズ・ライセンス」+「その他」 | 画像著作権(画像) 3
5 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 2
5 RGBの種類 / ビットカラー | RGB(色) 2
5 直前の要素、直後の要素 | CSS 2
5 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 2
5 「Google Chrome」ブックマークをフォルダー単位で、「ドメイン毎」「追加日昇降順」に並べ替える拡張機能「Sortmark」 | Chrome 拡張機能 2
5 FontAwesomeでアイコンが□(四角)になって表示されない Forbidden  | Font Awesome(フォント) 2
5 RGB ⇔ Lab | 色変換(色) 2
5 「Bootstrapデザイン」✕「円グラフ」解析 | 2系(Bootstrap) 2
6 「Fireworks」で簡単に出来ていたことは「Gravit Designer」でも簡単に出来る。他ソフトウェアでは出来ないのに! /「Gravit Designer」のUIは分かり易過ぎる / 2022 年時点で入手可能なソフトウェアは、日本語入力未対応 1
6 Illustratorで、アートボードの大きさではなく選択範囲の大きさで出力 / 「トリムエリアツール」→「トリムエリアを選択したアートに合わせる」 | Illustrator CS3(Illustrator) 1
2025/5/4 1:01 更新