--- title: "Bright DataのBright Data MCP統合でLobeChat体験を強化" slug: lobechat-with-web-mcp date: 2026-01-06T11:12:53+00:00 modified: 2026-01-06T11:12:56+00:00 permalink: https://brightdata.jp/blog/ai/lobechat-with-web-mcp type: blog --- [ ブログ ](https://brightdata.jp/blog "ブログ") / [AI](https://brightdata.jp/blog/ai) [AI](https://brightdata.jp/blog/ai) # Bright DataのBright Data MCP統合でLobeChat体験を強化 Bright DataのWeb MCPを統合し、ウェブ検索とライブデータでLobeChatアシスタントを強化しましょう。リモート設定と使用のための簡単なガイドに従ってください。 2 分読 [ ![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) ![LobeChat × Bright Data MCP](https://media.brightdata.jp/2025/10/LobeChat-%C3%97-Bright-Data-MCP.png) このガイドでは以下を学びます： - LobeChatとは何か、その特長は何か。 - MCPを使用してLobeChatアシスタントを拡張すべき理由。 - – リモート接続を介してLobeChatアシスタントを[Bright DataのBright Data MCPサーバー](/ai/mcp-server)に接続する方法 さあ、始めましょう！ ## LobeChatとは？ [LobeChatは](https://lobechat.com/)、ユーザーフレンドリーなデザインのオープンソースLLMチャットプラットフォームです。デスクトップアプリとして、OpenAI、Gemini、Claudeなどの主要AIモデルと連携し、コンピューター上で直接、より優れたチャット体験を提供します。最近では、ブラウザからアクセスできる[プログレッシブウェブアプリとしても](https://lobechat.com/)利用可能になりました。 GitHubでは66,[000以上のスターを獲得しており](https://github.com/lobehub/lobe-chat)： ![LobeChat's GitHub star history](https://media.brightdata.jp/2025/10/image-26.png)この統計は、LobeChatが最も人気のあるAIチャットプラットフォームの一つであることを示しています。オープンソース基盤はセキュリティと信頼性を重視すると同時に、カスタマイズ可能な体験への扉を開いています。 LobeChatは多機能なAIアシスタント兼会話管理ハブとして機能し、単一インターフェース内で複数のAIモデルを管理・切り替え可能です。さらにプラグインシステムにより、MCP統合を通じて機能を拡張できます。 ### 主な機能 LobeChatが提供する主な機能は以下の通りです： - マルチモーダル対話：テキスト、音声、画像を用いたコミュニケーションにより、より豊かで直感的な会話を実現。 - AIコンパニオン（*「アシスタント」*と呼ばれる）を自由に作成・カスタマイズし、いつでも切り替え可能。 - 通常のメッセージングアプリのように簡単に使える、シンプルなチャット風インターフェース。 - 直感的なエディターで独自のAIアンサンブルを構築・管理できる[エージェントマーケットプレイス](https://lobehub.com/agent)。 - 検索、金融、ゲーム、学術など、エージェントの機能を拡張するツールを提供するプラグインエコシステム。 - ナレッジベースを連携し、エージェントが学習・進化する知識と記憶の統合機能。 - 画像をアップロードし、システムが分析・説明を行う視覚認識機能。 - DALL·E、MidJourney、Soraなどのツールを使用した画像、音声、動画生成のための生成AIサポート。 - 音声機能により、エージェントとのリアルタイム会話や音声のカスタマイズが可能。 - モデル柔軟性：GPT、Claude、Geminiなどの世界トップクラスのLLMと連携し、好みのモデルを選択可能。 ## LobeChatにおけるBright DataのBright Data MCP連携の利点 LobeChat[はMCP統合](https://lobehub.com/mcp)をサポートし、アシスタントがプロンプト処理中に基盤LLMが直接呼び出せるツールを利用可能にします。LLM単独では不可能な処理を補完するため特に有用です。 LobeChatのモデル非依存設計により、MCP統合ではチャット内で多様なツールを活用できるアシスタント構築が可能。これはLLMの主要な制約である「静的知識」の克服に特に有効です。 [LLMは](/blog/web-data/train-an-ai-model)特定の時点の[スナップショットデータを学習しているため](/blog/web-data/train-an-ai-model)、その知識は急速に陳腐化します。さらに重要なのは、LLMがネイティブにWebや外部データソースとやり取りできない点です。仮に可能であっても、通常はボット対策ソリューションによってブロックされます。 ここでMCPを基盤とするLobeChatのプラグインシステムが真価を発揮します。[**例えばBright DataのBright Data MCPに**](/ai/mcp-server)接続すれば、AIアシスタントがウェブから直接最新の高品質データを取得可能になります。 Bright Data MCPは60以上のAI対応ツールへのアクセスを提供し、[すべてBright Dataのウェブデータ基盤で](/ai)動作します。オープンソースパッケージでMCPサーバーをローカルにインストールするか、Bright Dataのサーバー経由でリモートアクセスできます。 [無料プランでも](/blog/ai/web-mcp-free-tier)、Bright DataのBright Data MCPは以下の2つの必須ツールを提供します： **ツール****説明**`scrape_as_markdown`ボット検知やCAPTCHAを回避し、任意のウェブページをクリーンなMarkdown形式でスクレイピングします。`search_engine`Google、Bing、Yandex の検索結果を JSON または Markdown で取得します。これらの無料ツールに加え、Bright Data MCPではAmazon、LinkedIn、Instagramなど、プラットフォームを横断した構造化データ収集のための数十種類の専門ツールを利用できます。[すべての利用可能なツールを発見しましょう！](https://github.com/brightdata/brightdata-mcp/blob/main/assets/Tools.md) LobeChatとBright Data MCPを組み合わせることで、静的なチャットを動的なアシスタントに変革。リアルタイムのウェブデータにアクセスし、現実世界に根ざした洞察を生成し、ウェブページ上でユーザーに代わってタスクを実行できます。 ## Bright DataのリモートBright Data MCPサーバーにLobeChatを接続する方法 このステップバイステップセクションでは、LobeChatアシスタントをBright Data MCPにリモート接続する方法を説明します。 では、ターミナルで[`@brightdata/mcpを`](https://www.npmjs.com/package/@brightdata/mcp)ローカル実行する代わりに、なぜリモート接続するのか？その理由は、LobeChatがデスクトップアプリとウェブアプリの双方として動作するからです。ただし、ウェブアプリはMCPサーバーへのリモート接続のみをサポートしています。したがって、このチュートリアルを広く適用可能なものにするため、リモートURL経由でのBright Data MCP設定に焦点を当てます。 デスクトップ版を使用中でローカル設定を希望する場合も、それほど複雑ではなく可能です。実際、[その場合はLobeChatのBright Data MCPプラグインを](https://lobehub.com/mcp/brightdata-com-brightdata-mcp?activeTab=deployment)直接活用できます。 以下の手順に従ってください！ ### 前提条件 開始前に、以下の準備が整っていることを確認してください： - [LobeChatアカウント](https://lobechat.com/signup)（無料トライアルアカウントでも可） - [APIキーが設定済みのBright Dataアカウント](/?hs_signup=1)（設定方法は後述）。 以下の概念に関する知識も重要です： - [MCPの動作原理](https://modelcontextprotocol.io/docs/learn/architecture)。 - [Streamable HTTP、SSE、STDIOの違い](/blog/ai/sse-vs-streamable-http)。 - [Bright Data MCPのリモートオプションの仕組み](https://docs.brightdata.com/mcp-server/remote/quickstart) ### ステップ #1: LobeChat の開始 [LobeChatアカウントにログインし](https://lobechat.com/login)、LobeHubにアクセスしてください。以下のような画面が表示されます： ![The LobeHub dashboard in LobeChat](https://media.brightdata.jp/2025/10/image-27.png)ここでは以下の操作を行います： 1. MCPプラグインの設定を行います。 2. リモートBright Data MCPサーバーに接続するカスタムプラグインを作成します。 3. 新しいアシスタントを追加します。 4. アシスタント内でカスタムBright Data MCPプラグインを有効化します。 5. 強化されたアシスタントとチャットします。 以下の手順で確認しましょう！ ### ステップ #2: MCPプラグインの設定 LobeChatにおけるMCP設定の詳細は[公式ブログ記事を](https://lobehub.com/blog/mcp-in-lobehub-what-is-it-and-how-to-set-it-up)参照してください。それ以外の場合は、以下のガイドに従ってください。 まず、LobeHubインターフェースの下部ツールバーにあるプラグインアイコンをクリックします。次に、「Plugin Store」オプションを選択します： ![Selecting the “Plugin Store” option](https://media.brightdata.jp/2025/10/image-28.png)表示される「プラグインストア」モーダルで、「MCPプラグインを追加」ボタンを押します： ![Clicking the “Add MCP Plugin” button](https://media.brightdata.jp/2025/10/image-29.png)これでLobeChatにおけるMCPプラグインの設定が開始されます。具体的には、ローカルまたはリモートのMCPサーバーに接続するためのカスタムプラグインを定義できます。このカスタムプラグインを有効にすることで、サーバーが提供するツールがアシスタント内で利用可能になります。 ### ステップ #3: Bright Data MCP接続URLの取得 MCPプラグインの定義を進める前に、Bright Data MCP接続URLを取得する必要があります。これにはBright Data APIキーが必要で、リモートBright Data MCPサーバーへの接続認証に使用されます。公式ガイドに従って[Bright Data APIトークンを生成してください](https://docs.brightdata.com/api-reference/authentication#how-do-i-generate-a-new-api-key%3F)。 **重要**: 設定を簡略化するには、APIキーに*管理者権限*が必要です。これにより、Bright Dataアカウント[はBright Data MCPによって必要な](https://github.com/brightdata/brightdata-mcp?tab=readme-ov-file#advanced-configuration)すべての[製品が](https://github.com/brightdata/brightdata-mcp?tab=readme-ov-file#advanced-configuration)自動的に設定されます（下記参照）。 ![The Bright Data products automatically set up by Bright Data MCP](https://media.brightdata.jp/2025/10/image-30.png)[詳細はBright Data MCPドキュメントページを](https://docs.brightdata.com/mcp-server/overview)参照してください。アカウント内の「[MCP」](/cp/mcp)クイックセットアップページもご覧ください： ![The “MCP” page in your account](https://media.brightdata.jp/2025/10/image-31.png)Bright Data MCPのリモート接続URLは次のようになります： ```none https://mcp.brightdata.com/mcp?token= ``` ``を Bright Data API キーに置き換えてください。 **注意**：デフォルトでは、`search_engine`および`scrape_as_markdown`ツール（バッチ版を含む）のみが利用可能です。これは Bright Data MCP の無料プランによるものです。 Bright Data MCPが提供する高度なツール（Webデータフィード、ブラウザ操作など）をすべて利用するには、URLに`&pro=1`を追加してProモードを有効化してください: ```none https://mcp.brightdata.com/mcp?token=&pro=1 ``` これにより60以上のツールが利用可能になりますが、[Proモードでの使用には費用が発生することを](https://github.com/brightdata/brightdata-mcp?tab=readme-ov-file#-pricing--modes)ご留意ください。 素晴らしい！これでLobeChatにBright Data MCPを設定する準備が整いました。 ### ステップ #4: リモート Bright Data MCP サーバーへの接続 LobeChatに戻り、「MCPプラグインを追加」ボタンを押すと、以下の「カスタムプラグインを追加」画面が表示されます: ![The “Add Custom Plugin” view in LobeChat](https://media.brightdata.jp/2025/10/image-32.png)まず、MCPサーバーへの接続方法を選択します。リモート接続の場合は「Streamable HTTP」を選択してください。次に、MCPプラグインに名前を付け（例：「BrightData」）、Bright Data MCP接続URLを貼り付けます： ![Configuring a custom plugin for Bright Data MCP integration](https://media.brightdata.jp/2025/10/image-33.png)「接続テスト」をクリックし、LobeChatがBright Data MCPに到達できることを確認します。問題なく動作すれば、以下の4つのツール（無料プランで利用可能）が表示されます： ![The tools retrieved by LobeChat (free tier)](https://media.brightdata.jp/2025/10/image-34.png)または、Proモード（`&pro=1`付き）では60以上のツールが利用可能です： ![The tools retrieved by LobeChat (Pro mode)](https://media.brightdata.jp/2025/10/image-35.png)接続が確認できたら、「プラグインをインストール」をクリックしてカスタムBright Data MCPプラグインを作成します： ![Pressing the “Install Plugin” button](https://media.brightdata.jp/2025/10/image-36.png)「プラグインストア」モーダルに戻り、「インストール済み」タブでカスタムBrightDataプラグインが表示されるはずです： ![Note the installed custom plugin](https://media.brightdata.jp/2025/10/image-37.png)素晴らしい！Bright Data MCPの統合が完了しました。これで新しいLobeChatアシスタントでプラグインを使用する準備が整いました。 ### ステップ #5: 新規アシスタントの作成と設定 LobeHubに戻り、「New Assistant」ボタンをクリックして[新しいLobeChat AIアシスタント](https://lobehub.com/docs/usage/agents/custom-agent)を作成します： ![Pressing the “New Assistant” button](https://media.brightdata.jp/2025/10/image-38.png)以下のような画面が表示されます： ![Your new default assistant](https://media.brightdata.jp/2025/10/image-39.png)アシスタントの設定を変更できます。例えば、アシスタント名横の`「gpt-5-mini`」ラベルをクリックし、希望のモデルを選択することで、モデルをデフォルトのGPT-5 MiniからGemini 2.5 Flashに切り替えます： ![Selecting the “Gemini 2.5 Flash” model](https://media.brightdata.jp/2025/10/image-40.png)これでアシスタントは[Gemini 2.5 Flash](https://cloud.google.com/vertex-ai/generative-ai/docs/models/gemini/2-5-flash)で動作します。 執筆時点では、LobeChatはGPT、Claude、Geminiモデル向けに450,000クレジットの豊富な無料トライアルを提供しています。そのため、すぐに費用を気にする必要はありません。ただし、本番環境のアシスタントには[プレミアムプラン](https://lobehub.com/pricing)が必要です。 完了！これでBright Data MCPツールで強化されたLobeChatアシスタントが利用可能になりました。 ### ステップ #6: アシスタントへのBright Data MCP統合 アシスタント内で「プラグイン」ボタンを押し、「BrightData」プラグインにチェックを入れて有効化します： ![Checking the “BrightData” MCP plugin](https://media.brightdata.jp/2025/10/image-41.png)素晴らしい！これでアシスタントがリモートBright Data MCPの全ツールを利用可能になりました。 ### ステップ #7: 統合のテスト 通常は、タスクの特定部分を担当し異なるMCPツールに依存する[カスタムエージェント群を構築](/blog/ai/crewai-real-estate-agent)します。しかしLobeChatのChatGPT風体験により、タスクを複数のプロンプトに分割し、チャットのコンテキスト機能を活かせます。 例えば、データベースクライアントを購入する必要があるスタートアップ企業を想定しましょう。候補はDbVisualizer、DBeaver、DataGrip（おそらく最も人気のある3つのデータベースクライアント）に絞られています。 スタートアップ企業として1ドルも無駄にできないため、価格に基づいて決定を下す必要があります。各製品の価格ページから情報を取得し、そのデータに基づいて最終的な推奨を行うようLLMに依頼するのが基本方針です。 まず、DbVisualizerの価格ページをスクレイピングし、詳細なレポートを返すよう依頼します： ```none 以下の価格ページから主要情報をまとめた要約を作成してください： https://www.dbvis.com/pricing/ 全価格プランを一覧化した表と、私が把握すべき重要な詳細を箇条書きで強調したリストを含めてください。 ``` プロンプトをアシスタントに貼り付けて実行してください： ![The prompt execution in LobeChat](https://media.brightdata.jp/2025/10/image-42.png)背景で実行された処理: 1. Geminiはリクエスト実行計画を作成しました。 2. まず「BrightData」プラグインのscrape\_`as`\_markdownツールでページ内容をスクレイピングする必要があると認識しました。 3. 正しい引数（プロンプトから取得した価格ページURL）でプラグインを実行し、Markdown形式でコンテンツを取得しました。 4. 内容を分析し、要求されたデータを含むレポートを生成しました。 実際の応答前にLobeChatが提供するデバッグ情報で、Bright DataのBright Data MCP`scrape_as_markdownツールの`使用を確認してください： ![Note the scrape_as_markdown tool request and response](https://media.brightdata.jp/2025/10/image-43.png)次に、DBeaverとDataGripの価格ページでも同じ手順を繰り返します。これによりチャットには3つのレポート全てが含まれ、LobeChatアシスタントはデフォルトで直近20件のメッセージを保存するため、後からでもアクセス可能です。 **重要**：出力結果が正確なのは、アシスタント[がBright DataのWeb Unlockerを](/products/web-unlocker)基盤`とするscrape_as_markdownツール`で任意のウェブサイトをリアルタイムにスクレイピングできるためです。同様に、[Bright DataのSERP API](/products/serp-api)を活用した`search_engine`ツールでウェブ検索も可能です。 最後に、以下のような意思決定プロンプトでタスクを完了させてください： ```none 当社は複数のデータベースを管理する必要があるスタートアップです。プレミアム機能へのアクセスと強力なカスタマーサポートを提供しつつ、最もコストパフォーマンスに優れたソリューションを求めています。適切なソリューションには投資する用意があります。先に収集した情報に基づき、私のニーズに合致するDbVisualizer、DBeaver、DataGripのうちどれを推奨しますか？ ``` アシスタントで実行： ![The run of the final prompt](https://media.brightdata.jp/2025/10/image-44.png)LobeChatのGemini搭載アシスタントがBright Data MCP経由で事前に収集したデータを分析し、3つのデータベースクライアントを比較します。期待される出力は以下の通りです： ![Note the plan for the prompt](https://media.brightdata.jp/2025/10/image-45.png)収集データに基づくアシスタントの最終推奨は、DbVisualizerが最適な選択肢であり、DataGripがそれに次ぐ選択肢となります： ![The final output](https://media.brightdata.jp/2025/10/image-46.png)さあ、これで完了です！Bright DataのBright Data MCP統合により、LobeChatアシスタントがどれほど強力になったかを実証しました。 **注**: Bright Data MCP統合がなければ、この作業にははるかに多くの時間がかかります。LLM単体ではウェブページコンテンツに直接アクセスできないため、手動で渡す必要がありました。コンテンツがLLMの処理能力を超える長さの場合、これは問題になり得ます。しかし今回は、チャットから離れることなく必要な情報を全て入手できました。これは非常に便利です！ プロンプトを変更することで、アシスタントを[他の多くのユースケース](/ai/web-access)に活用できます。 ## まとめ 本記事では、Bright DataのBright Data MCP（[無料プランが新たに追加されました！](/blog/ai/web-mcp-free-tier)）をLobeChatに統合し、拡張されたAIチャット体験を構築する方法を解説しました。この統合により、アシスタントはウェブ検索、データ抽出、リアルタイムWebインタラクションなどの機能を獲得します。 さらに高度なAIチャットボットを構築するには、[Bright DataのAIインフラストラクチャ](/ai)内で提供される幅広い製品とサービスを探索してください。これらのソリューションは、多様なAIワークフローと様々なチャットボットユースケースをサポートするために設計されています。 無料のBright Dataアカウントに登録し、AI対応のウェブデータ製品を今すぐお試しください！ お問い合わせ無料トライアル![google social icon](/wp-content/themes/brightdata/assets/images/ic_google.svg) 目次 Data for AI Supercharge your AI with instant and reliable access to web data. No blockers. No hassle. Talk to an expert Bright Data MCP Get started with Bright Data’s Web MCP Server today with 5000 free monthly requests and unlock your AI’s full potential. Start free now [ ](https://news.ycombinator.com/submitlink?t=Bright+Data%E3%81%AEBright+Data+MCP%E7%B5%B1%E5%90%88%E3%81%A7LobeChat%E4%BD%93%E9%A8%93%E3%82%92%E5%BC%B7%E5%8C%96&u=https://brightdata.jp/blog/ai/lobechat-with-web-mcp) [ ](https://www.linkedin.com/shareArticle?mini=true&title=Bright+Data%E3%81%AEBright+Data+MCP%E7%B5%B1%E5%90%88%E3%81%A7LobeChat%E4%BD%93%E9%A8%93%E3%82%92%E5%BC%B7%E5%8C%96&url=https://brightdata.jp/blog/ai/lobechat-with-web-mcp) [ ](http://www.reddit.com/submit?title=Bright+Data%E3%81%AEBright+Data+MCP%E7%B5%B1%E5%90%88%E3%81%A7LobeChat%E4%BD%93%E9%A8%93%E3%82%92%E5%BC%B7%E5%8C%96&url=https://brightdata.jp/blog/ai/lobechat-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)