--- title: "Bright DataのBright Data MCPとKiroの統合" slug: kiro-with-web-mcp date: 2025-09-17T11:17:48+00:00 modified: 2025-11-04T08:45:10+00:00 permalink: https://brightdata.jp/blog/ai/kiro-with-web-mcp type: blog --- [ ブログ ](https://brightdata.jp/blog "ブログ") / [AI](https://brightdata.com/blog/ai) [AI](https://brightdata.com/blog/ai) # Bright DataのBright Data MCPとKiroの統合 Kiro AIをBright Data MCPと接続することで、開発ワークフローの自然言語プロンプトから直接、ウェブスクレイピング、データ分析、レポーティングを自動化できます。 2 分読 [ ![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) ![Kiro × Bright Data MCP](https://media.brightdata.jp/2025/09/Kiro-%C3%97-Bright-Data-MCP.png) このチュートリアルでは、次のことを学びます： - **Kiroとは**何か、その技術的能力。 - Kiroを**[Bright DataのBright Data MCPサーバーに](/ai/mcp-server)**接続することで、静的なコードジェネレーターから、リアルタイムのデータを取得し、ボット対策を回避し、構造化された出力を生成できる動的なエージェントに変換する方法。 - Kiroを使用して、生の求人市場データをスクレイピングし、CSVファイルに整理し、分析スクリプトを生成し、洞察に満ちたレポートを作成するプロセス全体を自動化する方法。 [GitHubのプロジェクトを](https://github.com/brightdata/real-time-market-analysis)ご覧ください。 さあ、始めましょう！ ## Kiroとは？ [Kiroは](https://kiro.dev/)AIを搭載したIDEであり、[仕様主導の](https://kiro.dev/docs/specs/)開発と自動化されたプロセスを使用することで、開発者の作業方法を変えます。コードを生成するだけの通常のAIコーディングツールとは異なり、Kiroは独自に動作し、コードベースをチェックし、複数のファイルを変更し、最初から最後まで完全な機能を構築します。 **主な技術的能力** - **仕様主導のワークフロー：**Kiroはプロンプトを明確な要件、技術設計、タスクに変換し、「バイブ・コーディング」を排除します。 - **エージェントフック：**ドキュメントの更新、テスト、コードの品質チェックを管理するバックグラウンドの自動タスク。 - **MCPの統合：**モデルコンテキストプロトコルのビルトインサポートにより、外部ツール、データベース、APIへの直接リンクが可能です。 - **エージェントの自律性：**ゴールにフォーカスした推論を使用して、マルチステップの開発タスクを実行します。 Anthropicのクロードモデルと共にVS Codeの基盤上に構築されたKiroは、使い慣れたワークフローを維持しながら、すぐに使える開発のための強力な構造を追加します。 ## Bright Data MCPサーバーでKiroを拡張する理由 Kiroのエージェント推論は強力ですが、そのLLMは[古いトレーニングデータに](/blog/ウェブデータ/train-an-ai-model)依存しています。Kiroを[Bright DataのBright Data MCPサーバーに](/ai/mcp-server)接続すると、これらの「凍結された」モデルは**ライブデータのエージェントに**変わります。リアルタイムのウェブコンテンツにアクセスし、ボット対策防御を回避し、構造化された結果をKiroのワークフローに直接提供することができます。 MCPツール使用方法`検索エンジン`Google/Bing/Yandexの新鮮なSERP結果を取得し、即座に競合やトレンドの調査を行います。`スクレイプ_アズ_マークダウン`読みやすいMarkdownを返す1ページのスクレイプ。`スクレイプ_バッチ`複数URLの並列スクレイピング; 価格監視や一括チェックに最適 (タイムアウト時に単一ページツールにフォールバック)`web_data_amazon_product`アマゾンASINのタイトル、価格、評価、画像を含むクリーンなJSON。**どのように役立つのか** - リアルタイムの入力（価格、ドキュメント、ソーシャルトレンド）は、Kiroの生成された仕様とコードに直接流れ込みます。 - 自動的なアンチボット処理により、エージェントはスクレイピングの頭痛の種ではなく、開発ロジックに集中できます。 - 構造化された JSON レスポンスは、正規表現に煩わされることなく TypeScript/Python に直接取り込まれます。 Bright Data MCPが接続されていれば、Kiroのすべてのプロンプトは「ライブデータ」を重要な部分として使用することができ、静的なコード生成を完全ですぐに使用できるオートメーションに変えることができます。 ## KiroをBright DataのMCPに接続する方法 このガイドセクションでは、KiroをBright DataのBright Data MCPサーバーにインストールして設定する方法を学びます。最終的な結果は、コーディングワークフロー内でリアルタイムのウェブデータに直接アクセスして処理できるAI開発環境となります。 具体的には、ウェブデータ機能を備えた拡張Kiroセットアップを構築し、それを使用して以下を行います： - 複数のサイトからライブデータをスクレイピングする。 - 現在の市場情報に基づいて構造化された仕様を生成する。 - 開発環境内で収集したデータを処理し、分析します。 以下のステップに従って始めてください！ ### 前提条件 このチュートリアルに従うには、以下が必要です： - ローカルにインストールされた[Node.js 18+](https://nodejs.org/en/download)(最新のLTSバージョンをお勧めします) - [Kiroへの](https://kiro.dev/)アクセス（ウェイティングリストに参加して確認を受ける必要があります。） - [Bright Dataアカウント](/) Bright Dataアカウントをまだお持ちでない方もご安心ください。次のステップで設定方法を説明します。 ### ステップ#1: Kiroのインストールと設定 Kiroをインストールする前に、[kiro.devの](https://kiro.dev/)ウェイティングリストに参加し、アクセスの確認を受ける必要があります。アクセスできたら、公式のインストールガイドに従ってください。 ![](https://media.brightdata.com/2025/09/image-62-1024x576.png)初回起動時には、ようこそ画面が表示されます。セットアップウィザードに従ってIDEを設定します。 ### ステップ2: Bright Data MCPサーバーのセットアップ [Bright Dataに](/)アクセスし、Bright Dataアカウントを作成するか、既存のアカウントにログインします。 ![Registering a new account with Bright Data](https://media.brightdata.com/2025/09/image-63-1024x576.png)ログイン後、スタートページに移動します。左サイドバーから**MCP**セクションに移動します。 !['MCP' on the sidebar menu](https://media.brightdata.com/2025/09/image-64-1024x576.png)MCPの設定ページには、2つのオプションがあります：セルフホストとホスト型です。このチュートリアルでは、最大限のコントロールが可能なSelf-hostedオプションを使用します。 ![Bright Data MCP section in the control panel](https://media.brightdata.com/2025/09/image-65-1024x576.png)ステップ2で、APIキーとMCP設定コードブロックが表示されます。MCP設定コード全体をコピーしてください： ```none { "mcpServers"：{ "Bright Data"：{ "command"："npx"、 "args": ["@brightdata/mcp"]、 "env"：{ "API_TOKEN"："" } } } } ``` これには、必要なすべての接続の詳細とAPIトークンが含まれています。 ### ステップ #3: KiroでMCPを設定する Kiroを開き、新しいプロジェクトを作成するか、既存のフォルダを開きます。 左側のサイドバーでKiroタブに移動します。4つのセクションが表示されます： - **SPECS** - **エージェント・フック** - **エージェント・ステアリング** - **MCPサーバー** ![](https://media.brightdata.com/2025/09/image-66-1024x576.png)**MCP SERVERS**セクションをクリックしてください。設定済みのサーバーが1つ表示されますので、このデフォルトのサーバー設定を削除します。 Bright DataからコピーしたMCP設定コードを設定エリアに貼り付けて追加します。 Kiroが設定の処理を開始します。最初は、接続を確立する間、”Connecting… “または “Not Connected “ステータスが表示されるかもしれません。 ![](https://media.brightdata.com/2025/09/image-67-1024x576.png)処理が正常に完了すると、ステータスが “Connected “に変わり、4つのMCPツールが使用可能になります： - `search_engine` - `スクレイプ_アス_マークダウン` - `search_engine_batch` - `スクレイプ_バッチ` ### ステップ#4: MCP接続の確認 統合をテストするには、サイドバーの利用可能なMCPツールのいずれかをクリックしてください。これにより、Kiroのチャット・インターフェースにツールが自動的に追加されます。 Enterキーを押してテストを実行します。Kiro は Bright Data MCP サーバーを通してリクエストを処理し、適切にフォーマットされた結果を返し、統合が正しく機能していることを確認します。 ![Executing the test](https://media.brightdata.com/2025/09/Executing-the-test-1024x576.gif)完璧です！Kiroのインストールは、[MCP統合を通じて](/blog/ai/web-scraping-with-mcp)Bright Dataの[ウェブスクレイピング機能に](/blog/ai/web-scraping-with-mcp)アクセスできるようになりました。自然言語プロンプトを使用して、開発内で直接あらゆる公開ウェブサイトからデータを抽出できるようになりました。 ### ステップ #5: Kiroで最初のMCPタスクを実行する それでは、Kiro + Bright Data MCP統合を実用的なデータ収集タスクでテストしてみましょう。この例では、現在の求人市場データを収集し、それを自動的に処理する方法を示します。 **テストプロンプト：** ```none Googleで "remote React developer jobs "を検索し、上位5つの求人情報サイトをスクレイピングし、職種、企業、給与範囲、必要なスキルを抽出する。このデータでCSVファイルを作成し、平均給与と最も一般的な要件を分析するPythonスクリプトを生成する。 ``` これは、以下のような実際のユースケースをシミュレートします： - 市場調査と給与ベンチマーク - キャリアプランニングのためのスキルトレンド分析 - 採用チームの競争情報 このプロンプトをKiroのチャットインターフェースに貼り付け、Enterキーを押します。 ![Pasting the prompt into Kiro's chat](https://media.brightdata.com/2025/09/Pasting-the-prompt-into-Kiros-chat-1024x576.gif)以下は、Kiroがこのタスクの実行中にたどった正確なシーケンスです： 1. **検索段階** - Kiroは`search_engine`MCPツールを呼び出し、Googleで「remote React developer jobs」をクエリしました。 - この呼び出しは、~3秒で求人掲示板のトップURLのリストを返しました。 2. **バッチスクレイプの試み** - Kiroは一度に5つ全てのURLをプルするために`scrape_batchを`呼び出した。 - バッチリクエストは60秒後にタイムアウトしたので、KiroはMCPエラー`（32001 Request timed out`）を記録しました。 3. **単一ページスクレイピングへのフォールバック** - Kiroは`scrape_as_markdownに`切り替え、各サイトを順次スクレイピングした： 1. Indeed 2. ZipRecruiter 3. LinkedIn 4. ウェルファウンド 5. リモートワーク - 各スクレイプは4-10秒で終了し、読みやすいMarkdownを返しました。 4. **データの構造化** - 解析ルーチンは、職種、会社、給与、スキル、ソースフィールドを抽出した。 - Kiroはクリーニングされた行をメモリ内のテーブルに集約した。 5. **CSVファイルの作成** - Kiroはテーブルを`remote_react_jobs.csvとして`ワークスペース内に保存しました。 6. **セッションのハンドオフ（コンテキストの継続）** - 元のチャットがKiroのコンテキストウィンドウを超えました。 - Kiroは*新しい*チャットセッションを開き、データの損失を避けるために以前のコンテキストを自動的にインポートしました。 7. **Python分析スクリプト生成** - 新しいセッションで、Kiroは`analyze_react_jobs.pyを`作成しました： - CSVロードとクリーニング - 給与/スキルサマリーロジック - Matplotlib + Seabornのチャートコード - スクリプトは`print("分析完了")`で終わる。 BrightDataのMCPツールは、Kiroの自動処理に役立っています： - 求人サイトの[CAPTCHA](/products/web-unlocker/captcha-solver)解決とボット検出 - 異なるウェブサイトレイアウトからのデータ抽出 - 給与フォーマットとスキルリストの標準化 - ヘッダー付きの適切なCSV構造の作成 - バッチ処理でタイムアウトが発生した場合の適応的なスクレイピング戦略 ## ステップ #6: アウトプットの探索と使用 Kiroがタスクを完了すると、プロジェクトディレクトリに2つのメインファイルができます： - `remote_react_jobs.csv`：構造化された求人市場データを含む - `analyze_react_jobs.py`：データ分析と洞察のためのPythonスクリプト ![The two files in the project directory](https://media.brightdata.com/2025/09/image-68-1024x576.png)`remote_react_jobs.csv`ファイルを開き、収集したデータを確認する： CSVには以下のようなカラムがあり、実際の求人情報が含まれている： - 職種名 - 会社名 - 給与範囲 - 必要なスキル - ジョブボードのソース このデータは、プレースホルダーのコンテンツではなく、実際の求人情報からのものです。Bright DataのMCPサーバーは、レイアウトやフォーマットの異なる複数の求人サイトから構造化された情報を抽出するという複雑なタスクを処理しました。 次に、生成された`analyze_react_jobs.py`スクリプトを確認します。 このスクリプトには以下の関数が含まれています： - CSVデータのロードとクリーニング - 平均給与範囲を計算する - 最も一般的な必須スキルを特定する - 要約統計の作成 - ビジュアライゼーションと詳細レポートの作成 分析スクリプトを実行する前に、必要な依存関係をインストールします： ```none pip install -r requirements.txt ``` 次に分析スクリプトを実行して、詳細な洞察を得ます： ```none python analyze_react_jobs.py ``` スクリプトを実行すると、**2つの追加ファイルが自動的に**生成されます： **1.詳細テキストレポート (`react_jobs_analysis_report.txt`)：** ![text report](https://media.brightdata.com/2025/09/image-70-1024x576.png)**2.ビジュアル分析チャート(`react_jobs_analysis.png`)：** ![The final visual chart of the jobs analysis](https://media.brightdata.com/2025/09/image-71-1024x576.png)包括的な分析は、**収集に成功した72のジョブに基づいて**います。 生成された視覚化によって、4つの重要な洞察が得られます： 1. **職種分布**：フルタイム、契約社員、パートタイムの明確な内訳 2. **必要スキルトップ10**：スキル需要の頻度を視覚的に表現 3. **ソース別の求人情報**：プラットフォーム別の求人掲載量 4. **給与分布**：全職種の給与範囲を示すヒストグラム これは、Kiroが自然言語による単純なリクエストを、完全なデータ収集と分析プロセスにどのように変えるかを示している。この統合は、バッチ操作がタイムアウトした場合の調整など、ウェブスクレイピングの問題を自動的に処理し、すぐに使えるコード、詳細なレポート、継続的な市場調査のためのプロフェッショナルなビジュアルを作成します。 ## まとめ 今回のチュートリアルは以上です。このブログでは、Kiroを[Bright DataのBright Data MCPサーバーと](/ai/mcp-server)接続することで、Kiroをより良くする方法を学びました。これにより、ライブのウェブデータをスクレイピングし、AI開発のセットアップでリアルタイムの情報を処理することができます。 異なるソースからのリモートReactデベロッパージョブのスクレイピング、クリーニング、分析、可視化の実践的な例でこれを示しました。この完全な自動化は、KiroのAIとBright Dataの一流のスクレイピング・ツールを組み合わせることの強さを示している。 この統合を利用することで、開発者は静的なコード生成にとどまらず、製品開発をスピードアップし、精度を向上させる完全自動化されたデータ主導のワークフローを実現することができます。 今すぐ[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%E3%81%A8Kiro%E3%81%AE%E7%B5%B1%E5%90%88&u=https://brightdata.jp/blog/ai/kiro-with-web-mcp) [ ](https://www.linkedin.com/shareArticle?mini=true&title=Bright+Data%E3%81%AEBright+Data+MCP%E3%81%A8Kiro%E3%81%AE%E7%B5%B1%E5%90%88&url=https://brightdata.jp/blog/ai/kiro-with-web-mcp) [ ](http://www.reddit.com/submit?title=Bright+Data%E3%81%AEBright+Data+MCP%E3%81%A8Kiro%E3%81%AE%E7%B5%B1%E5%90%88&url=https://brightdata.jp/blog/ai/kiro-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)