メインコンテンツにスキップ

MCPを使用してOctoparseとVS Codeを連携する方法|ステップごとに解説

今日アップデートされました

始める前に

以下をご確認ください:

  • VS Codeがインストールされていること

  • VS CodeでGitHub Copilotが利用できること

VS CodeはMCPサーバーの設定を mcp.json ファイルに保存します。このファイルはワークスペースの .vscode/mcp.json またはユーザープロファイルに配置できます。また、VS CodeはこのファイルのIntelliSenseもサポートしています。

補足情報
VS CodeでのMCPサポートは、独立したコネクターマーケットプレイスではなく、GitHub Copilotの機能の一部として提供されています。


本連携でできること

OctoparseをMCP経由でVS Codeに接続すると、Copilotで自然言語プロンプトを使用して以下の操作が行えます:

  • Octoparseのスクレイピングテンプレートを検索する

  • テンプレートからスクレイピングタスクを作成する

  • クラウドタスクを開始・停止する

  • タスクの実行ステータスを確認する

  • CSVまたはJSON形式でデータをエクスポートする

  • Octoparseのアカウント関連ツールにアクセスする


ステップ1:VS Codeを開き、GitHub Copilotをセットアップする

VS Codeを開き、GitHub Copilot Chatがエディターで利用可能な状態であることを確認します。 MicrosoftのGitHub Copilotスタートガイドによると、VS CodeでCopilotチャットおよびエージェント機能を使用するには、GitHub Copilotへのアクセス権が必要です。

ステップ2:MCPサーバーの設定を開く

VS CodeでMCPサーバーの設定を開きます。

VS CodeのドキュメントによるとMCPサーバーの設定は mcp.json ファイルで管理されます。このファイルは以下の場所に保存できます:

  • ワークスペース:.vscode/mcp.json

  • またはユーザープロファイルの設定

Octoparse MCPサーバーを特定のプロジェクトのみで使用する場合はワークスペースファイルを、より広い範囲で使用する場合はユーザーレベルの設定を使用してください。

ステップ3:Octoparse MCPサーバーを追加する

mcp.json の設定にOctoparseを追加します。

Octoparse MCPサーバーのURLを使用してください:

{
"mcpServers": {
"octoparse": {
"url": "https://mcp.octoparse.com"
}
}
}

VS CodeのMCP設定リファレンスによると、MCPサーバーは mcp.json で定義され、エディターはこのファイルに対してスキーマに基づいたサポートを提供することが確認されています。

注意
VS CodeのバージョンやMCPの認証フローによって、実際の設定内容が上記の例と若干異なる場合があります。最新のVS Code MCPスキーマおよびエディター上に表示されるプロンプトを正式な情報源としてご参照ください。

ステップ4:設定を保存する

mcp.json を保存します。

ファイルが有効な場合、VS CodeはMCPサーバーの設定を認識します。設定の形式が正しくない場合や、ファイルが誤った場所に配置されている場合は、サーバーが正常に読み込まれないことがあります。

ステップ5:認証を完了する

Octoparseの認証が必要な場合、MCPサーバーの使用時にVS Codeが認証フローを案内します。 2025年半ば時点で、VS CodeはMCP仕様(認証を含む)を完全にサポートしており、リモートMCPサーバーはサポートされているMCP認証フローを使用して認証を行うことができます。

認証について
Octoparseへのサインインとアクセス承認のためにリダイレクトされる場合があります。これは通常、VS CodeにOctoparseのパスワードを直接入力するのではなく、認証フローを通じて処理されます。

ステップ6:CopilotでOctoparseを使用する

Octoparse MCPサーバーが接続されると、VS CodeのGitHub CopilotからOctoparseを利用できます。 Microsoftのドキュメントによると、MCPツールはエージェントモードを含むCopilotのワークフローで利用可能で、モデルはMCPサーバーのツールを呼び出してタスクを完了できます。

以下のようなプロンプトをお試しください:

  • Amazonの商品一覧をスクレイピングするOctoparseテンプレートを検索して

  • そのテンプレートを使ってタスクを作成して

  • クラウドでタスクを開始して

  • 最新のOctoparseタスクのステータスを確認して

  • 最新の結果をCSV形式でエクスポートして


VS CodeでOctoparseが最も活躍する場面

Octoparse MCPは、モデルに複数ステップのアクションを実行させたい場合など、ツールが有効化されたCopilotの操作環境で最も効果を発揮します。 Microsoftのドキュメントによると、エージェントモードはMCPサーバーのツールを含む外部ツールを使用できます。

ご利用上の注意

  • 一部のOctoparseの操作には、対応プランまたは利用可能なクラウドクレジットが必要な場合があります。

  • 一部のタスクはローカル専用であり、MCP経由のリモート実行に適していない場合があります。

  • 長く複数ステップにわたるプロンプトは、短く焦点を絞ったリクエストに比べて失敗しやすい傾向があります。

  • VS Codeの組織ポリシーにより、chat.mcp.access などの管理者設定を通じてMCPの使用が制限される場合があります 。

ヒント
より良い結果を得るには、以下の短いコマンドを順番に使用してください:

  1. テンプレートを検索する

  2. タスクを作成する

  3. タスクを開始する

  4. ステータスを確認する

  5. データをエクスポートする


トラブルシューティング

OctoparseがVS Codeで動作しない場合は、以下をご確認ください:

MCPサーバーが読み込まれない

以下を確認してください:

  • mcp.json が有効であること

  • ファイルが正しい場所に配置されていること

  • VS Codeが設定を正しく再読み込みしていること

ツールがCopilotに表示されない

以下を確認してください:

  • GitHub Copilotが有効になっていること

  • ツールに対応したCopilotの操作環境を使用していること

  • 必要に応じてエージェントモードまたは該当のワークフローが有効になっていること

権限によって使用がブロックされている

組織の設定(chat.mcp.accessなど)によって、使用可能なMCPサーバーが管理されている場合があります。管理された環境をご利用の場合は、管理者にお問い合わせください。

認証が完了しない

以下をお試しください:

  • サーバーを再接続する

  • サインインフローを再試行する

  • 認証フロー完了後にVS Codeを再起動する


よくあるご質問

VS CodeはMCPを公式にサポートしていますか?

はい。MicrosoftはGitHub Copilotを通じたVS CodeでのMCPサーバーの追加と管理を公式にドキュメント化しています。

VS CodeでのMCP設定はどこに保存されますか?

mcp.jsonに保存されます。ワークスペースの場合は .vscode/mcp.json 、またはユーザープロファイルに配置します。

VS CodeはリモートMCPサーバーを使用できますか?

はい。VS CodeはMCPサーバーとの連携をサポートしており、2025年6月時点で認証を含むMCP仕様を完全にサポートしています。

Octoparse MCPを使用するにはエージェントモードが必要ですか?

エージェントモードは、VS CodeでMCPツールが使用される主要な場所の一つであり、特に複数ステップのアクションを実行する際に活用されます。

こちらの回答で解決しましたか?