Skip to content

Chrome 147がDevToolsを大幅改善。コード生成とデバッグ効率が向上

4月7日にリリースされたChrome 147では、DevToolsの機能が大幅に強化され、ウェブ制作の作業効率向上に直結する改善が多数盛り込まれている。Chrome 147では自動コンテキスト選択によるAIアシスタンス機能が導入され、「このページで最も遅いネットワークリクエストは何か?」といった開放的な質問に対応できるようになった。

特に注目すべきはChrome 142で導入されたGeminiによるコード提案機能が、Chrome 147では完全なコード生成機能にアップグレードされた点だ。自然言語でのコメント(例:// すべてのimg要素の有効なalt属性をチェックするループ)を書いてCmd+I(Mac)またはCtrl+I(Windows/Linux)を押すだけでコードが生成される。これまでコーディング中の小さなタスクで時間を取られがちだった制作者にとって、作業の流れを維持しながら効率を上げる実用的な機能といえる。

ネットワークパネルでは、gzipやdeflateで圧縮されたHTTPリクエストのペイロード表示が改善され、以前は文字化けしていた圧縮データが自動的にデコードされて読みやすい内容として表示されるようになった。API通信のデバッグやパフォーマンス解析を頻繁に行うウェブ制作者には、地味ながら重要な改善だ。リクエスト一覧にはTransfer Size情報も追加され、通信量の把握がより正確になった。

アクセシビリティ面でも着実な改善が見られる。パフォーマンス指標カードのタイトルヘルプボタンが常時表示されキーボードアクセス可能になり、ホバー時のみの表示から改善された。Lighthouseのカテゴリグループチェックボックスでスクリーンリーダー向けアナウンス機能も向上した。

Chrome 147では技術的な変更も重要だ。Local Network Access(LNA)制限が拡大され、WebSockets接続でローカルアドレスへのアクセス時に権限プロンプトが表示されるようになった。これはサイトがユーザーのローカルネットワークをフィンガープリントに使用する能力を制限し、セキュリティを向上させる目的がある。開発環境でローカルサーバーを多用する制作者は、この変更により一時的な設定調整が必要になる可能性がある。

より大きな視点では、Chrome開発チームは2026年9月8日のChrome 153から2週間リリースサイクルへの移行を発表した。リリースの頻度は上がるものの、変更範囲が小さくなることで混乱は最小限に抑えられ、バグ修正やデバッグも簡素化されるとされている。制作現場では新機能への対応スピードが求められる一方で、個別の変更による影響は軽減される見通しだ。

[1994-2002]
ITベンチャーの幹部として、8年間で数名の企業を500名以上の企業に成長させることに貢献。95年より独学でwebデザインを学ぶ。

[2002-2023]
米国法人のwebデザイン会社のCEOを務め数々の賞を受賞。

[2023〜]
AI事業開始に伴い、つくば市を拠点として株式会社RESONIXを起業。