> ## Documentation Index
> Fetch the complete documentation index at: https://firecrawl-claude-eager-dijkstra-n04lm5.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 連携

> 普段使っているコーディングエージェント、アプリビルダー、フレームワーク、自動化プラットフォームに、FirecrawlのWeb検索、スクレイピング、操作機能を追加

Firecrawlは、普段使用している開発ツールと連携できます。以下からプラットフォームを選択するか、[API](/ja/api-reference/v2-introduction)を直接呼び出してください。

<div id="coding-agents-and-assistants">
  ## コーディングエージェントとアシスタント
</div>

MCP または [Firecrawl CLI](/ja/sdks/cli) を通じて、エージェントにリアルタイムのWeb検索、スクレイピング、ブラウザ操作機能を提供します。

<CardGroup cols={2}>
  <Card
    title="Claude Code"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/claude-code.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=f951dfc9e9b2a9a61d48aff17b4236dc"
alt="Claude Code"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/quickstarts/claude-code"
  >
    Claude Code で Firecrawl MCP を設定
  </Card>

  <Card
    title="Codex"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/agent-clients/codex.svg?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=2fd96e93f3ea9ebfd5a8c05b36250652"
alt="Codex"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/quickstarts/codex-cli"
  >
    OpenAI Codex で Firecrawl MCP を使用
  </Card>

  <Card
    title="Cursor"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/cursor.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=2b74545c065ab46def7c4a32d5db1bcb"
alt="Cursor"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/quickstarts/cursor"
  >
    Cursor に Firecrawl MCP をワンクリックでインストール
  </Card>

  <Card
    title="Hermes Agent"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/hermes.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=1738efd5d2b071b832c9d3b3448c6b05"
alt="Hermes Agent"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/hermes"
  >
    Hermes Agent のデフォルトのWeb検索・抽出バックエンド
  </Card>

  <Card
    title="OpenClaw"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/openclaw.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=18f6211cad9f36a502e11e735fafc8e7"
alt="OpenClaw"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/quickstarts/openclaw"
  >
    OpenClaw エージェントからスクレイピング、検索、ブラウジング
  </Card>

  <Card
    title="OpenCode"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/opencode.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=1fe562a50730da88ee88daeb031460af"
alt="OpenCode"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/quickstarts/opencode"
  >
    Firecrawl MCP を OpenCode に組み込む
  </Card>

  <Card
    title="Amp"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/amp.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=7930c1796f68afe2e3a32adb9c6c3267"
alt="Amp"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/quickstarts/amp"
  >
    Firecrawl MCP を Sourcegraph Amp に組み込む
  </Card>

  <Card
    title="Windsurf"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/ppXL5lVXGKAUxRYB/images/integrations/windsurf.svg?fit=max&auto=format&n=ppXL5lVXGKAUxRYB&q=85&s=f33c196d78efa114a0956c9b0098f4a0"
alt="Windsurf"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/quickstarts/windsurf"
  >
    Windsurf で Firecrawl MCP を設定
  </Card>

  <Card
    title="Antigravity"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/antigravity.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=e8f69e5d4918f4f4a19083aaa85dec3e"
alt="Google Antigravity"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/quickstarts/antigravity"
  >
    Google のエージェント型 IDE に Firecrawl MCP を追加
  </Card>
</CardGroup>

<div id="app-builders-and-platforms">
  ## アプリビルダーとプラットフォーム
</div>

Firecrawl を一度接続すれば、デプロイ先のプラットフォームでリアルタイムの ウェブデータを活用してアプリを構築できます。

<CardGroup cols={2}>
  <Card
    title="Replit"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/ppXL5lVXGKAUxRYB/images/integrations/replit.png?fit=max&auto=format&n=ppXL5lVXGKAUxRYB&q=85&s=0904aa80b77c8ba4c546630c2d4218ee"
alt="Replit"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/replit"
  >
    Replit Agent アプリで検索、スクレイピング、操作
  </Card>

  <Card
    title="Lovable"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/lovable.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=c312bd6e0fffa8c1a2dd63cb558a74a8"
alt="Lovable"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/lovable"
  >
    Lovable アプリを Firecrawl に接続
  </Card>

  <Card
    title="Stripe Projects"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/ppXL5lVXGKAUxRYB/images/integrations/stripe-projects.svg?fit=max&auto=format&n=ppXL5lVXGKAUxRYB&q=85&s=6c8fd9fd6468cff630d293e64095deea"
alt="Stripe Projects"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/stripe-projects"
  >
    Stripe Projects CLI から Firecrawl のアカウント、API キー、プランをプロビジョニング
  </Card>

  <Card
    title="Vercel Marketplace"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/ppXL5lVXGKAUxRYB/images/integrations/vercel.png?fit=max&auto=format&n=ppXL5lVXGKAUxRYB&q=85&s=5140d91a817d96b96a8e91f6115b861e"
alt="Vercel"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/quickstarts/vercel-marketplace"
  >
    API キーを自動設定して、Firecrawl を Vercel プロジェクトに追加
  </Card>
</CardGroup>

<div id="agent-frameworks">
  ## エージェントフレームワーク
</div>

