Tanebi
← 仕様書一覧 · #01KPXEZC · 2026.04.23 · 👁 15
AI生成 MVP仕様書 · Claude Code Ready

レシピクリップボード 自動栄養計算

クックパッドなどからレシピをコピペすると、自動で材料を抽出・栄養価を計算。家族の食事制限に対応した献立提案を30秒で完成。クリップボード監視で「貼り付けるだけ」という手軽さが主婦層に刺さる。日々の食事管理が劇的に楽になる。

⬇ .md をダウンロード 𝕏 でシェア 💡 元のアイデアを見る

サービス概要

クックパッドなどのレシピサイトからテキストをコピペするだけで、材料を自動抽出し栄養価を計算。家族の食事制限(カロリー、塩分、アレルゲンなど)に基づいた献立の可否判定を30秒で完成させるツール。クリップボード監視により「貼り付けるだけ」という手軽さが実現でき、日々の食事管理の負担を劇的に軽減する。

MVP のスコープ

MUST(必須・これが無いとサービスが成立しない)

  • クリップボード監視機能:ユーザーがテキストをコピーすると自動検出
  • テキストからの材料抽出:正規表現+簡易NLP で材料名と分量を抽出
  • 栄養価データベース:日本食品標準成分表をベースにした栄養価マスタ(カロリー、タンパク質、脂質、炭水化物、塩分など)
  • 家族プロファイル管理:食事制限条件(カロリー上限、塩分上限、アレルゲン)を登録
  • 献立判定ロジック:抽出した栄養価が制限条件を満たすか判定し、可否を表示

SHOULD(あれば良いが MVP では入れない)

  • 複数レシピの組み合わせ提案(献立セット提案)
  • 栄養価グラフ表示(日次・週次の栄養摂取推移)
  • レシピの保存・お気に入り機能
  • SNS シェア機能

WON'T(今回は作らない)

  • 音声入力によるレシピ読み込み:音声認識の精度確保に時間がかかり、MVP では不要。テキスト入力で十分。
  • 複雑な献立自動生成AI:栄養バランスの最適化には機械学習が必要で、個人開発では実装コスト高。判定機能に留める。
  • モバイルアプリ(iOS/Android ネイティブ):Web版で十分動作し、開発工数が2倍以上になるため。PWA で対応。
  • リアルタイムコラボレーション:複数ユーザーの同時編集は認証・DB設計が複雑化し、初期段階では不要。
  • 栄養士による個別コンサルティング機能:人手が必要で、スケーラビリティが失われるため。

削るべき機能と理由

  1. 栄養価の自動更新機能(外部API連携)

    • 削る理由:日本食品標準成分表は年1回程度の更新で十分。静的CSVで運用し、手動更新で対応可能。API化すると外部依存が増し、保守負担が増加。
  2. 複数言語対応(英語・中国語など)

    • 削る理由:初期ユーザーは日本の主婦層に限定。言語対応は多言語化時に段階的に進める方が効率的。
  3. 高度な自然言語処理による材料抽出の精度向上

    • 削る理由:正規表現+簡易ルールで80%の精度が得られれば MVP として十分。残り20%は手動修正で対応。深層学習は後段階で検討。

画面一覧と遷移

  • ログイン画面:メールアドレス・パスワードでログイン。初回は新規登録フォーム表示。
  • ホーム画面:最新の献立判定結果を表示。「新しいレシピを入力」ボタンで入力画面へ。
  • レシピ入力画面:テキストエリアにレシピをペースト。自動で材料抽出&栄養計算。
  • 献立判定結果画面:抽出した材料、計算された栄養価、家族プロファイルごとの可否判定を表示。
  • 家族プロファイル管理画面:食事制限条件(名前、カロリー上限、塩分上限、アレルゲン)を登録・編集。
  • 履歴画面:過去に入力したレシピと判定結果を一覧表示。
