# Supabase Edge Functions (/ja/quickstarts/supabase-edge-functions)
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)
## 前提条件 [#前提条件]
* CLIで初期化した Supabase プロジェクト (`supabase init`)
* Firecrawl APIキー — [無料で取得できます](https://www.firecrawl.dev/app/api-keys)
## セットアップ [#セットアップ]
```bash
supabase functions new firecrawl-search
supabase functions new firecrawl-scrape
supabase functions new firecrawl-interact
```
シークレットを設定します:
```bash
supabase secrets set FIRECRAWL_API_KEY=fc-YOUR-API-KEY
```
## Webを検索する [#webを検索する]
`supabase/functions/firecrawl-search/index.ts` を編集します：
```typescript
import Firecrawl from "npm:firecrawl";
const firecrawl = new Firecrawl({
apiKey: Deno.env.get("FIRECRAWL_API_KEY"),
});
Deno.serve(async (req) => {
const { query } = await req.json();
const results = await firecrawl.search(query, { limit: 5 });
return new Response(JSON.stringify(results), {
headers: { "Content-Type": "application/json" },
});
});
```
## ページをスクレイピング [#ページをスクレイピング]
`supabase/functions/firecrawl-scrape/index.ts` を編集します：
```typescript
import Firecrawl from "npm:firecrawl";
const firecrawl = new Firecrawl({
apiKey: Deno.env.get("FIRECRAWL_API_KEY"),
});
Deno.serve(async (req) => {
const { url } = await req.json();
const result = await firecrawl.scrape(url);
return new Response(JSON.stringify(result), {
headers: { "Content-Type": "application/json" },
});
});
```
## ページに対して Interact する [#ページに対して-interact-する]
`supabase/functions/firecrawl-interact/index.ts` を編集します:
```typescript
import Firecrawl from "npm:firecrawl";
const firecrawl = new Firecrawl({
apiKey: Deno.env.get("FIRECRAWL_API_KEY"),
});
Deno.serve(async (_req) => {
const result = await firecrawl.scrape("https://www.amazon.com", {
formats: ["markdown"],
});
const scrapeId = result.metadata?.scrapeId;
await firecrawl.interact(scrapeId, {
prompt: "Search for iPhone 16 Pro Max",
});
const response = await firecrawl.interact(scrapeId, {
prompt: "Click on the first result and tell me the price",
});
console.log(response.output);
await firecrawl.stopInteraction(scrapeId);
return new Response(JSON.stringify({ output: response.output }), {
headers: { "Content-Type": "application/json" },
});
});
```
## デプロイ [#デプロイ]
```bash
supabase functions deploy firecrawl-search
supabase functions deploy firecrawl-scrape
supabase functions deploy firecrawl-interact
```
## 試してみる [#試してみる]
```bash
curl -X POST https://.supabase.co/functions/v1/firecrawl-search \
-H "Authorization: Bearer " \
-H "Content-Type: application/json" \
-d '{"query": "firecrawl web scraping"}'
```
## 次のステップ [#次のステップ]
ウェブを検索してページ全体のコンテンツを取得
フォーマット、アクション、プロキシなど、スクレイピングのオプションを網羅
クリック、フォーム入力、動的コンテンツの抽出
クロール、map、batch スクレイピング などを含む SDK リファレンス