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

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

[kijtra]

今は Context7 に頼りっきりだから公式が出してくれると助かる

[prostaglandin]

逆に最新の書き方をされて困る事があるのだが。css,JSに限らず。みんな常に最新環境なのかな。

[shingo-sasaki-0529]

アクセシビリティの指針はわかるけど、他の記法に関するモダンさとかはどこまで取り入れるのか悩ましい。この手のベストプラクティスのスキル化でコンテキスト消費することがどこまで許せるのか。

[pchatsu]

via https://x.com/yoshiko_pg/status/2057246940895822001

[misshiki]

Google公式のModern Web Guidanceを紹介。AIが古いCSS・JSを書く問題に対し、最新Web機能をAIエージェントへ注入。6分野をBaseline連動でチェックし、npx modern-web-guidance@latest installで導入。

[matchy2]

Geminiでは使えないんですか？

[yamadar]

これは善人に戻ったGoogle

[sunakawa]

modern-web-guidance

[soratomo]

[ ]

[takayuki007]

Skill

[nguyen-oi]

LLMがネット上の古いコードばっかり学習しちゃう問題への対策として公式ガイドは普通に優秀だな

[mkusaka]

GoogleのModern Web GuidanceでAIが最新Web機能を反映。Baseline連動で提案、npx modern-web-guidance@latest install。