flowchart LR
    A["ログイン画面"] --> B["ホーム画面"]
    B --> C["レシピ入力画面"]
    C --> D["献立判定結果画面"]
    D --> E["履歴画面"]
    D --> F["家族プロファイル管理"]
    F --> B
    E --> B

データモデル

// ユーザーテーブル
model User {
  id            String   @id @default(cuid())
  email         String   @unique
  passwordHash  String
  name          String
  createdAt     DateTime @default(now())
  updatedAt     DateTime @updatedAt
  
  profiles      FamilyProfile[]
  recipes       Recipe[]
}

// 家族プロファイル(食事制限条件)
model FamilyProfile {
  id                String   @id @default(cuid())
  userId            String
  user              User     @relation(fields: [userId], references: [id], onDelete: Cascade)
  
  name              String   // 家族メンバー名
  calorieLimit      Int      // カロリー上限(kcal)
  saltLimit         Float    // 塩分上限(g)
  allergens         String   // アレルゲン(カンマ区切り)
  
  createdAt         DateTime @default(now())
  updatedAt         DateTime @updatedAt
  
  @@index([userId])
}

// レシピテーブル
model Recipe {
  id                String   @id @default(cuid())
  userId            String
  user              User     @relation(fields: [userId], references: [id], onDelete: Cascade)
  
  title             String   // レシピタイトル
  rawText           String   @db.Text // 元のテキスト
  
  createdAt         DateTime @default(now())
  updatedAt         DateTime @updatedAt
  
  ingredients       Ingredient[]
  nutritionData     NutritionData?
  judgements        Judgement[]
  
  @@index([userId])
}

// 材料テーブル
model Ingredient {
  id                String   @id @default(cuid())
  recipeId          String
  recipe            Recipe   @relation(fields: [recipeId], references: [id], onDelete: Cascade)
  
  name              String   // 材料名
  quantity          Float    // 分量
  unit              String   // 単位(g, 個, 杯など)
  
  createdAt         DateTime @default(now())
  
  @@index([recipeId])
}

// 栄養価データベース(マスタ)
model FoodNutrition {
  id                String   @id @default(cuid())
  foodName          String   @unique
  
  caloriePerUnit    Float    // 100gあたりのカロリー(kcal)
  proteinPerUnit    Float    // 100gあたりのタンパク質(g)
  fatPerUnit        Float    // 100gあたりの脂質(g)
  carbsPerUnit      Float    // 100gあたりの炭水化物(g)
  saltPerUnit       Float    // 100gあたりの塩分(g)
  
  createdAt         DateTime @default(now())
  updatedAt         DateTime @updatedAt
}

// レシピの栄養価集計
model NutritionData {
  id                String   @id @default(cuid())
  recipeId          String   @unique
  recipe            Recipe   @relation(fields: [recipeId], references: [id], onDelete: Cascade)
  
  totalCalorie      Float    // 総カロリー(kcal)
  totalProtein      Float    // 総タンパク質(g)
  totalFat          Float    // 総脂質(g)
  totalCarbs        Float    // 総炭水化物(g)
  totalSalt         Float    // 総塩分(g)
  
  createdAt         DateTime @default(now())
  updatedAt         DateTime @updatedAt
}

// 献立判定結果
model Judgement {
  id                String   @id @default(cuid())
  recipeId          String
  recipe            Recipe   @relation(fields: [recipeId], references: [id], onDelete: Cascade)
  profileId         String
  
  isOk              Boolean  // 制限条件を満たすか
  reason            String   // 判定理由(カロリー超過など)
  
  createdAt         DateTime @default(now())
  
  @@index([recipeId])
  @@index([profileId])
}

主要 API エンドポイント

