Google Chromeとパートナー企業、AIコーディングエージェントを改善するための「Modern Web Guidance」を公開

コーディングエージェントは、学習データに過去のレガシーなコードパターンが飽和しているため、肥大化した古いJavaScriptを生成することが頻繁にあります。これに対処するため、Google Chrome、Microsoft Edge、Mozilla Firefox、およびMDNは「Modern Web Guidance」を共同で開発しました。これは、Webプラットフォームの専門知識とブラウザの互換性データをエージェントのコンテキストウィンドウに直接組み込むスキルセットです。

この画像は、Modern Web Guidanceプロジェクトが支援するように設計されたコーディングエージェント環境の例を示しています。

AIトレーニングにおける知識のギャップを埋める

最先端のコーディングモデルは機能的なコードを生成する能力を持っていますが、本番環境で必要とされる現実的でモダンな実装パターンの密度が不足していることがよくあります。Modern Web Guidanceは、モデルが頻繁に誤用するAPIを正しく構造化するのに役立つターゲットを絞ったガイドラインを提供することで、このギャップを埋めます。

このツールは、エージェントをネイティブなソリューションへと導くことに焦点を当てています。例えば、カスタムJavaScriptよりも少ないコードでタスクを実行できるHTMLやCSSの機能の使用を推奨しており、これは通常、より優れたパフォーマンスとアクセシビリティの向上につながります。

「Modern Web Guidanceは、Webプラットフォームの専門知識、ベストプラクティス、およびブラウザの互換性データを、あなたのコーディングエージェントに直接組み込むスキルセットです。」

— GitHub - GoogleChrome/modern-web-guidance: Keep your coding agent up to date with the latest web best practices

主要な分野と機能の網羅範囲

このガイドラインは、コンテナクエリ、subgrid、oklchカラースペースなどの140のCSSおよびレイアウト機能を含む、幅広いモダンなWeb機能をカバーしています。また、Scheduler API、Temporal、Translator APIなどの74のJavaScriptおよびAPI機能も含まれています。

この表は、CSSやJavaScriptなどの分野における広範な機能カバーの視覚的な例を提供します。

HN Digestによる図表（github.comの報告数値に基づく。数値はソースの表記通り）。

特定の重点分野には、モデルに重いポリフィルの代わりに軽量な代替手段を使用するよう導く「Responsible Fallbacks（責任あるフォールバック）」や、要約や言語検出などのタスクにデバイス上のブラウザAPIを活用する「Built-in AI（組み込みAI）」が含まれます。

この視覚資料は、プロジェクトに含まれる特定のJavaScriptおよびAPI機能の説明をサポートします。

モダナイゼーションワークフローと制限事項

バージョン1.0では、HTML、CSS、JavaScript、およびpackage.jsonファイルを分析して安全なアップグレードの機会を特定するモダナイゼーションワークフローを導入しています。これにより、開発者はエージェントを使用して、古い回避策を体系的にモダンなプリミティブに置き換えることができます。

現在、このワークフローは予測可能な結果を保証するために、限定的な範囲で静的解析を使用しています。プロジェクトチームは、将来的にAIが既知のパターンと照合するだけでなく、コードを直接推論する「agentic audits（エージェントによる監査）」を含めるように拡張する計画です。