# OpenCodeでのMCP Web検索とスクレイピング (/ja/quickstarts/opencode)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 482 · updated: 2026-07-30 -->
Related: [Node.js](/ja/quickstarts/nodejs.md), [Next.js](/ja/quickstarts/nextjs.md), [Express](/ja/quickstarts/express.md), [NestJS](/ja/quickstarts/nestjs.md), [Fastify](/ja/quickstarts/fastify.md), [Hono](/ja/quickstarts/hono.md)

MCP 経由で、Firecrawl の検索、スクレイピング、クロール、ブラウザの各ツールを [OpenCode](https://opencode.ai) に追加します。

<div id="quick-setup">
  ## クイックスタート [#クイックスタート]
</div>

<div id="1-get-your-api-key">
  ### 1. APIキーを取得 [#1-apiキーを取得]
</div>

[firecrawl.dev/app](https://www.firecrawl.dev/app)で登録し、APIキーをコピーします。

<div id="2-add-firecrawl-to-opencode">
  ### 2. OpenCode に Firecrawl を追加する [#2-opencode-に-firecrawl-を追加する]
</div>

OpenCode は `~/.config/opencode/config.json` (グローバル) またはプロジェクト内の `./opencode.json` から設定を読み込みます。以下を追加します:

```json
{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "firecrawl": {
      "type": "local",
      "command": ["npx", "-y", "firecrawl-mcp"],
      "environment": {
        "FIRECRAWL_API_KEY": "fc-YOUR-API-KEY"
      }
    }
  }
}
```

`fc-YOUR-API-KEY` をご自身の Firecrawl APIキーに置き換えてください。

<div id="3-start-opencode">
  ### 3. OpenCodeを起動する [#3-opencodeを起動する]
</div>

```bash
opencode
```

OpenCode は起動時に MCP サーバーを読み込みます。Firecrawl が接続されていることを確認してください:

```
/mcp
```

<div id="quick-demo">
  ## クイックデモ [#クイックデモ]
</div>

```
Search the web for "Bun 2.0 changelog" and summarize the top results.
```

```
Scrape https://docs.firecrawl.dev/introduction and list the code examples.
```

```
Crawl https://example.com/blog and save each post as markdown.
```

<div id="remote-hosted-url-no-nodejs-required">
  ## リモートホストのURL (Node.js不要) [#リモートホストのurl-nodejs不要]
</div>

```json
{
  "mcp": {
    "firecrawl": {
      "type": "remote",
      "url": "https://mcp.firecrawl.dev/v2/mcp"
    }
  }
}
```

この構成では、キー不要のFirecrawlツールセットを使用します。アカウント接続型または無人セットアップの場合は、[ホスト型MCP接続モード](/ja/developer-guides/mcp-setup-guides/oauth)に従ってください。APIキーはURLではなく、Authorizationヘッダーまたは安全なシークレットストアに保管してください。

<div id="troubleshooting">
  ## トラブルシューティング [#トラブルシューティング]
</div>

* **サーバーが接続されていない** — MCP の読み込みエラーを確認するには、`opencode doctor` を実行します。
* **`npx` で権限が拒否される** — Node.js 18 以降をインストールし、シェルがそのインストールを認識していることを確認してください (`which npx`) 。