コンテンツにスキップ

セットアップチェックリスト(人間がやること)

MVPを動かすために人間が手動で設定・準備する必要がある項目の一覧。


1. サーバー環境変数

server/.env を作成する(server/.env.example をコピーして編集)。

DATABASE_URL=postgres://user:password@host:5432/dbname
JWT_SECRET=ランダムな長い文字列(openssl rand -hex 32 等で生成)
LINE_CHANNEL_ID=LINEデベロッパーコンソールのチャネルID
LINE_CHANNEL_SECRET=LINEデベロッパーコンソールのチャネルシークレット
LINE_CALLBACK_URL=https://your-frontend-url.com/auth/line/callback
変数説明
DATABASE_URLPostgreSQL 接続 URL
JWT_SECRETJWT 署名キー(必ず秘密にする)32バイト以上推奨
LINE_CHANNEL_IDLINE Login チャネルID
LINE_CHANNEL_SECRETLINE Login チャネルシークレット
LINE_CALLBACK_URLLINE からのリダイレクト先(フロントエンドの /auth/line/callback

2. フロントエンド環境変数

ローカル開発

web/.env を作成する(web/.env.example をコピーして編集)。

VITE_API_URL=/api
VITE_LINE_CHANNEL_ID=LINEデベロッパーコンソールのチャネルID
VITE_LINE_CALLBACK_URL=http://tanomu.localhost:1355/auth/line/callback

ローカル開発では VITE_API_URL=/api とすることで Vite の開発サーバープロキシ経由で API に接続する(web/vite.config.ts のプロキシ設定を参照)。

本番(Cloudflare Pages)

Cloudflare Pages のダッシュボードで以下の環境変数を設定する。

変数説明
VITE_API_URLバックエンド API のベース URL(例: https://api.tanomu.example.com
VITE_LINE_CHANNEL_IDLINE Login チャネルID
VITE_LINE_CALLBACK_URL本番フロントエンドの /auth/line/callback URL

3. LINE Login チャネルの設定

LINE Developers コンソール(https://developers.line.biz/)で設定する。

  1. LINE Login チャネルを作成
  2. 「コールバック URL」に LINE_CALLBACK_URL と同じ URL を登録
  3. チャネルを公開状態にする

4. データベースのセットアップ

PostgreSQL サーバーを用意し、スキーマを適用する。

Terminal window
# スキーマ適用(初回・変更時)
cd server && bun run db:push

推奨ホスティング: SupabaseNeonRailway


5. AIエージェント向け API キー発行

MVP では API キーは手動発行。DB に直接 INSERT する。

-- 1. エージェントを登録
INSERT INTO agents (id, name) VALUES (gen_random_uuid(), 'My Agent');
-- 2. API キーを生成(例: ランダム文字列)
-- キーは `tanomu_` プレフィックスを推奨
-- 3. キーを SHA-256 ハッシュして登録
-- ハッシュ計算例(Node.js):
-- const hash = createHash('sha256').update('YOUR_RAW_KEY').digest('hex');
INSERT INTO api_keys (id, agent_id, key_hash)
VALUES (gen_random_uuid(), '<agent_id>', '<sha256_hash_of_key>');

発行したキーをエージェント開発者に渡す(平文キーは一度しか表示できないので記録しておく)。


6. バックエンドのホスティング

Hono + Bun のサーバーをホストする。

推奨:

  • Fly.io — Dockerfile があれば簡単デプロイ
  • Railway — DB と一緒に管理しやすい
  • Render

フロントエンドは Cloudflare Pages で自動デプロイ済み。


7. 確認済み・不要な設定

項目状況
Cloudflare Pages(フロントエンド)CI で自動デプロイ済み
SPA ルーティング(_redirects)設定済み
PWA マニフェスト設定済み(vite-plugin-pwa
DB スキーマ設計実装済み(server/src/db/schema.ts
JWT 認証(worker)実装済み
API キー認証(agent)実装済み
LINE Login 認証フロー実装済み