--- title: "How to Give Mistral Vibe Access to the Web via Bright Data" slug: mistral-vibe-with-bright-data date: 2026-04-28T10:55:08+00:00 modified: 2026-04-29T08:04:12+00:00 permalink: https://brightdata.jp/blog/ai/mistral-vibe-with-bright-data type: blog --- [ ブログ ](https://brightdata.jp/blog "ブログ") / [AI](https://brightdata.jp/blog/ai) [AI](https://brightdata.jp/blog/ai) # How to Give Mistral Vibe Access to the Web via Bright Data Bright DataのMCPサーバーとAgent Skillsを使用して、Mistral Vibeをリアルタイムのウェブアクセスで拡張する方法をご確認ください。 4 分読 [ ![Antonello Zanini](https://media.brightdata.jp/2022/12/Antonello-Zanini-2-50x50.jpg) ](https://brightdata.com/blog/authors/antonello-zanini) [Antonello Zanini Technical Writer ](https://brightdata.com/blog/authors/antonello-zanini) ![How to Give Mistral Vibe Access to the Web via Bright Data](https://media.brightdata.jp/2026/04/How-to-Give-Mistral-Vibe-Access-to-the-Web-via-Bright-Data.png) このチュートリアルでは、以下の内容を学びます： - Mistral Vibeとは何か、何を提供するか。 - ウェブアクセスで拡張することで最大の制限を克服できる理由。 - Bright DataがウェブスクレイピングやWebサーチ、ブラウザ自動化のためのVibe統合をどのようにサポートするか。 - MCPを介してBright DataをMistral Vibeコーディングエージェントに接続する方法。 - Agent SkillsでMistral VibeにBright Dataソリューションの知識を与える方法。 - Bright Data + Mistral Vibe統合のメリットと完全な例。 さっそく始めましょう！ ## Mistral Vibeとは？ [Mistral Vibe](https://mistral.ai/products/vibe)は、[MistralのAIモデル](https://mistral.ai/models)を搭載したオープンソースの[CLIコーディングアシスタント](https://github.com/mistralai/mistral-vibe)です。具体的には、自然言語を使用してコードベースを探索・変更・操作するための会話型インターフェースを提供します。 Vibeは開発者が反復タスクの自動化、コードのリファクタリング、シェルコマンドの実行、サブエージェントへの作業委任を行うのに役立ちます。オープンソースの性質を持ち、[GitHubで3.8k以上のスターを獲得しています](https://github.com/mistralai/mistral-vibe)。 ![Mistral Vibeライブラリのスター履歴](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775641276707_image.png)主な機能には以下が含まれます： - コードの探索と変更のためのMistral AIモデルとのインタラクティブチャット。 - ファイルの読み書き、検索/置換、シェルコマンドの実行。 - 並列ワークフローのためのサブエージェントへのタスク委任。 - プロジェクト対応のコンテキストとGit統合。 - カスタムスキルとスラッシュコマンドシステム。 - オートコンプリート、永続的な履歴、設定可能なUIテーマ。 - ツール実行の承認や信頼フォルダなどのセーフティ機能。 ## Mistral VibeがWebアクセスを必要とする理由 設定したMistralモデルがどれほど優れていても、VibeコーディングエージェントはすべてのラLLMに共通する重大な制約に直面します：情報の停滞です！結局のところ、LLMは[トレーニング中に使用されたデータセットから派生した出力のみを生成します](/blog/web-data/train-an-ai-model)。問題は、このトレーニング素材が過去の静的なスナップショットであることにあります… 技術の世界がいかに急速に進歩するかを考えると、その制限は重大です。LLMは時代遅れのプログラミング習慣を推奨したり、非推奨の関数を使用したり、最近リリースされたアップデートを完全に見落としたりする可能性があります。 このような制限に対処するには、AIソフトウェアツールをライブWebアクセスで強化する必要があります。それこそが[Bright Data](/)が提供するものです！ [Bright DataのAI対応Webアクセスインフラ](/ai/web-access)により、エージェントは自律的に以下のことが可能になります： - 関連するオンラインソースから最新情報を見つけ、通常のユーザーと同様にGoogleやその他のエンジンでWebサーチを実行する。 - ドキュメントページ、Stack Overflow、フォーラム、その他のソースから学習し、最新の状態を保ち、必要に応じて自己修正する。 - データベースへの入力やレスポンスのモッキングなどのタスクのために、実際の構造化されたWebデータを取得する。 - さらなる読み物のための関連リンクを提案したり、`README.md`ファイルを充実させる。 - [その他の多くの実世界のユースケース](/use-cases)を処理する。 Bright Dataが際立っているのは、[195カ国に4億以上のレジデンシャルプロキシIP](/proxy-types/residential-proxies)に支えられた大規模なネットワークインフラです。これにより、99.99%のアップタイムと99.95%の成功率を達成しながら、無制限のスケーラビリティが可能になります。 ## Mistral VibeをWebスクレイピング、検索、探索機能で拡張する方法 Bright DataはMistral Vibeを2つの統合方法でサポートします： - [**Bright Data MCP**](/ai/mcp-server)：公式のBright Data MCPサーバーで、[Bright DataのAPIベースの製品とサービス](/products)と連携するための60以上のツールを公開します。 - [**Bright Dataスキル**](https://docs.brightdata.com/ai/for-agents/skills)：Agent Skillsスタンダードに準拠したスキルセットで、AIエージェントがBright Data製品を効果的に使用するために必要な知識を提供します。 **重要**：これら2つのアプローチは相互に排他的ではありません。むしろ、補完的かつ相乗的です！これは、Bright DataスキルにはAIコーディングエージェントがBright Data MCPツールを最大限に活用するためのスキルが含まれているためです。 ### Bright Data MCP [Bright Data MCPは60以上のツール](https://docs.brightdata.com/ai/mcp-server/tools)を提供し、自動化されたWebデータ収集、構造化データ抽出、ブラウザ操作をサポートします。 [無料ティア](/blog/ai/web-mcp-free-tier)でも、興味深いツールが利用できます： ツール説明`search_engine`Google、Bing、またはYandexの結果をJSONまたはMarkdown形式で取得します。`scrape_as_markdown`アンチボット対策を回避して、任意のWebページをクリーンなMarkdownに変換します。`discover`Webを検索し、AI駆動の関連性を使用して結果をランク付けします。`search_engine`と`scrape_as_markdown`ツールのバッチバージョンにもアクセスできます。 ただし、[Proモード](https://github.com/brightdata/brightdata-mcp?tab=readme-ov-file#-pricing--modes)こそがBright Data MCPが真に輝くところです。これにより、Amazon、GitHub、LinkedIn、YouTube、TikTok、Yahoo Finance、Zillow、Googleマップなどのプラットフォームから構造化データを抽出するための高度なツールがアンロックされます。また、ブラウザ自動化のためのツールも利用できます。 ### Bright Dataスキル [Bright Dataスキル](https://github.com/brightdata/skills)は以下の通りです： **スキル****説明**`search`Googleを検索し、タイトル、リンク、説明を含む構造化されたJSON結果を取得します。ページネーションをサポートします。`scrape`ボットバイパス、CAPTCHAの解決、JavaScriptレンダリングを使用して、任意のWebページをクリーンなMarkdownとしてスクレイプします。`data-feeds`Amazon、LinkedIn、TikTok、YouTube、eBay、Walmartなど40以上のサイトから構造化データを抽出します。`bright-data-mcp`より優れた検索、スクレイピング、抽出、ブラウザ自動化のためにBright Data MCPツールをオーケストレーションします。`scraper-builder`サイト分析から完全な実装まで、本番環境対応のスクレイパーを構築するためのガイダンスを提供します。`bright-data-best-practices`Bright DataのWeb Unlocker、SERP API、スクレイパーAPI、ブラウザAPIの使用に関するリファレンス。`python-sdk-best-practices`非同期/同期クライアント、スクレイパー、データセット、エラーをカバーする`brightdata-sdk` Pythonパッケージのガイド。`brightdata-cli`スクレイピング、検索、データ抽出、プロキシ、監視のためのBright Data CLIの使用手順。`competitive-intel`価格、レビュー、採用シグナル、コンテンツ、SEO、市場マップのリアルタイム競合情報を提供します。`design-mirror`一貫したUIのためにデザインシステムのパターン、トークン、コンポーネントを複製します。`brd-browser-debug`障害トリアージ、帯域幅追跡、CAPTCHAレポート、パターンを使用してBright Dataブラウザセッションをデバッグします。## 共通ステップ MCPまたはスキルを介してBright DataをVibeに統合する方法を示す前に、いくつかの共通の予備作業を行う必要があります。 ### 前提条件 このチュートリアルを進めるために、以下が揃っていることを確認してください： - Linux、macOS、またはWindowsで設定されたWSLなどのUnixベースのオペレーティングシステム。 - ローカルにインストールされたNode.js。これはMCPをローカルでセットアップし、[`skills`](https://www.npmjs.com/package/skills)パッケージを介してスキルをインストールするために必要です。スキルを手動でインストールし、[Bright Data MCPにリモート接続](https://docs.brightdata.com/ai/mcp-server/remote/quickstart)する場合は、この前提条件をスキップできます。 - [Mistralアカウント](https://console.mistral.ai/)（理想的には[APIキーが既に設定されている](https://admin.mistral.ai/organization/api-keys)もの）。 - APIキーが定義された[Bright Dataアカウント](/?hs_signup=1)。 Bright Data APIキーを生成するには、[公式ガイドに従ってください](https://docs.brightdata.com/api-reference/authentication#how-do-i-generate-a-new-api-key)。 ### ステップ#1：Mistral Vibeをインストールする ターミナルを開き、以下のコマンドを実行して[Vibeインストールスクリプトをダウンロードして実行します](https://docs.mistral.ai/mistral-vibe/introduction/install)： ``` curl -LsSf https://mistral.ai/vibe/install.sh | bash ``` これにより、Mistral Vibeインストールツールが起動し、必要なすべてのパッケージを取得してインストールします： ![Mistral Vibeインストールツール](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775641329004_image.png) インストールが完了すると、次のような出力が表示されます： ![「\[SUCCESS\]」メッセージに注目してください](https://paper-attachments.dropboxusercontent.com/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775641358514_image.png) これで、以下のコマンドでシステム上でMistral Vibeを実行できます： ``` vibe ``` 完了です！Vibeが正常にインストールされました。 ### ステップ#2：セットアップを完了する ターミナルでプロジェクトのフォルダを作成するか（または既存のものに移動します）。この例では、プロジェクトディレクトリが`mistral-bright-data-example`であると仮定します： ``` mkdir mistral-bright-data-example cd mistral-bright-data-example ``` プロジェクトフォルダ内でMistral Vibeを起動します： ``` vibe ``` ツールを初めて実行すると、次のようなウェルカムメッセージが表示されます： ![Mistral Vibeのウェルカムメッセージ](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775641375762_image.png) Enterを押すと、Mistral APIキーの入力を求められます。まだお持ちでない場合は、アカウントの[Mistral Vibe CLIページ](http://console.mistral.ai/codestral/cli)にアクセスし、「Start for free with your API plan」ドロップダウンの下にある「Generate your API key」ボタンをクリックしてください： ![「Generate your API key」ボタンを押す](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775642555432_image.png) 指示に従い、プランに登録し（無料の「Experiment」プランでも動作します）、APIキーを生成します。 Mistral APIキーを取得したら、フィールドに貼り付けてEnterを押します： ![Mistral APIキーを貼り付ける](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775641823584_image.png) APIキーを入力すると、Mistral VibeのターミナルUIに到達します： ![Mistral VibeのターミナルUI](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775641866215_image.png) ここから、モデル、システムプロンプトなどを設定できます。また、プロンプトを起動する場所でもあります。 素晴らしい！Mistral Vibeがシステムで設定され、動作する準備が整いました。 ## Bright Data MCPをMistral Vibeに接続する このセクションでは、Mistral VibeでBright Data MCPのローカルインスタンスを設定するプロセスを案内します。 ### 前提条件 このセクションをより簡単に進めるために、以下を持っていることをお勧めします： - [MCPの仕組み](https://modelcontextprotocol.io/docs/learn/server-concepts)の基本的な理解。 - [Bright Data MCPが公開するツール](https://docs.brightdata.com/ai/mcp-server/tools)の知識。 また、「共通ステップ」の章に記載されている前提条件もここに適用されることを覚えておいてください。 ### ステップ#1：Bright DataのBright Data MCPを始める Mistral VibeでBright DataのBright Data MCPを設定する前に、MCPサーバーがマシンで実行されることを確認する必要があります。あるいは、このステップをスキップしてBright Data MCPへのリモート接続を設定することもできます。 [Bright Dataアカウントにログイン](/cp/start)します。クイックセットアップのために、コントロールパネルの「[MCP](/cp/mcp)」セクションのウィザードに従ってください： ![Bright Dataアカウントの「MCP」セクション](https://media.brightdata.com/2026/04/s_3B7DA04116723D3B65D85FA49E678573F012E4EBB270FB1BB9BD03C4A92EB68F_1775649931899_image.png) または、追加のガイダンスについては、以下の手順を参照してください。 まず、[`@brightdata/mcp`](https://www.npmjs.com/package/@brightdata/mcp)パッケージを介してBright Data MCPをグローバルにインストールします： ``` npm install -g @brightdata/mcp ``` 以下のコマンドでMCPサーバーがローカルで起動することを確認します： ``` API_TOKEN="" npx -y @brightdata/mcp ``` ``を実際のBright Data APIキーに置き換えてください。このコマンドは必要な`API_TOKEN`環境変数を設定し、Bright Data MCPサーバーをローカルで起動します。 成功すると、次のような出力が表示されます： ![Bright DataのBright Data MCPスタートアップログ](https://media.brightdata.com/2026/04/s_BC694EB0496142EE3DF329451640C6FC748F9687F72E8A71DE02C0DAB36E05E7_1753192240616_image.png) 初回起動時、`@brightdata/mcp`パッケージはBright Dataアカウントに2つのゾーンを自動的に作成します： - `mcp_unlocker`：[Web Unlocker](/products/web-unlocker)用のゾーン。 - `mcp_browser`：[ブラウザAPI](/products/scraping-browser)用のゾーン。 これら2つのゾーンがBright Data MCPで利用可能な60以上のツールを動かします。独自のカスタムゾーンを設定することもできます。[ドキュメントで説明されているとおりです](https://github.com/brightdata/brightdata-mcp?tab=readme-ov-file#advanced-configuration)。 標準ゾーンが作成されたことを確認するには、Bright Dataコントロールパネルの「[プロキシとスクレイピングインフラ](/cp/zones)」ページに移動します。テーブルに両方のゾーンが表示されているはずです： ![起動時にBright Data MCPによって作成された「mcp_unlocker」と「mcp_browser」ゾーンに注目](https://media.brightdata.com/2026/04/s_3B7DA04116723D3B65D85FA49E678573F012E4EBB270FB1BB9BD03C4A92EB68F_1775650118094_image.png) [Bright Data MCP無料ティア](/blog/ai/web-mcp-free-tier)では、`search_engine`と`scrape_as_markdown`ツール（+バッチバージョン）、および`discover`ツールのみが利用可能です。 60以上のツールすべてをアンロックするには、`PRO_MODE="true"`環境変数を設定して[Proモードを有効にします](https://docs.brightdata.com/ai/mcp-server/local/advanced#mcp-server-modes)： ``` API_TOKEN="" PRO_MODE="true" npx -y @brightdata/mcp ``` **注意**：Proモードは無料ティアに含まれておらず、[追加料金が発生します](https://github.com/brightdata/brightdata-mcp?tab=readme-ov-file#-pricing--modes)。 素晴らしい！Bright Data MCPサーバーがマシンで実行できることを確認しました。次に、Mistral Vibeがサーバーを自律的に起動して接続するように設定します。 ### ステップ#2：Mistral VibeでBright Data MCPを設定する プロジェクトディレクトリで、[`.vibe`ディレクトリ内に`config.toml`ファイルを作成します](https://docs.mistral.ai/mistral-vibe/introduction/configuration)： ``` mistral-bright-data-example/ ├── .vibe/ │ └── config.toml └── ... ``` これはプロジェクトのローカルMistral Vibe設定ファイルを表します。Bright Data MCP接続を設定するには、`./.vibe/config.toml`ファイルに以下の内容が含まれていることを確認してください： ``` [[mcp_servers]] name = "bright-data" transport = "stdio" command = "npx" args = ["@brightdata/mcp"] env = { "API_TOKEN" = "", "PRO_MODE" = "true" } ``` このセットアップは、資格情報と設定に環境変数を使用して、先ほどテストした`npx`コマンドを反映します： - `API_TOKEN`：必須。Bright Data APIキーに設定してください。 - `PRO_MODE`：オプション。Proモードを使用しない場合は削除するか、`"false"`に設定してください。 すべてのプロジェクトにBright Data MCPをグローバルに設定する場合は、`~/.vibe/config.toml`ファイルに同じ設定を追加してください。 **注意**：同様の設定（[`transport = "http"`](https://github.com/mistralai/mistral-vibe?tab=readme-ov-file#mcp-server-configuration)）で、[Streamable HTTP経由でリモートBright Data MCPに接続](https://docs.brightdata.com/ai/mcp-server/remote/quickstart)できます。このアプローチはエンタープライズグレードのシナリオに適しています。 素晴らしい！Bright Data MCPがMistral Vibeで利用可能になりました。 ### ステップ#3：接続を確認する Mistral Vibeを再度起動します： ``` vibe ``` 今回は、1つのMCPサーバーが接続されていることが確認できます： ![1つのMCPサーバーが接続されていることに注目](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775642595627_image.png) MCP接続を確認する直接コマンドがないため、次のような質問をしてください： ``` Which MCP tools do you have access to? ``` Rapid（無料ティア）モード（`PRO_MODE`が省略または`false`に設定）では、5つの無料ツールが表示されます： ![Bright Data MCP無料ティアで利用可能な5つのツールに注目](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775642522674_image.png) 一方、Proモードでは、60以上のツールすべてにアクセスできます： ![Bright Data MCP Proモードで利用可能な60以上のツールの部分的なビュー](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775642434759_image.png) おめでとうございます！これにより、Bright Data MCPがMistral Vibeにツールを正しく公開していることが確認されました。（このブログ投稿の後半では、Bright DataスキルとともにBright Data MCPの実際の動作を紹介します。） ## Bright DataスキルをMistral Vibeに追加する ここでは、[Vercelの`skills`ツール](https://vercel.com/changelog/introducing-skills-the-open-agent-skills-ecosystem)が提供するガイド付きエクスペリエンスを通じて、VibeプロジェクトにBright Dataスキルを追加する方法を案内します。 **注意**：手動アプローチの場合は、[Bright Data Skillsリポジトリをクローン](https://github.com/brightdata/skills)してください。次に、`skills/skills/`フォルダの内容をプロジェクトの`.vibe/skills`ディレクトリにコピーするだけです： ``` git clone https://github.com/brightdata/skills cp -r skills/skills/* /.vibe/skills/ ``` では、よりシンプルで信頼性の高い手順を見てみましょう！ ### 前提条件 このチュートリアルセクションを進めるために、以下を確認してください： - [Agent Skillsスタンダードの仕組み](https://agentskills.io/home)の理解。 - AIコーディングエージェントソリューションでスキルを管理するための専用CLIである[Vercelの`skills`ツール](https://github.com/vercel-labs/skills)の基本的な知識。 - [Bright Dataスキル](https://docs.brightdata.com/ai/for-agents/skills)の知識。 「共通ステップ」の章に記載されている前提条件に加えて、以下も必要です： - Bright DataアカウントにセットアップされたWeb Unlocker APIゾーン。 - ローカルにインストールされた`jq`パッケージ。 Debianベースのオペレーティングシステムに[`jq`](https://jqlang.org/)（`sed`に似たJSONを処理するためのツール）をインストールするには、以下を実行します： ``` sudo apt-get install curl jq ``` 同様に、macOSでは以下を実行します： ``` brew install curl jq ``` Web Unlocker APIゾーンのクイックセットアップについては、「*[最初のUnlocker APIを作成する](https://docs.brightdata.com/scraping-automation/web-unlocker/quickstart)*」ガイドを参照してください。または、次の章に従ってください。 ### ステップ#1：Bright DataアカウントにWeb Unlocker APIゾーンを追加する [Bright Dataアカウントにログイン](/cp/start)します。コントロールパネルから「プロキシとスクレイピング」ページに移動し、「マイゾーン」テーブルを確認します： ![「web_unlocker」Web Unlocker APIゾーンに注目](https://media.brightdata.com/2026/04/s_C46EACF3FE041269DE1BC4F5A1CD7A7D9CA633A4015500CB5DC9754B1D7EB98D_1775468212247_image.png) Web Unlocker APIゾーン（例：`web_unlocker`）が既に存在する場合は、次のステップに進むことができます。 存在しない場合は、「Unblocker API」カードまでスクロールして「ゾーンを作成」ボタンをクリックして作成します： ![「ゾーンを作成」ボタンを押す](https://media.brightdata.com/2026/04/s_C46EACF3FE041269DE1BC4F5A1CD7A7D9CA633A4015500CB5DC9754B1D7EB98D_1775468271783_image.png) ゾーンに明確な名前を選択し、ゾーンがアクティブになるまでセットアップウィザードを完了します。完了です！ ### ステップ#2：Bright Dataスキルのセットアップを完了する Bright Dataスキルが機能するには、[以下の2つの環境変数](https://github.com/brightdata/skills?tab=readme-ov-file#2-set-environment-variables)が必要です： - `BRIGHTDATA_API_KEY`：[Bright Data APIへのリクエストを認証するため](https://docs.brightdata.com/api-reference/authentication)に使用されます。 - `BRIGHTDATA_UNLOCKER_ZONE`：Web Unlocker APIゾーンを指定し、ウェブスクレイピング（および[SERP API](/products/serp-api)として機能する検索機能）を有効にします。 以下のコマンドでシステムにこれらの変数を定義します： ``` export BRIGHTDATA_API_KEY="" export BRIGHTDATA_UNLOCKER_ZONE="" ``` プレースホルダーを設定した値に置き換えれば準備完了です！ ### ステップ#3：Bright Dataスキルをインストールする プロジェクトフォルダで以下のコマンドを実行します： ``` npx skills add brightdata/skills -a mistral-vibe ``` このコマンドは[`skills`](https://www.npmjs.com/package/skills)パッケージをインストールし、セットアッププロセスを起動します。これにより以下が行われます： - [公式Agent Skills DirectoryからBright Dataスキルをダウンロードします](https://skills.sh/brightdata)。 - Mistral Vibeで使用するように設定します。 最初に、インストールするスキルを選択できる画面が表示されます： ![すべてのBright Dataスキルを選択](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775642771687_image.png) すべてをインストールするには、スペースバーを使用して各スキルを切り替え、Enterを押します。 次に、インストールスコープを選択して続行します： ![インストールスコープを選択](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775642786894_image.png) 次に、「インストールの概要」と「セキュリティリスク評価」レポートが表示されます。確認してEnterを押して確定します。最後に、次のような確認メッセージが表示されます： ![最終確認メッセージ](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775642811350_image.png) Bright Dataスキルは[`.vibe/skills`](https://docs.mistral.ai/mistral-vibe/agents-skills#skills)ディレクトリにコピーされます： ``` mistral-bright-data-example/ ├── .vibe/ │ ├── config.toml │ └── skills/ │ ├── brd-browser-debug/ │ ├── bright-data-best-practices/ │ ├── bright-data-mcp/ │ ├── brightdata-cli/ │ ├── competitive-intel/ │ ├── data-feeds/ │ ├── design-mirror/ │ ├── python-sdk-best-practices/ │ ├── scrape/ │ ├── scraper-builder/ │ └── search/ └── ... ``` 素晴らしい！Bright DataスキルがMistral Vibeにインストールされ、利用可能になりました。 ### ステップ#4：セットアップを確認する Mistral Vibeを再度実行します： ``` vibe ``` コーディングエージェントが11のスキルにアクセスできるようになったことがわかります： ![Mistral Vibeが11のスキルにアクセスできるようになった](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775643071782_image.png) これらは11のBright Dataスキルに対応しています。以下のプロンプトを実行して確認します： ``` Which skills do you have access to? ``` レスポンスは次のようになります： ![Bright Dataスキルに注目](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775643109192_image.png) リストされたスキルが`.vibe/skills`ディレクトリのフォルダ名と一致していることに注目してください。 ミッション完了！次の章では、VibeでBright Data MCPとスキルのセットアップを最大限に活用する方法を見ていきます。 ## Mistral Vibe + Bright Data：究極のエージェントコード体験 MCPとスキルの両方を介してBright DataをMistral Vibeに統合したので、このセットアップで何が達成できるかを探ってみましょう！特定の実世界の例を使用しますが、他にも無数のシナリオが考えられます。 次のプロジェクトに最適なJavaScriptデータ可視化ライブラリを発見して分析したいとします。オンラインで手動で検索して各ライブラリを分析する代わりに、次のようなプロンプトでコーディングアシスタントに処理を任せることができます： ``` On Google, search for the top 5 most popular open-source libraries for data visualization in JavaScript. For each library, gather its main information from the official NPM package page. Then, from the discovered GitHub page of each library, scrape the main information in Markdown. Save the collected data in a structured JSON file. Then, create a Python notebook project with a virtual environment. The notebook should read the JSON data file, create relevant plots and tables in dedicated cells, and include explanatory comments for each visualization to help make informed decisions. ``` これが興味深いのは、出力が単なる従来のMarkdownレポートではないからです。実行して発展させることができるインタラクティブなJupyterノートブックが生成されます。そのテンプレートを再利用して他のライブラリを分析し、コーディングエージェントにBright Dataを通じて必要なソースデータを取得させることができます。 明らかなのは、標準のMistralモデルや多くのLLM単独ではこのタスクを達成できないということです。その理由は、タスクにWebサーチとスクレイピングが含まれており、構造化データフィードと汎用Markdownコンテンツ取得の両方が必要だからです。 プロンプトを実行すると、次のような結果が得られます： ![Mistral Vibeでのプロンプト実行](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775660258567_11.gif) 以下は、Mistral Vibeコーディングエージェントがタスクを処理した方法です： 1. Bright Dataの`search_engine`ツールを使用してGoogleでJavaScriptのトップ5オープンソースデータ可視化ライブラリを検索しました。 2. `web_data_npm_package` Proツールを使用して公式ページから構造化されたNPMパッケージ情報を収集しました。 3. `scrape_as_markdown`ツールを使用してGitHubリポジトリ情報をMarkdownでスクレイプしました。 4. 収集したデータを構造化JSONファイル（`data_visualization_libraries.json`）に保存しました。 5. 必要なパッケージを含むPython仮想環境を作成しました。 6. 以下の内容を含むJupyterノートブック（`data_visualization_analysis.ipynb`）を開発しました： - JSONファイルを読み込む。 - 専用セルに関連するプロットとテーブルを作成する。 - 各可視化に説明コメントを含める。 - データに基づく推奨事項を提供する。 7. セットアップ手順とプロジェクトドキュメントを含む`README.md`ファイルを作成しました。 8. 分析には以下が含まれます： - 基本情報テーブル。 - バージョン比較。 - GitHubスターを使用した人気分析。 - GitHubフォークを使用したコミュニティエンゲージメント。 - ライセンス分布。 - サマリーと推奨事項。 生成されたプロジェクトはすぐに使用できます。`README.md`ファイルの指示に従って仮想環境をアクティブ化し、Jupyter Notebookを起動して分析を実行してください。 **注意**：Mistral AIは各タスクに最適なBright Dataツールを選択しました。この知識は設定されたスキルから来ており、AIコーディングエージェントが情報に基づいた決定を下すのに役立ちます。 まず、`data_visualization_libraries.json`に保存されたスクレイプされたデータを確認します： ![スクレイプされたデータを含む「data_visualization_libraries.json」ファイル](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775660429305_image.png) これには、NPMとGitHubから意図通りにスクレイプされた実際のコンテキスト的で最新のデータが含まれていることに注目してください。 次に、Jupyter Notebookを開いてすべての可視化とインサイトを探索します。プロットと説明テキストの両方を組み合わせた分析がいかに詳細であるかをご覧ください： ![コーディングAIエージェントが生成したノートブック](https://media.brightdata.com/2026/04/s_7D5D83644E586B9C90375A2DE6CC3C493594107D072BCFAAA418FBE13A858CF8_1775660896204_21.gif) Et voilà！これにより、Bright DataツールをMistral Vibeに統合することのメリットが明確に示されます。 ## まとめ このブログ投稿では、Mistral Vibeとは何か、それが何をもたらすかを学びました。特に、[Bright Data MCP](https://docs.brightdata.com/ai/mcp-server/overview)と[Agent Skills](https://docs.brightdata.com/ai/for-agents/skills)を介してBright Dataに接続することで拡張する理由と方法を見てきました。 この統合により、Vibe AIコーディングエージェントに強力な新機能が装備され、コーディング能力がはるかに効果的になります。これには、Webサーチ、構造化データ抽出、ライブWebデータ取得、自動化されたWeb操作が含まれます。 さらに高度なワークフローについては、[Bright DataのエコシステムのAI対応サービスの全範囲](/ai)を探索してください。 今すぐ無料のBright Dataアカウントに登録して、Webデータツールの実験を始めましょう！ お問い合わせ無料トライアル![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=How+to+Give+Mistral+Vibe+Access+to+the+Web+via+Bright+Data&u=https://brightdata.jp/blog/ai/mistral-vibe-with-bright-data) [ ](https://www.linkedin.com/shareArticle?mini=true&title=How+to+Give+Mistral+Vibe+Access+to+the+Web+via+Bright+Data&url=https://brightdata.jp/blog/ai/mistral-vibe-with-bright-data) [ ](http://www.reddit.com/submit?title=How+to+Give+Mistral+Vibe+Access+to+the+Web+via+Bright+Data&url=https://brightdata.jp/blog/ai/mistral-vibe-with-bright-data) ## あなたは下記にもご興味がおありかもしれません [ ![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)