概要
https://forest.watch.impress.co.jp/docs/news/2060040.html
詳細内容
## 「Google Chrome 142」の開発者ツールは新要素満載、「Gemini」コード提案、MCP強化、AIデバッグ
https://forest.watch.impress.co.jp/docs/news/2060040.html
Chrome 142の開発者ツールは、Geminiによるコード提案やAIデバッグ機能、MCPサーバー強化など、AI連携と開発効率向上のための新要素を多数追加しました。
**Content Type**: Tools
**Language**: ja
**Scores**: Signal:4/5 | Depth:3/5 | Unique:2/5 | Practical:4/5 | Anti-Hype:4/5
**Main Journal**: 67/100 | **Annex Potential**: 63/100 | **Overall**: 68/100
**Topics**: [[Chrome DevTools, Gemini AI, AI Code Suggestion, AI Debugging, Model Context Protocol]]
「Google Chrome 142」のデベロッパーツール（DevTools）は、開発者エクスペリエンスを大幅に向上させる新機能と改善を多数導入しました。特に注目すべきは、Google Developer Program (GDP)との統合に加え、AIを活用した機能強化です。
ウェブアプリケーションエンジニアにとって重要な変更点として、まず「Gemini」からのコード提案機能が挙げられます。これは、ユーザーが入力したコードに基づいてAIがその続きを提案する機能で、［コンソール］パネルと［ソース］パネルで利用可能となります。これにより、日々のコーディング作業の効率化と品質向上が期待されます。利用にはDevToolsの表示言語を英語に切り替え、「AI Innovations」設定ページでの有効化が必要です。
次に、デバッグ機能もAIによって強化されています。右クリックメニューの［AI に質問する］が［AI でデバッグ］に名称変更され、DevTools右上隅のAIボタンからどこからでも［AI アシスタンス］パネルを開けるようになりました。これにより、問題解決のプロセスがより迅速かつ直感的になります。パフォーマンス関連のデバッグにもGeminiが活用される機能が追加されています。
さらに、プレビュー導入されていた「MCP」（Model Context Protocol）サーバー機能がv0.9.0にアップデートされ、Node.js 20のサポートが拡大されました。ネットワーク要求やコンソールメッセージのページ分割、指定パスへのスクリーンショット出力形式の構成、MCPで利用するChromeインスタンスへの引数渡しなど、機能の柔軟性と使い勝手が向上しています。
その他にも、ドロワー（コンソールなどを一時的に表示するパネル）の向きを横並びに変更できる機能など、UI/UXの細かな改善も施されており、開発者の作業環境がより快適になることが期待されます。これらのアップデートは、AI技術の進化を開発ワークフローに統合し、生産性向上を目指す現代のウェブアプリケーション開発にとって、重要な意味を持つと言えるでしょう。