Apple、SafariにMCPサーバーを追加しウェブ開発とデバッグ効率を向上

AppleはSafariのために新しいMCPサーバーを導入しており、このサーバーはコーディング代理がブラウザ内でウェブサイトを直接検査できるようにし、ページコンテンツへのアクセス、コンソールログ、ネットワークリクエスト、スクリーンショットなどを制御します。以下は詳細情報です。

Safari Technology Preview 247に含まれるMCPサーバー

AppleがWebKitブログに発表した新しい記事によると、Safari Technology Preview 247にはSafari MCPサーバーが含まれており、これはウェブ開発者向けに設計されたモデルコンテキストプロトコルサーバーで、ウェブ開発とデバッグのワークフローを加速し強化することを目的としています。記事では、代理がコーディングプロセスでますます重要になっていることを認識しており、Safari MCPサーバーは、あなたの代理がSafariブラウザウィンドウに接続することで、ブラウザ内でのコードの実際の表示を理解できるようにします。

MCPはAnthropicによって作成されたオープンスタンダードで、後にLinux財団のAgentic AI財団に寄付されました。このスタンダードは、互換性のあるAI代理が外部ツール、サービス、データソースに接続できる一般的な方法を提供し、情報を取得し、認可された操作を実行できるようにします。これは、ユーザーがチャットに貼り付ける内容に依存するだけではありません。実際には、MCPはChatGPT、Claude、Geminiなどの互換性のあるクライアントが、GitHub、Slack、Google Drive、Notion、データベース、ローカルファイル、ブラウザ開発ツールなどのサービスやリソースを公開するMCPサーバーに接続できるようにします。

新しいサーバーがSafari Technology Preview 247に設定されることで、コーディング代理はウェブページを検査し、コンソールログやネットワークリクエストにアクセスし、スクリーンショットをキャプチャし、ページ上の要素と対話することができます。以下はAppleの記事で説明されている使用例の一つです:ブラウザでウェブサイトに問題が発生しているのを見ます。問題を追跡するためにコンソールを開き、スタイルタブをクリックして問題の部分を確認し、コードに戻って修正します。または、スクリーンショットをキャプチャして代理に問題を詳しく説明し、修正を依頼することもできます。

それが正しく処理され、エラーが修正されることを期待しますが、問題が解決しない場合は、このワークフローを再度経る必要があります——ブラウザ、プロンプト、代理を繰り返し、最終的にエラーを解決するまで。

Safari MCPサーバーがウェブ開発の効率を向上させる

どのブラウザやツールを使用しても、デバッグワークフローには通常、多くのクリック、複数のツールの使用、ウィンドウ間の切り替えが必要ですが、実際にはそうする必要はありません。もしあなたがすでに開発ワークフローで代理を使用しているなら、Safari MCPサーバーはデバッグをより迅速かつ効率的にします。記事では、代理がウェブサイトをデバッグしたり、Safariの互換性の問題を特定したり、パフォーマンスを分析したり、アクセシビリティをチェックしたり、さまざまなページやユーザーインターフェースの状態を検証するのを助けるいくつかの潜在的な使用シナリオを概説しています。

さらに、記事ではサーバーに含まれる約20種類のツールを列挙し説明しています。例えば、browser_console_messagesは「現在または指定されたタブのバッファコンソールログを返す」ために使用され、screenshotは「現在のページのPNGスクリーンショットをキャプチャする」ために使用され、list_network_requestsは「現在のタブのネットワークリクエストの概要(URL、メソッド、ステータス、タイミング)をリストする」ために使用され、page_interactionsは「DOMインタラクションを順番に実行する:クリック、入力、スクロール、ホバー、キー入力など」のために使用されます。

Nakumura
Nakumura
関連サイト:中文版 / TechRitualThe Base Principle