TypeScriptエンジニア必見！超軽量Webフレームワーク『Hono』入門：API開発からミドルウェア活用まで

# "my-app"ディレクトリを作成して、Honoプロジェクトを作成
npm create hono@latest my-app

# Node.js用のテンプレートを選択
? Which template do you want to use?
  lambda-edge
  netlify
  nextjs
❯ nodejs
  vercel
  cloudflare-pages
  x-basic

# 依存関係をインストール
? Do you want to install project dependencies? (Y/n) # Yを入力

# パッケージマネージャを選択
? Which package manager do you want to use? (Use arrow keys)
❯ npm

Copy

app.get("/", (c) => {
  return c.text("Hello Hono!");
});

Copy

$ npm run dev
Server is running on http://localhost:3000

Copy

$ curl http://localhost:3000
Hello Hono!

Copy

// src/api/books.ts
// サンプルのAPI

import { Hono } from "hono";
const app = new Hono();

app.get('/',  (c) => {
    return c.text('books');
})

export default app;

Copy

src
├── index.ts ：APIのエントリポイントで、Honoインスタンスの生成とサーバーを設定する
├── api
│   └── books.ts　：APIロジックやハンドラを実装する
└── routes.ts　：ルーティングを定義し、各エンドポイントのパスと実際の処理を紐付ける

Copy

// src/routes.ts
// ルーティング定義のみを切り出したファイル

import { Hono } from "hono";
import books from "./api/books.js";

const router = new Hono();

router.route('/books', books);  // ルーティング

export default router;

Copy

// src/index.ts
import { Hono } from 'hono'
import routes from "./routes.js";

const app = new Hono()

app.route('/', routes)

export default app

Copy

$ curl http://localhost:3000/books
books

Copy

// src/index.ts
import { requestId } from 'hono/request-id' // ID生成用

// 各リクエストに一意のIDを割り振る
app.use('*', requestId())

Copy

// src/libs/logger-middleware.ts
import type { MiddlewareHandler } from 'hono'

export const structuredLogger = (): MiddlewareHandler => {
  return async (c, next) => {
    const start = Date.now()

    // リクエスト処理開始時のログ
    const startlogEntry = {
      time: new Date().toISOString(),
      requestId: c.get('requestId'),
      method: c.req.method,
      path: c.req.path
    }
    console.log(JSON.stringify(startlogEntry))

    // 次の処理を実行
    await next()

    // リクエスト処理完了時のログ
    const ms = Date.now() - start
    const logEntry = {
      time: new Date().toISOString(),
      requestId: c.get('requestId'),
      method: c.req.method,
      path: c.req.path,
      status: c.res.status,
      duration: `${ms}ms`,
    }

    console.log(JSON.stringify(logEntry))
  }
}

Copy

// src/index.ts
import { structuredLogger } from './libs/logger-middleware.js';

app.use('*', structuredLogger());

Copy

{"time":"2026-04-28T02:23:06.799Z","method":"GET","path":"/"}
{"time":"2026-04-28T02:23:06.803Z","requestId":"1e17347c-7d01-463e-b761-540249a9e693","method":"GET","path":"/","status":200,"duration":"4ms"}

Copy