ウェブには膨大な量の機能があります。ブラウザ互換性データ プロジェクトには、14000 を超えるそれらがリストされています。すべてを理解するにはどうすればよいでしょうか?
これは長い間答えられていない質問です。はい、すべての Web 開発者は caiuse.com を使用しています。あるいは、Google で調べたり、chatgpt に質問したりすることもあります。問題は、これらのツールには特定の質問に対する答えはあるものの、全体像や真実の情報源へのリンクが欠けていることです。
WebDXグループ
もうだめ! WebDX グループは現在、Web プラットフォーム周りの物事を整理し、分類し、名前を付けるという素晴らしい仕事をしています (← これはご存知のとおり、これが難しい部分です)。彼らは、連携した方法で Web とブラウザの全体的な開発者エクスペリエンスを向上させようとしています。
WebDX は、W3C の一部であるコミュニティ グループです。彼らがリポジトリで何を調理しているのかを見ることができます。私にとって最も興味深い出力は、Web 機能リポジトリです。彼らが行ったことは、膨大な量の特定の機能を、より理解しやすい高レベルの機能のセットに分類することです。
たとえば、新しく利用可能になった機能の 1 つは メソッドの設定 です。セットを操作するための新しい方法はすべて、単一の機能である可能性があります。ただし、単一の高レベルの機能として伝達および文書化すると、さらに便利になります。
ドキュメント
もう 1 つの部分は、機能 に関する詳細情報を見つける方法です。さて、ここで Open Web Docs イニシアチブが登場しました。MDN は常に優れたリファレンスですが、実践的なコンテンツが不足していました。 Open Web Docs グループは、この状況を変えようとしています。彼らは、基礎となるデータである BCD (Browser Compat Data) の更新だけでなく、MDN Web ドキュメントの新しいチュートリアル、ガイド、解説を大量に作成しています。
一例として、相対色に関する MDN のページがあります。これは、高レベルの Web 機能に明確にマッピングされています。各色の特徴の個別のリファレンス ページよりも、その特徴に関する理解とコンテキストがはるかにわかりやすくなります。
調査
上記の取り組みで本当に素晴らしいのは、彼らが本当に協力したいと考えていることです。 The State of HTML や The State of CSS などの調査から情報を取得し、後で Web 機能に同じ名前のセットを使用して、それらに関する調査結果を追跡できます。
ところで、これらのアンケートに記入しているときに、「閲覧リストに追加」ボタンをクリックすることができます。 MDN へのリンクが表示され、あなたが知らなかったことについてさらに詳しく知ることができます。
現実
素晴らしいことですが、Web は改善されていますか?いや、その通りです!
ブラウザー間で必要な機能と実際の可用性との間のギャップを埋めるための取り組みは明らかです。つまり、Interop プロジェクトは、一連の機能がすべての主要なブラウザーに可能な限り完全に実装されることを保証します。このプロジェクトは毎年新たに実施されます。
これらの機能がどの程度、どの程度うまく実装されているかは、Web プラットフォーム テストを使用して測定されます。同じ一連のテストがすべてのブラウザに対して実行されます。そのため、ブラウザーの機能の実際の状態を反映するこのような優れたパーセンテージが得られます。
ベースライン
すべての主要ブラウザに機能が実装される瞬間は非常に重要です。そして、上で説明したように機能を適切にグループ化したので、現時点で不足しているのは名前だけです。そして、それができました: 機能はベースラインであり、すべての主要なブラウザーでサポートされている場合に新たに利用可能になります。そして、ある機能は、新たに利用可能になってから 2 年半が経過した時点で広く利用可能になりました。
ベースラインのアイデアは Google によって開始されたものであるため、web.dev で詳細を読むことができます。
ビジュアルダッシュボード
より視覚的な方法で見ることができると、すべてがより意味を持ち始めます。うまくデザインされた表、グラフ、そこにあるリソースへの便利なリンク…
これは、便利なダッシュボードを作成するためのいくつかの試みにまとめられています。それぞれをチェックしてください。それぞれがこの主題について異なる見方をしています:
- WebDX グループの背後にいる人々によるシンプルなダッシュボード
- Google Chrome チームによる機能ごとの Web プラットフォーム テストの合格に関する素晴らしいグラフ
- そして、よりインタラクティブなバージョンを作成するという私の試み
これらを時々使用して、一般的な新機能や広範な導入状況の新機能を把握することができます。また、新しいプロジェクトを開始し、どの機能セットが実際に利用可能で十分にサポートされているかを判断するときにも役立ちます。
Web 機能エクスプローラーは情報をわかりやすく表示します
Webstatus.dev は、合格した Web プラットフォーム テストに関する機能の実際の進捗状況をグラフで表示します
「Web プラットフォーム機能」ダッシュボードでは、機能のフィルタリングと並べ替えが可能です
未来
最近、いくつかの機能がすべてのブラウザにかなり早く実装されました。ただし、一部のブラウザ メーカーによっては、良いアイデアとさえみなされないものもあります。何が提供されるか、または提供されない可能性があるかについての詳細情報は、次のサイトで見つけることができます:
- Mozilla 標準の立場
- Webkit チームの標準ポジション
- Google Chrome 機能ロードマップ
結論
Web プラットフォームが進化するのを見るのは興味深いことです。フィードバックループは改善されています。多くの分野で相互運用性が向上しています。
長い間、Web 機能を備えた便利なダッシュボードが欲しいと思っていましたが、突然データの品質が非常に高くなったため、数晩で独自のダッシュボードを構築することができました。
以上がWeb 機能を理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

私が最初にCSS4¹のことを鳴らしたので、それについてもっと多くの議論がありました。私はここで他の人から私のお気に入りの考えをまとめようとしています。がある

新しいプロジェクトを開始するたびに、3つのタイプ、または必要に応じてカテゴリを検討しているコードを整理します。そして、これらのタイプは適用できると思います

私は、httpsの複雑さを公に嘆きながら罪を犯しました。過去に、私はサードパーティのベンダーからSSL証明書を購入し、問題がありました

JavaScriptの不変性を以前に作業したことがない場合は、変数を新しい値または再割り当てに割り当てることと混同しやすいことがわかります。

最近、カスタムチェックボックス、ラジオボタン、トグルスイッチを構築することは完全に可能です。必要でさえありません

プロジェクトにカウントダウンタイマーが必要だったことはありますか?そのようなことのために、プラグインに手を伸ばすのは自然なことかもしれませんが、実際にはもっとたくさんあります


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)
