--- title: "ZedとBright DataのBright Data MCPの統合" slug: zed-with-web-mcp date: 2026-01-12T08:08:23+00:00 modified: 2026-08-26T13:35:02+00:00 permalink: https://brightdata.jp/blog/ai/zed-with-web-mcp type: blog --- [ ブログ ](https://brightdata.jp/blog "ブログ") / [AI](https://brightdata.jp/blog/ai) [AI](https://brightdata.jp/blog/ai) # ZedとBright DataのBright Data MCPの統合 このガイドでは、ZedのAIネイティブエディタをBright DataのWeb MCPに接続し、コーディング環境内でライブウェブ検索とデータ抽出を直接行う方法を説明します。 3 分読 [ ![Arindam Majumder](https://media.brightdata.jp/2025/07/Arindam-Majumder-50x50.jpg) ](https://brightdata.com/blog/authors/arindam-majumder) [Arindam Majumder Technical Writer ](https://brightdata.com/blog/authors/arindam-majumder) ![Zed with Bright Data](https://media.brightdata.jp/2025/12/Zed-with-Bright-Data.png) ZedのAIネイティブエディタをBright DataのBright Data MCPに接続し、開発環境内でリアルタイムのウェブアクセス、クリーンなデータ抽出、ウェブ対応AIワークフローを有効にする方法を学びましょう。 このチュートリアルでは、以下のことを学びます： - Zedとは何か、そしてそのAIネイティブなエージェント編集モデルが最新のコードエディタ内でどのように機能するか。 - 正確なAI支援開発のために、リアルタイムのウェブインタラクションとデータ抽出機能でZedを拡張することがなぜ重要なのか。 - ZedをBright DataのBright Data MCPに接続して、エディタ内で直接ライブの公開ウェブデータを取得・利用できるウェブ対応AIエージェントを有効にする方法。 さっそく始めましょう！ ## Zedとは？ ![Zed Editor](https://media.brightdata.com/2025/12/5m4a3evbacd8yhqg8vt2.png)[Zed](https://zed.dev/)は、スピード、コラボレーション、AI支援開発のために設計された最新の高性能コードエディタです。応答性と低レイテンシに焦点を当てて一から構築されており、大規模なコードベースでも即時かつ流暢なコーディング体験を目指しています。 ZedはRustで完全に書かれており、複数のCPUコアとGPUアクセラレーションを効率的に活用するように設計されています。この設計により、Zedは高速な起動時間、スムーズなUI操作、最小限のタイピングレイテンシを実現しており、これらは開発者体験の核心的な要素です。 ZedはmacOS、Linux、Windowsで利用可能で、プラットフォーム間で一貫したネイティブ体験を提供します。 Zedには、標準で以下を含む幅広いコア開発者機能が含まれています： - ステージング、コミット、プル、プッシュ、差分表示のためのネイティブGitサポート。 - Debug Adapter Protocol（DAP）上に構築されたデバッグサポート。 - 複数のプログラミング言語向けのLanguage Server Protocol（LSP）サポート。 - 単一ビューで異なるファイルのコンテンツを構成・編集するためのマルチバッファ編集。 - 共有編集、チャット、画面共有などの組み込みコラボレーション機能。 - モーダルワークフローを好む開発者向けのVimスタイルモーダル編集。 ## Bright Data MCPでZedを強化する理由 Zed内でどのAIモデルを使用しても、重要な制限があります：LLMはウェブへのライブアクセスを持ちません。その応答はある時点のスナップショットを表すトレーニングデータに基づいており、すぐに古くなる可能性があります。 この制限は、進化するドキュメント、ツール、フレームワークを扱う際に明らかになります。エディタ内のAIアシスタントは、現在の情報を検証したり、ウェブサイトを閲覧したり、独自にリアルコンテンツを抽出したりすることができません。 ZedのAIエージェントを以下の機能で拡張することを想像してみてください： - ライブドキュメントページの読み取り - 最新のガイドとリファレンスの取得 - 実際のウェブサイトからのコンテンツの閲覧と抽出 これらの機能は、ZedをBright Data MCPに接続することで解放されます。[Bright DataのBright Data MCP](/ai/mcp-server)は、[Bright DataのAIインフラ](/ai)を活用した60以上のAI対応ツールを提供し、AIエージェントのリアルタイムウェブインタラクションとデータ取得を実現します。 最もよく使われる2つのツール（無料ティアでも利用可能）は以下の通りです： ツール説明`scrape_as_markdown`ウェブページからコンテンツを抽出し、ボット保護とCAPTCHAの解決を処理してクリーンなMarkdownを返します。`search_engine`Google、Bing、またはYandexからの検索結果をJSONまたはMarkdown形式で取得します。コアツール以外にも、Bright Data MCPにはブラウザインタラクションと構造化データ抽出のための多くの[高度なオプション](https://github.com/brightdata/brightdata-mcp/blob/main/assets/Tools.md)が含まれています。無料ティアは基本ツールへのアクセスを提供し、Proモードを有効にすると、より高度なユースケース向けのフルセットが解放されます。 Bright Data MCPをZedに接続することで、AIエージェントは静的な知識の代わりにライブウェブコンテンツで作業できるようになり、エディタ内で直接より正確で信頼性の高いアシスタンスが得られます。 ## Bright Data MCPをZedに統合する方法 このセクションでは、以下のことを行います： - Bright Data MCPをZed内のMCPサーバーとして設定する - Bright Data APIトークンを使用してMCPサーバーを認証する - ZedのAIエージェントがMCPを通じてライブウェブコンテンツにアクセスできるようにする - 統合が正しく機能していることを確認する 始めるには以下の手順に従ってください！ ### 前提条件 始める前に、以下のものが揃っていることを確認してください： - サポートされているオペレーティングシステム（macOS、Linux、またはWindows） - [Zed](https://zed.dev/download)がインストールされて実行中であること - [Node.js](https://nodejs.org/en/download)がインストールされていること（最新のLTS推奨） - APIトークンを持つ[Bright Dataアカウント](/) 事前にBright Dataを設定する必要はありません。必要な設定は以下のセクションで段階的に説明します。 必須ではありませんが、以下の事前知識があると役立ちます： - [Model Context Protocol（MCP）](https://docs.anthropic.com/en/docs/mcp)の基本的な仕組みの理解 - Bright Data MCPとその利用可能なツールへの一般的な親しみ ### ステップ#1：Zedのインストールと起動 公式ウェブサイトからZedをダウンロードし、お使いのオペレーティングシステム（macOS、Linux、またはWindows）にインストールします。 ![Installing Zed](https://media.brightdata.com/2025/12/HJJaGZDQWg.png)インストール後、アプリケーションメニューからZedを開き、エディタがエラーなく起動することを確認します。 メインエディタインターフェースが表示され、設定パネルを開けるはずです。Zedが正常に起動すれば、次のステップに進む準備ができています。 ![Zed successfully installed and launched](https://media.brightdata.com/2025/12/ryVZN-wmZx.png)### ステップ2：ZedでAIとエージェント編集を有効にする ZedでSettingsを開き、LLM Providersセクションに移動します。 Zed AIにサインインするか、Anthropic、Google AI、Amazon Bedrockなどのサポートされているプロバイダーを設定してAI機能を有効にします。 ![Configure LLM Provider in Zed](https://media.brightdata.com/2025/12/B1NgB-vQWx.png)プロバイダーが有効になったら、エディタに戻りAIまたはチャットパネルを開いて、プロンプトが受け付けられ応答が生成されることを確認します。エディタ内でAIが応答すれば、エージェント編集が正常に有効化されています。 ![Testing Zed LLM Provider](https://media.brightdata.com/2025/12/S1uKBbvm-l.png)### ステップ#3：Bright Data MCPをローカルにセットアップする ZedのAIエージェントのリアルタイムウェブアクセスを有効にするには、ローカルマシンにBright Data MCPをセットアップする必要があります。このMCPサーバーは、AIエージェントとライブウェブデータの橋渡し役として機能します。 まず、Bright Dataダッシュボードから[Bright Dataアカウントを作成](/?hs_signup=1)します。すでにアカウントをお持ちの場合は、[ログイン](/cp/start)するだけです。 クイックセットアップのために、アカウントの[「MCP」ページを開き](/cp/mcp)、手順に従ってください： ![MCP Setup Docs](https://media.brightdata.com/2025/12/Hy_5w-w7-l.png)または、以下の手順に従ってください： Bright Dataダッシュボードから[APIトークンを生成](https://docs.brightdata.com/api-reference/authentication)し、安全に保管してください。このトークンはBright Data MCPサーバーがリクエストを認証し、BrightDataのウェブツールにアクセスするために使用されます。 このチュートリアルでは、APIトークンが唯一必要な認証情報です。 Bright Data MCPはNode.jsを使用してローカルサーバーとして実行されます。ターミナルで以下のコマンドを実行してグローバルにインストールします： ```none npm install -g @brightdata/mcp ``` これにより、Zedが後で接続するBright Data MCPパッケージがインストールされます。 以下を実行してBright Data MCPサーバーを起動します： ```none API_TOKEN="YOUR_BRIGHT_DATA_API_TOKEN" npx -y @brightdata/mcp ``` `YOUR_BRIGHT_DATA_API_TOKEN`を実際のAPIトークンに置き換えてください。 ![Bright Data MCP package installed successfully using npm.](https://media.brightdata.com/2025/12/HJrv2Zw7Ze.png)サーバーが正常に起動すると、MCPサーバーが実行中でリクエストを受け付ける準備ができていることを示すログメッセージが表示されます。 初回実行時、Bright Data MCPサーバーはBright Dataアカウントに2つの必要なゾーンを自動的に作成します：[Web Unlocker](/products/web-unlocker)用と[Browser API](/products/scraping-browser)用です。これらのゾーンはBright Data MCPが利用可能なツールをサポートするために内部的に使用されます。 Bright Dataダッシュボードの[プロキシ＆スクレイピングインフラセクション](/cp/zones)にアクセスして、作成を確認できます。APIトークンに管理者アクセス権がない場合、ゾーンを手動で作成し、環境変数を通じて参照する必要があるかもしれません。 ![Bright Data dashboard showing MCP-related zones](https://media.brightdata.com/2025/12/HJmD6ZD7bg.png)デフォルトでは、Bright Data MCPは[無料ティア](/blog/ai/web-mcp-free-tier)で利用可能な`search_engine`と`scrape_as_markdown`ツールのみを公開します。Proモードを有効にすると、高度なブラウザ自動化を含むフルセットのツールが解放され、追加料金が発生する場合があります。 ブラウザ自動化や構造化データ抽出などの高度な機能にアクセスするには、Bright Data MCPサーバーを起動する前に`PRO_MODE=true`を設定してProモードを有効にします。 ```none API_TOKEN="" PRO_MODE="true" npx -y @brightdata/mcp ``` サーバーが正常に動作していることを確認したら、一旦停止します。次のステップでZedがBright Data MCPサーバーを自動的に起動して接続するように設定します。 #### ステップ#4：ZedでBright Data MCPを設定する ZedでSettingsを開き、Model Context Protocol（MCP）Serversセクションに移動します。Add Serverをクリックして新しいローカルMCPサーバーを登録します。 ![Add Server Option in MCP](https://media.brightdata.com/2025/12/H1ipVGDXWx.png)プロンプトが表示されたら、Bright Data MCPパッケージを実行するコマンド（`npx @brightdata/mcp`）を設定し、認証に必要な環境変数（`API_TOKEN`）を追加してBright Data MCPサーバーを定義します。設定を保存してMCPサーバーをZedのAIエージェントで利用可能にします。 ![Zed MCP server configuration template for registering a local MCP server.](https://media.brightdata.com/2025/12/HJcV1zwmbe.png)追加されると、Bright DataがMCP Serversリストに表示され、AI支援ワークフロー中にZedがBright Data MCPに接続する準備ができていることを示します。 ![Bright Data MCP configured in Zed with the required command and environment variables.](https://media.brightdata.com/2025/12/HkwVZzwXZe.png)MCPサーバーが有効になると、ZedのAIエージェントはエディタ内のAI支援ワークフロー中にBright Dataのウェブツールを使用する準備ができます。 ![Tools available in Zed MCP](https://media.brightdata.com/2025/12/ByGFWfvmbx.png)### ステップ#6：Zedで実際のタスクを実行する このステップでは、ZedのAIエージェントとBright Data MCPを組み合わせて、ライブウェブコンテンツを取得し、ローカルに保存し、実際のデータに基づいた小さなスクリプトを生成します。 ZedのAIまたはチャットパネルを開きます（先ほどAI応答をテストするために使用したもの） - ここでプロンプトを入力します - コードを書くのではなく、ZedのAIエージェントと対話しています。 以下のプロンプトをそのままZedにコピー＆ペーストしてください： ```none Fetch the live documentation page at https://nodejs.org/en/docs Use Bright Data MCP to extract the main documentation content and convert it into clean Markdown. Save the extracted content as docs.md. Then generate a short summary of the documentation and save it as summary.md. Finally, create a simple Node.js script called readDocs.js that loads docs.md and prints the first few lines. ``` プロンプトを送信した後、何が起こるかを観察してください： - AIエージェントが実行するステップを説明または計画します - ウェブアクセスが必要であることを特定します - Bright Data MCPツール（通常はscrape\_as\_markdown）を選択します - Zedがツールの実行を承認するよう求める場合があります ![Zed AI agent prompt requesting live documentation data using Bright Data MCP.](https://media.brightdata.com/2025/12/BycpMzDmZg.png)タスクが完了したら、生成されたファイルがプロジェクトディレクトリに存在することを確認します。Markdownファイルを開いて、ライブドキュメントページから抽出されたコンテンツが含まれていることを確認します。 生成されたスクリプトを実行すると、スクレイピングされたコンテンツからのデータが出力され、ワークフローが正常に実行されたことが確認できます。 ![Zed agent planning the task and selecting a Bright Data MCP tool for web access.](https://media.brightdata.com/2025/12/ryzY7fwXWl.png)## まとめ このチュートリアルでは、[Bright Data MCP](/blog/ai/web-mcp-free-tier)とZedを統合して、AIネイティブエディタ内でリアルタイムのウェブインタラクションを有効にする方法を学びました。Zedのエージェント編集モデルとBright Dataのウェブツールを組み合わせることで、AIがライブコンテンツを取得し、ローカルに保存し、実際のデータに基づいて使用可能なコードとファイルを生成するワークフローを作成しました。 Bright DataのBright Data MCPは、構造化された最新のウェブデータへのアクセスを提供することで、より信頼性が高く[コンテキストを認識したAI支援](/ai/web-access)開発ワークフローの構築への扉を開きます。このアプローチは静的な知識への依存を減らし、AI生成出力の精度を向上させます。 より高度なエージェントのユースケースを探求するには、より広いBright Dataインフラとそのアクセス可能なAI対応ウェブデータソリューションをご覧ください。 無料のBright Dataアカウントから始めて、Bright Data MCPをさらに試して独自のAI駆動開発ワークフローを強化できます。 お問い合わせ無料トライアル![google social icon](/wp-content/themes/brightdata/assets/images/ic_google.svg) 目次 日本企業向けデータソリューション 日本のトップ企業が信頼するスケーラブルなウェブデータプラットフォーム。日本語24時間サポート、GDPR・個人情報保護法準拠、日本企業20社以上の導入実績。 [詳細を見る](https://brightdata.jp/solutions/data-solutions-for-japanese-companies "詳細を見る") [ ](https://news.ycombinator.com/submitlink?t=Zed%E3%81%A8Bright+Data%E3%81%AEBright+Data+MCP%E3%81%AE%E7%B5%B1%E5%90%88&u=https://brightdata.jp/blog/ai/zed-with-web-mcp) [ ](https://www.linkedin.com/shareArticle?mini=true&title=Zed%E3%81%A8Bright+Data%E3%81%AEBright+Data+MCP%E3%81%AE%E7%B5%B1%E5%90%88&url=https://brightdata.jp/blog/ai/zed-with-web-mcp) [ ](http://www.reddit.com/submit?title=Zed%E3%81%A8Bright+Data%E3%81%AEBright+Data+MCP%E3%81%AE%E7%B5%B1%E5%90%88&url=https://brightdata.jp/blog/ai/zed-with-web-mcp) ## あなたは下記にもご興味がおありかもしれません [ ![OpenHuman with Bright Data](https://media.brightdata.jp/2026/09/OpenHuman-with-Bright-Data.png) ](https://brightdata.jp/blog/ai/openhuman-with-bright-data "Bright Data CLIを通じたOpenHumanにおける本番対応ウェブアクセス") [AI ![Antonello Zanini](https://media.brightdata.jp/2022/12/Antonello-Zanini-2-50x50.jpg) Antonello Zanini Technical Writer ### Bright Data CLIを通じたOpenHumanにおける本番対応ウェブアクセス Bright Data CLIをOpenHumanに統合して、AIエージェント向けの本番対応ウェブアクセスとデータ収集を実現します。 09-Sep-2026 3 分読 ](https://brightdata.jp/blog/ai/openhuman-with-bright-data) [ ![Multimodal Web Scraping with MiniMax](https://media.brightdata.jp/2026/09/Multimodal-Web-Scraping-with-MiniMax.png) ](https://brightdata.jp/blog/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%87%e3%83%bc%e3%82%bf/multimodal-web-scraping-with-minimax "MiniMaxによるマルチモーダルウェブスクレイピング") [ウェブデータ ![Antonello Zanini](https://media.brightdata.jp/2022/12/Antonello-Zanini-2-50x50.jpg) Antonello Zanini Technical Writer ### MiniMaxによるマルチモーダルウェブスクレイピング Bright Data Web UnlockerとMiniMax M3ビジョンを組み合わせて、画像やウェブページのスクリーンショットから構造化データを抽出します。 09-Sep-2026 1 分読 ](https://brightdata.jp/blog/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%87%e3%83%bc%e3%82%bf/multimodal-web-scraping-with-minimax) [ ![The 10 Best CLI Tools for Codex in 2026](https://media.brightdata.jp/2026/08/The-10-Best-CLI-Tools-for-Codex-in-2026.png) ](https://brightdata.jp/blog/ai/best-cli-tools-for-codex "2026年版 Codex向けCLIツール10選 – テスト＆ランキング") [AI ![Daniel Shashko](https://media.brightdata.jp/2022/04/Daniel-Shashko-2-50x50.png) Daniel Shashko Web Data & AI Expert ### 2026年版 Codex向けCLIツール10選 – テスト＆ランキング Codexをより速く、より有能にする10のCLIツール。サンドボックス内から実際のウェブアクセスを提供するBright Data CLIから始まります。 06-Sep-2026 4 分読 ](https://brightdata.jp/blog/ai/best-cli-tools-for-codex)