メソッド パス 目的 認証
POST /api/auth/register ユーザー新規登録 不要
POST /api/auth/login ログイン 不要
POST /api/auth/logout ログアウト 必要
GET /api/profiles 家族プロファイル一覧取得 必要
POST /api/profiles 家族プロファイル作成 必要
PUT /api/profiles/:id 家族プロファイル更新 必要
DELETE /api/profiles/:id 家族プロファイル削除 必要
POST /api/recipes/analyze レシピテキスト解析(材料抽出&栄養計算) 必要
GET /api/recipes レシピ履歴一覧取得 必要
GET /api/recipes/:id レシピ詳細取得 必要
DELETE /api/recipes/:id レシピ削除 必要
GET /api/nutrition/foods 栄養価マスタ検索 必要

技術スタック推奨

  • フロントエンド: Next.js 14 (App Router) + TypeScript + TailwindCSS

    • 理由:SSR対応で SEO に強く、API ルートも同一プロジェクトで管理可能。個人開発で学習コストが低い。
  • バックエンド: Next.js API Routes + Node.js

    • 理由:フロントエンドと同一言語で、デプロイ構成がシンプル。小規模サービスではオーバーヘッドが少ない。
  • DB: PostgreSQL(Supabase 推奨)

    • 理由:Prisma ORM の相性が良く、無料枠で十分。リレーショナルデータに適している。
  • ホスティング: Vercel

    • 理由:Next.js の公式ホスティング。デプロイが自動化され、個人開発者向けに無料枠が充実。
  • 外部 API: なし(初期段階)

    • 理由:栄養価データは静的 CSV で管理し、外部依存を最小化。後段階で USDA API などを検討。

外部サービス・API と想定コスト

サービス 用途 想定月額
Supabase PostgreSQL ホスティング 無料(初期段階)
Vercel フロントエンド&API ホスティング 無料(初期段階)
SendGrid メール送信(パスワードリセットなど) 無料(月100通まで)
合計 無料

※ ユーザー数が増加した場合、Supabase は月 $25〜、Vercel は月 $20〜 の有料プランへの移行を検討。

Claude Code 向け実装プロンプト

以下の仕様に基づいて、Next.js 14 (App Router) + TypeScript + Prisma + PostgreSQL で「レシピクリップボード 自動栄養計算」を実装してください。

【ステップ1】プロジェクト初期化
- `npx create-next-app@latest recipe-clipboard --typescript --tailwind` で Next.js プロジェクトを作成
- Prisma をインストール:`npm install @prisma/client` と `npm install -D prisma`
- `.env.local` に Supabase の DATABASE_URL を設定

【ステップ2】Prisma スキーマ定義
- `prisma/schema.prisma` に上記「データモデル」セクションのスキーマを全て記述
- `npx prisma migrate dev --name init` で初期マイグレーション実行
- `npx prisma db seed` で栄養価マスタ(FoodNutrition)に日本食品標準成分表の主要100品目を CSV から INSERT

【ステップ3】認証機能実装
- `app/api/auth/register` と `app/api/auth/login` エンドポイントを実装
- bcrypt でパスワードをハッシュ化
- JWT トークンを httpOnly Cookie に保存
- `lib/auth.ts` に認証ミドルウェアを実装し、API ルートで認証チェック

【ステップ4】材料抽出ロジック実装
- `lib/recipeParser.ts` に正規表現ベースの材料抽出関数を実装
  - 入力:レシピテキスト(例:「玉ねぎ 1個」「塩 小さじ1」)
  - 出力:`{ name: string, quantity: number, unit: string }[]`
- 単位の正規化(「個」→「個」、「小さじ1」→「5g」相当など)を実装

【ステップ5】栄養価計算ロジック実装
- `lib/nutritionCalculator.ts` に栄養価計算関数を実装
  - 入力:抽出した材料配列 + FoodNutrition マスタ
  - 出力:`{ totalCalorie, totalProtein, totalFat, totalCarbs, totalSalt }`
- 材料名とマスタの食品名をファジーマ
⬇ .md をダウンロード
🔥
Next Action

実装に進もう

上の Markdown をコピーして Claude Code / Cursor に貼り付けるだけ。

$ claude code "この仕様書に沿って実装を始めて"
$ cursor .    # そしてMarkdownをペースト