エージェントコード内で、Firecrawlをローダー、リーダー、またはツールとして使用できます。

<CardGroup cols={2}>
  <Card
    title="LangChain"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/langchain.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=65ede454f1c5a2aa4ad72dd08f5f5487"
alt="LangChain"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/langchain"
  >
    Firecrawl Document Loaderの詳細を見る
  </Card>

  <Card
    title="LlamaIndex"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/llamaindex.jpeg?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=39fdfe425c84194a7418849fedfd92fc"
alt="LlamaIndex"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/llamaindex"
  >
    Firecrawl Readerの詳細を見る
  </Card>

  <Card
    title="CrewAI"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/crewai.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=1cb41c27fb2b73a4a119805d84f3847a"
alt="CrewAI"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/crewai"
  >
    協調して動作する自律型AIエージェントをオーケストレーション
  </Card>

  <Card
    title="CAMEL-AI"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/camel-ai.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=9fc38a5a9e4f6cfecdd28ec885e83121"
alt="CAMEL-AI"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/camelai"
  >
    FirecrawlをCamel AIと連携
  </Card>

  <Card
    title="Praison AI"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/ppXL5lVXGKAUxRYB/images/integrations/praison.jpg?fit=max&auto=format&n=ppXL5lVXGKAUxRYB&q=85&s=5076c869ff00210d9a10bbb295315fdd"
alt="Praison AI"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/praison"
  >
    Firecrawlツールでウェブからデータをスクレイピング
  </Card>
</CardGroup>

<div id="visual-ai-builders">
  ## ビジュアルAIビルダー
</div>

Firecrawlノードをビジュアルキャンバスにドラッグ＆ドロップして、エージェントやRAGパイプラインを構築します。

<CardGroup cols={2}>
  <Card
    title="Dify"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/dify.jpeg?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=ededfb6ac0aaf33de7c8241d0802279a"
alt="Dify"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/dify"
  >
    Chatflow、Workflow、AgentアプリにFirecrawlを追加
  </Card>

  <Card
    title="Langflow"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/langflow_2.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=8d0de3b9fd7fdae70fd4f371f5c80983"
alt="Langflow"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/langflow"
  >
    ビジュアルビルダーでAIアプリを構築
  </Card>

  <Card
    title="Flowise"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/flowise.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=9cf25ddb85e674571a4247e2420a116d"
alt="Flowise"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/flowise"
  >
    ドラッグ＆ドロップでLLMフローを構築
  </Card>
</CardGroup>

<div id="workflow-automation">
  ## ワークフローの自動化
</div>

スケジュールまたはトリガーに応じて Firecrawl を実行し、結果を任意の場所に送信できます。

<CardGroup cols={2}>
  <Card
    title="Zapier"
    icon={
<img
src="https://mintlify.s3.us-west-1.amazonaws.com/firecrawl-claude-eager-dijkstra-n04lm5/images/integrations/zapier-logomark.png"
alt="Zapier"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/zapier"
  >
    Firecrawl を9,000以上のアプリと連携
  </Card>

  <Card
    title="Make"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/make.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=25e3d687ba2f5171e7c0bb21bf12c562"
alt="Make"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/make"
  >
    Firecrawl を Make と連携
  </Card>

  <Card
    title="n8n"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/n8n.webp?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=58fefdbeed7fd7047b2d2cd283b46abe"
alt="n8n"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/n8n"
  >
    Firecrawl を n8n と連携
  </Card>

  <Card
    title="Pipedream"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/ppXL5lVXGKAUxRYB/images/integrations/pipedream.png?fit=max&auto=format&n=ppXL5lVXGKAUxRYB&q=85&s=54dc1f6622833138e921174292363f6a"
alt="Pipedream"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/pipedream"
  >
    Pipedream のワークフローで Firecrawl を使用
  </Card>
</CardGroup>

<div id="tooling-and-data-platforms">
  ## ツールとデータプラットフォーム
</div>

ツールレイヤーを介して Firecrawl を利用したり、ウェブデータをナレッジベースに同期したりできます。

<CardGroup cols={2}>
  <Card
    title="Composio"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/P9BqdocqCgnNuZsD/images/integrations/composio.png?fit=max&auto=format&n=P9BqdocqCgnNuZsD&q=85&s=b5409982fb1c09e87b9ed14dc2cb57f0"
alt="Composio"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/composio"
  >
    Composio で Firecrawl を使用
  </Card>

  <Card
    title="SourceSync.ai"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-n04lm5/ppXL5lVXGKAUxRYB/images/integrations/sourcesyncai.png?fit=max&auto=format&n=ppXL5lVXGKAUxRYB&q=85&s=b50487206e11c5e05349c9ffa1bc1dcf"
alt="SourceSync.ai"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/ja/integrations/sourcesyncai"
  >
    ウェブデータで RAG アプリケーションを構築
  </Card>
</CardGroup>

<Note>
  お使いのプラットフォームが見当たりませんか？Firecrawl は、HTTP リクエストを送信できる環境ならどこでも利用できます。[APIリファレンス](/ja/api-reference/v2-introduction)、[SDKs](/ja/sdks/overview)、または [MCP Server](/ja/mcp-server) をご覧ください。
</Note>
