Web Components

HTMLWeb Components

推移

 状態:調査中  閲覧数:2,220  投稿日: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/7/12 20:44 更新
週間人気ページランキング / 7-5 → 7-11
順位 ページタイトル抜粋 アクセス数
1 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 13
2 鉄道会社毎のカラーコード | カラーコード(色) 10
2 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 10
2 RGB ⇔ Lab | 色変換(色) 10
3 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 9
4 「東京都」のカラーコード取得は難しい | カラーコード(色) 8
4 RGBの種類 / ビットカラー | RGB(色) 8
4 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 8
4 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 8
5 16進数カラーコード / 2進数 4
5 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 4
5 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 4
5 「bgcolor」「background-color」「background」の違い | CSS 4
5 Design 0 4
5 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 4
5 ログイン 4
5 色モデルイメージ図 | 色変換(色) 4
5 空間的 / 可逆な JPEG ファイルの読み込みは実行されません | Photoshop CS3(Photoshop) 4
6 「DALL·E 2 - OpenAI」を使用してみた感想。2022 年 7 月 31 時点では、デザイン実務に耐えられるレベルではないと思いました。 | AI画像生成 3
6 「Google Chrome」ブックマークをフォルダー単位で、「ドメイン毎」「追加日昇降順」に並べ替える拡張機能「Sortmark」 | Chrome 拡張機能 3
2025/7/12 1:01 更新