GoogleのModern Web Guidanceスキル登場。AIが古いCSS・JSを書く問題を解決する

ARANK

AIにフロントエンドのコードを書かせると、一昔前の書き方をされて困ることがよくあります。私のAIの使い方が悪いというのは前提にありつつ、最新の書き方を選んでくれないことが何度もあります。たとえばCSSではSubgridを使ってほしい場面でわざわざ古いGridのネストを書いてくる。JavaScriptではObject.groupByで済むグループ化をreduceで書いてくる。さらに当たり前品質として押さえるべきアクセシビリティが漏れたり、最新のセキュリティ対策が抜けたコードを書いてくることもあります。これはサービスの品質低下に直結します。5/19にGoogle公式がGoogle I/Oで発表した「Modern Web Guidance」のスキルを使えば、Claude CodeやCodexといったAIエージェントが最新のWeb機能で書けるようになります。フロントエンド開発をするならぜひ導入しておきたいスキルです。Google I/O '26のDeveloper Keynoteで発表されたModern Web GuidanceModern Web Guidanceの中身と、実際に私のポートフォリオサイトへ導入した結果を紹介します。4行まとめModern Web Guidanceとは、ここ数年で使えるようになったモダンなWeb機能の知識をAIエージェントに注入するGoogle公式ガイドユーザーエ…