ウェブには膨大な量の機能があります。ブラウザ互換性データ プロジェクトには、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 サイトの他の関連記事を参照してください。

これは、フォームアクセシビリティについて行った小さなシリーズの3番目の投稿です。 2番目の投稿を逃した場合は、「ユーザーフォーカスの管理:Focus-Visible」をご覧ください。で

このチュートリアルでは、Smart Formsフレームワークを使用して、プロフェッショナルなJavaScriptフォームの作成を示しています(注:使用できなくなりました)。 フレームワーク自体は利用できませんが、原則とテクニックは他のフォームビルダーに関連しています。

CSS Box-Shadowおよびアウトラインプロパティは、WordPress 6.1でTheme.jsonサポートを獲得しました。実際のテーマでどのように機能するか、そしてこれらのスタイルをWordPressブロックと要素に適用するために必要なオプションのいくつかの例を見てみましょう。

インラインテキストエディターの構築は些細なものではありません。 このプロセスは、ターゲット要素を編集可能にすることから始まり、その過程で潜在的なSyntaxerrorの例外を処理します。 エディターの作成 このエディターを構築するには、コンテンツを動的に変更する必要があります

Svelte Transition APIは、コンポーネントがカスタムSVELTE遷移を含むドキュメントを入力または離れるときにアニメーション化する方法を提供します。

最近GraphQLの作業を開始した場合、またはその長所と短所をレビューした場合、「GraphQLがキャッシュをサポートしていない」または

この記事では、Envato Marketで入手可能なPHPフォームのビルダースクリプトを説明し、機能、柔軟性、デザインを比較します。 特定のオプションに飛び込む前に、PHPフォームのビルダーが何であるか、そしてそれを使用する理由を理解しましょう。 PHPフォーム

このチュートリアルは、node.js、Express、およびMulterを使用してファイルアップロードシステムを構築することをガイドします。 単一および複数のファイルのアップロードをカバーし、後で検索するためにMongoDBデータベースに画像を保存することさえ示します。 まず、プロジェックをセットアップします


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

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

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
