# Hono (/ja/quickstarts/hono)
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), [Bun](/ja/quickstarts/bun.md)
## 前提条件 [#前提条件]
* Node.js 18+、Bun、または Deno
* Firecrawl APIキー — [無料で取得できます](https://www.firecrawl.dev/app/api-keys)
## セットアップ [#セットアップ]
```bash
npm install hono firecrawl
```
`.env` に APIキーを追加します:
```bash
FIRECRAWL_API_KEY=fc-YOUR-API-KEY
```
## ウェブを検索する [#ウェブを検索する]
```typescript
import { Hono } from "hono";
import { Firecrawl } from "firecrawl";
const app = new Hono();
const firecrawl = new Firecrawl({ apiKey: process.env.FIRECRAWL_API_KEY });
app.post("/search", async (c) => {
const { query } = await c.req.json();
const results = await firecrawl.search(query, { limit: 5 });
return c.json(results);
});
export default app;
```
## ページをスクレイピング [#ページをスクレイピング]
```typescript
app.post("/scrape", async (c) => {
const { url } = await c.req.json();
const result = await firecrawl.scrape(url);
return c.json(result);
});
```
## ページを Interact で操作する [#ページを-interact-で操作する]
Interact を使うと、ライブのブラウザセッションを操作して、ボタンのクリック、フォーム入力、動的コンテンツの抽出を行えます。
```typescript
app.post("/interact", async (c) => {
const { url } = await c.req.json();
const result = await firecrawl.scrape(url, { 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' });
await firecrawl.stopInteraction(scrapeId);
return c.json({ output: response.output });
});
```
## どこでもデプロイ可能 [#どこでもデプロイ可能]
Hono は複数のランタイムで動作します。Cloudflare Workers では、環境バインディングから APIキーを渡します。
```typescript
import { Hono } from "hono";
import { Firecrawl } from "firecrawl";
type Bindings = { FIRECRAWL_API_KEY: string };
const app = new Hono<{ Bindings: Bindings }>();
app.post("/search", async (c) => {
const firecrawl = new Firecrawl({ apiKey: c.env.FIRECRAWL_API_KEY });
const { query } = await c.req.json();
const results = await firecrawl.search(query, { limit: 5 });
return c.json(results);
});
export default app;
```
## 次のステップ [#次のステップ]
フォーマット、アクション、プロキシを含むスクレイピングのオプション一覧
Webを検索してページ全体のコンテンツを取得
クリックやフォーム入力で動的コンテンツを抽出
クロール、map、バッチスクレイプなどを含むSDKの完全なリファレンス