--- title: "xpander.aiでスクレイピング機能を備えたAIエージェントを構築する" slug: build-ai-agents-with-xpander-and-bright-data date: 2025-07-14T14:18:21+00:00 modified: 2025-11-04T08:47:55+00:00 permalink: https://brightdata.jp/blog/ai/build-ai-agents-with-xpander-and-bright-data type: blog --- [ ブログ ](https://brightdata.jp/blog "ブログ") / [AI](https://brightdata.jp/blog/ai) [AI](https://brightdata.jp/blog/ai) # xpander.aiでスクレイピング機能を備えたAIエージェントを構築する xpander.aiとBright Dataを使用して、スクレイピングとライブウェブデータ統合によるノーコードAIエージェントを構築する方法をご覧ください。 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) ![Build AI Agents with xpander.ai & Bright Data](https://media.brightdata.jp/2025/07/Build-AI-Agents-with-xpander.ai-Bright-Data.png) この記事で、あなたは見ることができる： - xpander.aiプラットフォームとは何か、AIエージェントを構築するために何を提供するのか。 - AIエージェントが真に効果的であるためには、なぜウェブへのアクセスが必要なのか。 - xpander.aiエージェントに組み込みのBright Dataツールを統合し、Webスクレイピング機能を持たせる方法。 さあ、飛び込もう！ ## xpander.aiとは？ [Xpander.aiは](https://xpander.ai/)、自律型AIエージェントを構築するためのBackend-as-a-Serviceプラットフォームです。企業の開発者がAIエージェントを効率的に構築、テスト、デプロイできるように設計されたコード不要のソリューションです。また、AIエージェントをプログラムで構築・実行するためのオープンソースSDKも付属しています。 このプラットフォームは、マルチエージェントワークフローとコラボレーションを定義するためのビジュアル環境を提供する。また、ツールをアタッチし、企業システムと統合することもできます。さらに、本番稼動前にエージェントの動作をシミュレートし、テストすることができます。 主な特徴は以下の通り： - **エージェントグラフシステム**：信頼性の高いマルチステップエージェント実行を保証します。 - **エージェントコネクタ**：エージェントがさまざまなサードパーティシステムやAPIに接続できるようにします。 ## 正確なAIエージェントのための新鮮なウェブデータの重要性 どの[AIエージェント構築プラットフォーム、ライブラリ、ツールを](/blog/ai/best-ai-agent-frameworks)選んでも、基本的な限界がある。つまり、LLMは訓練されたデータに基づいてのみタスクを実行し、質問に答えることができる。これは、典型的なLLMの静的な能力を超える動作を期待されるAIエージェントを構築する際の大きなハードルである。 したがって、より正確で、運用可能で、効果的であるためには、AIエージェントはウェブにアクセスする必要がある。AIエージェントはウェブページを読むことができ、そのコンテンツを基に応答や決定を下すことができる。結局のところ、[ウェブは最も豊富で最新のデータ源のひとつな](/blog/ウェブデータ/data-sourcing)のだ。 しかし、単にウェブにアクセスできるだけでは十分ではない。ほとんどのサイトでは、自動化されたAIのクローラーをブロックするために、[スクレイピングやボット対策が](/blog/ウェブデータ/anti-scraping-techniques)施されている。つまり、エージェントには、ウェブページからデータを抽出し、[AI処理に最適化されたフォーマットで](https://www.kaggle.com/code/brightdataml/benchmarking-ai-on-different-data-formats)提供する強力なツールが必要なのだ。 これこそが、xpander.aiに統合されたコネクター経由で[利用可能なBright DataのAIインフラストラクチャが](/ai)提供するものです。その多くの機能の中で、ノーコードのAIエージェントは、構造化されたJSON形式で50以上の一般的なプラットフォームから新鮮なデータを引き出すことができます。 Bright Dataは、CAPTCHA、IP禁止、レート制限などの処理を行います。xpander.aiのAIエージェントビルダーと組み合わせることで、コードを一行も書かずにこれらすべてを統合することができます。その結果は？信頼性の高いウェブデータにリアルタイムでアクセスできる、本番環境に対応したAIエージェントです！ ## xpander.aiスクレイピングエージェントを構築するためのBright Data Connectorの統合方法 このガイドでは、xpander.aiでAIエージェントを構築する方法を学びます。具体的には、Bright Dataコネクタを使用して、エージェントにウェブからデータをスクレイピングする機能を与えます。 インターネットからライブ・データを取得することでレスポンスの根拠となるウェブ・スクレイピング・エージェントの作成方法を紹介する。これはxpander.aiとBright Dataの統合で可能なことのほんの一例です。このアプローチは[他の多くのユースケースに](/ai/web-access)簡単に適応させることができます。 **注**：ある意味、この例は[RAG エージェントワークフローの](/blog/ai/agentic-rag)ように動作します。その理由は、Bright Data コネクタが検索コンポーネントとして動作し、エージェントが使用する最新のデータを取得するからです。 以下の手順に従って、xpanderでノーコードのAIスクレイピングエージェントを作成してください！ ### 前提条件 このチュートリアルを再現するには、以下のものが必要です： - **[xpander.aiのアカウント](https://app.xpander.ai/login)**：簡単なテストであれば無料アカウントで十分です。より高度な使用例については、[有料プランが](https://xpander.ai/pricing/)必要です。 - **Bright Data APIキー**：[公式ガイドにあるように](https://docs.brightdata.com/api-reference/authentication#generating-an-api-key%3A)、無料で作成できます。 まだお持ちでない方は、上記のリンクをクリックし、セットアップ手順に従ってください。さあ、始めましょう！ ### ステップ #1: 新規エージェントの作成 xpander.ai にログインし、プロフィールダッシュボードに移動します。左側のメニューから「エージェント」をクリックし、「新規エージェント」ボタンを押して新しいエージェントを追加します： ![エージェント > 新規エージェント」ボタンをクリックします。](https://media.brightdata.com/2025/07/image-34-1024x540.png)新しいエージェントを設定するフォームがある以下のページに到達します。Web Scraper Agent” のような名前を付けてください： ![新しいエージェントを "ウェブスクレーパーエージェント "と呼ぶ](https://media.brightdata.com/2025/07/image-35-1024x543.png)General “タブの他の設定はすべてそのままにしておきます。今回のようなシンプルなセットアップではデフォルトで十分です。デフォルトでは、xpander.aiは[OpenAIのGPT-4oをLLMモデルとして](https://openai.com/index/hello-gpt-4o/)使用します。 素晴らしい！これでxpander.aiに新しい空白のAIエージェントができた。 ### ステップ2：ウェブスクレイピングのためのブライト・データ・ツールのセットアップ 今、あなたのエージェントは、選択されたLLMプロバイダによって提供されるアクションのみを実行することができます。Bright Dataを使用したウェブスクレイピング機能で、それを強化する時です。 これを行うには、エージェントページの “ツール “タブに行き、”ツールを追加 “ボタンをクリックします： ![ツールを追加」ボタンをクリックする](https://media.brightdata.com/2025/07/image-36-1024x542.png)Add tools」というパネルが右側に表示されます。Bright Data」を検索し、Bright Dataインテグレーションを選択します： ![Bright Dataコネクタの選択](https://media.brightdata.com/2025/07/image-37.png)次のようなモーダルが表示されます： ![Bright Dataコネクタ設定フォームへの入力](https://media.brightdata.com/2025/07/image-38-811x1024.png)以下のように記入する： - **コネクタ名**： Bright Data コネクタに名前を付けます（「Bright Data Connector」など）。 - **認証モード**：API Key」オプションを選択します。 - **認証範囲**： - 統合ユーザー」オプションを選択する。 - Bright Data API キーを貼り付けます。 - Bearer” オプションを選択します。これは、Bright Data APIでサポートされている認証方法である`Bearer`パターンを介して、[`Authorization`ヘッダ](https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Authorization)内のAPIキーを渡します。 すべて入力したら、「保存」ボタンを押す。 エージェントで有効にしたい Bright Data ツールを選択するプロンプトが表示されます： ![ブライトデータツールの選択](https://media.brightdata.com/2025/07/image-39.png)ウェブスクレイピングの全機能を解放するには、すべてのツールを選択することをお勧めします。この記事を書いている現在、利用可能なツールは以下の通りです： - **データセットIDでデータ収集ジョブを開始する**：[Web Scraper APIを使って](/products/web-scraper)、指定したデータセットのスクレイピング・ジョブを開始する。 - **URLでプロキシリクエストを実行**します：任意のWebページのコンテンツにアクセスするために、[Bright Dataのプロキシネットワークを介して](/proxy-types/)HTTPリクエストを送信します。 - **データセットのスナップショットをIDでダウンロード**：データセットのスナップショットを様々なフォーマットでダウンロードし、AIにデータを渡す。 必要なツールを選択したら、右下の「エージェントに追加」ボタンをクリックします： ![エージェントに追加」ボタンをクリック](https://media.brightdata.com/2025/07/image-40.png)エージェントの “Tools “タブに、設定したツールを持つ Bright Data コネクタが表示されます： ![設定された Bright Data ツール](https://media.brightdata.com/2025/07/image-41-1024x548.png)どのツールをクリックしても、その設定を見たり調整したりできることに注目してほしい。 素晴らしい！あなたのAIエージェントはBright Dataツールと完全に統合され、ウェブをスクレイピングする準備が整いました。 ### ステップ#3：AIスクレイピング・エージェントの専門化 これで、エージェントはWebスクレイピングのためのBright Dataツールにアクセスできるようになり、[カスタムシステムプロンプトを](https://www.promptlayer.com/glossary/system-prompt)与えます。これは、エージェントが何であり、どのように操作すべきかを伝えます。 これを行うには、”Instructions “タブをクリックし、”System prompt “テキストエリアに以下のようなものをペーストする： ```none You are an AI agent capable of grounding your responses by scraping data from the web ``` ![エージェントにシステムプロンプトを追加する](https://media.brightdata.com/2025/07/image-42-994x1024.png)より専門的なエージェントのために、カスタムルールやゴールを追加することもできます。 驚いた！エクスパンダーのスクレイピング・エージェントが完成した。 ### ステップ4：すべてをまとめる エージェントグラフ」ボタンをクリックすると、現在のAIエージェントのワークフローが表示されます： ![エージェントグラフ](https://media.brightdata.com/2025/07/image-43-1024x676.png)Webスクレイピング用に設定された3つのBright Dataツールにアクセスできる単一のエージェントが表示されます。 よくやった！あとはエージェントをテストして、実際に動いているところを見るだけだ。 ### ステップ #5: ウェブスクレーパーエージェントのテスト テスターチャット」タブに戻り、以下のようなプロンプトでエージェントを試してみてください： ```none Search for top 3 headphones under $100 and provide me info from their PDP's ``` これは、あなたのウェブスクレイピングエージェントに、100ドル以下のヘッドフォン上位3つを動的にオンラインで検索し、それらの[製品詳細ページ（PDP](https://www.dynamicyield.com/glossary/product-detail-page/)）から直接情報を取得するよう指示します。 ご想像の通り、Bright Dataが提供するような専用のスクレイピング・ツールにアクセスしなくても、標準的なLLMでこの種のタスクを処理できるだろう。 プロンプトをチャット入力に貼り付け、エージェントに送信します： ![AIスクレイピング・エージェントの動き](https://media.brightdata.com/2025/07/image-44-1024x461.png)エージェントは、LLMとブライト・データ・ツールを使用する： 1. ウェブ検索を行い、トップ3のヘッドホンを見つける。 2. 各商品について、データ収集ジョブを開始し、Amazonからデータをダウンロードする。 3. アマゾンの商品詳細ページへの実際のリンクを添付して、情報を短く正確にまとめてください。 インターフェイスのツールセクションのひとつを展開すると、このように表示される： ![ツール呼び出しからのI/O詳細](https://media.brightdata.com/2025/07/image-45-1024x636.png)これは、舞台裏で、AIエージェントがタスクを完了するためにどのBright Dataツールを使用すべきかを自動的に検出したことを証明している。詳細には、スクレイピングされた新鮮なデータ（この場合、Amazonの商品ページから直接）を取得するために、適切なパラメータを使用してそれらを呼び出した。 出来上がり！xpander.aiのスクレイピングエージェントは、ブライトデータのAIデータインフラストラクチャによって完全に機能します。 ### 次のステップ Bright-Dataが提供するxpanderスクレイピングエージェントを導入すれば、以下のことが可能になります： - **エージェントのデプロイ**AIエージェントをxpander.aiプラットフォーム上で直接実行することも、独自のインフラストラクチャ上に配置してコントロールすることもできます。 - **[ `XpanderClientを使って`API経由でエージェントを呼び出します](https://docs.xpander.ai/api-reference/07-sdk/xpander-sdk/XpanderClient)**：エージェントを管理し、LLM レスポンスを操作するためのユーティリティ関数にアクセスするために[xpander SDK](https://github.com/xpander-ai/xpander-sdk)を利用する。 - [**xpanderの公式ワークショップをご覧**](https://docs.xpander.ai/workshops)ください：xpander.aiプラットフォームを使用した完全なAIエージェントソリューションの構築をガイドするハンズオンワークショップにご参加ください。 ## 結論 この記事では、xpander.aiを使ってノーコードでAIスクレイピングエージェントを構築する方法を学んだ。これは、xpanderエージェントに統合するための高度なスクレイピングツールを公開するBright Dataコネクタによって可能になった。 これは単純な例に過ぎないが、もっと洗練されたAIエージェントを作りたいと思うかもしれない。そのためには、ウェブコンテンツを取得、検証、変換する信頼できるソリューションが必要です。これこそが、[Bright DataのAIエージェント・インフラストラクチャ](/ai/data-for-ai-agents)です。 今すぐ無料のBright Dataアカウントを作成し、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=xpander.ai%E3%81%A7%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0%E6%A9%9F%E8%83%BD%E3%82%92%E5%82%99%E3%81%88%E3%81%9FAI%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%99%E3%82%8B&u=https://brightdata.jp/blog/ai/build-ai-agents-with-xpander-and-bright-data) [ ](https://www.linkedin.com/shareArticle?mini=true&title=xpander.ai%E3%81%A7%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0%E6%A9%9F%E8%83%BD%E3%82%92%E5%82%99%E3%81%88%E3%81%9FAI%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%99%E3%82%8B&url=https://brightdata.jp/blog/ai/build-ai-agents-with-xpander-and-bright-data) [ ](http://www.reddit.com/submit?title=xpander.ai%E3%81%A7%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0%E6%A9%9F%E8%83%BD%E3%82%92%E5%82%99%E3%81%88%E3%81%9FAI%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%99%E3%82%8B&url=https://brightdata.jp/blog/ai/build-ai-agents-with-xpander-and-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)