Playte

AIレシピアシスタント - プロジェクト状況レポート

Report Date: 2026-02-22 | Firebase: cookflow-430bd | Platform: iOS + Web | Status: Alpha
01

Vision & Mission

「動画があなたのレシピノートになる」— YouTube動画・写真・URLからAIがレシピを自動生成し、調理モードで迷わず料理。

Mission

料理動画や写真からレシピを手入力する手間をAIで解消し、誰でも簡単にレシピを保存・管理・料理できる世界を作る。

Core Value

柱1: AI自動レシピ生成 — 動画・写真・URLからワンタップでレシピ化
柱2: 調理モード — ステップバイステップの調理ガイド
柱3: 買い物リスト連携 — 材料をそのまま買い物リストに

Target Persona

Main: ユミ(30歳)

共働き。YouTube料理動画をよく見るが、作る時にいちいち動画を巻き戻すのが面倒。気に入ったレシピを保存したいが、手入力は続かない。AIで自動化してほしい。

Sub: 料理初心者(25歳)/ 主婦(45歳)

初心者は動画の手順を見ながらでもタイミングを逃しがち。主婦は料理本の写真からデジタルレシピにしたい。どちらも「見て→作る」の間のギャップを埋めたい。

02

Market Analysis

5,000万+
料理動画視聴者(日本)
4,500万
レシピ検索ユーザー
75%
動画レシピ利用率
0
AI自動レシピ化の競合

Market Opportunity

  • YouTube料理チャンネル上位50は全て100万登録超
  • レシピサイト(クックパッド、DELISH KITCHEN)は既存
  • 動画→レシピの自動変換は未開拓市場
  • 写真→レシピ(料理本のデジタル化)も競合なし
  • グローバル展開の余地(英語レシピ動画市場は10x)

Competitive Landscape

AppStrengthWeakness
クックパッドUGC最大手、SEO強いAIなし、動画変換なし
DELISH KITCHENプロ監修、動画レシピ自前コンテンツのみ
kurashiru1分動画、分かりやすいユーザーのお気に入り動画不可
PlayteAI自動変換、任意動画対応新規サービス
03

Product Overview

iOS + Webのクロスプラットフォーム構成。iOS先行開発 → Web版追加。Firebase共通バックエンド。

iOS App (SwiftUI)

  • 36画面、4タブ構成
  • YouTube動画プレーヤー内蔵
  • スワイプ操作の調理モード
  • カメラ連続撮影対応
  • AdMob広告統合
  • ブックマーク機能
  • オンボーディング

Web App (Next.js)

  • 17ルート、レスポンシブ
  • YouTube埋め込みプレーヤー
  • キーボード操作の調理モード
  • 写真アップロード対応
  • Tailwind CSSデザインシステム
  • Playwright E2Eテスト
  • Firebase Hosting (playte.web.app)

App Structure (4 Tabs)

Tab 1: ソース

YouTubeチャンネル管理。チャンネル追加・検索・動画一覧。ショート/通常動画の分離表示。

iOS + Web

Tab 2: レシピ

レシピ一覧。フィルタ(難易度・時間・料理ジャンル・シェフ・ソース種別)。お気に入り・検索。

iOS + Web

Tab 3: 買い物

材料ベースの買い物リスト。カテゴリ自動整理。人数調整対応。個別選択追加。

iOS + Web

Tab 4: 設定

アカウント管理。サインアウト。AI同意。アカウント削除。

iOS + Web

4 Recipe Sources

YouTube動画

動画URLを入力 → 字幕取得 → Claude AIでレシピ抽出。Webshare居住型プロキシ経由で安定取得。

写真(料理本)

レシピ本を撮影 → Claude Vision APIで画像解析 → レシピ自動生成。

WebサイトURL

レシピサイトのURLを入力 → HTMLスクレイピング → Claude AIで構造化。

手入力

オリジナルレシピをフォームから直接入力。

04

Technical Architecture

Client Apps
iOS App
SwiftUI / 36 screens
4 tabs
Web App
Next.js 15 / 17 routes
Tailwind CSS
Firebase Cloud Functions (Python 3.12)
generateRecipe
YouTube字幕→AI
generateFromImage
写真→AI
generateFromUrl
HTML→AI
Channel Mgmt
add/fetch/remove/search
External APIs & Data Stores
Claude API
Sonnet 4.5
Structured Output
YouTube API
Data API + Transcript
Webshare Proxy
Firestore
7 collections
Firebase Auth
Google OAuth

Recipe Generation Pipeline

Input
動画/写真/URL
Transcript
字幕/OCR/HTML取得
Claude AI
構造化レシピ抽出
Firestore
レシピ保存
Client
レシピ表示

YouTube字幕取得は居住型プロキシ(Webshare)経由でIPブロック回避。Claude Sonnet 4.5で構造化JSON出力。

Firestore Collections (7)

CollectionPurposeAccess
usersユーザープロフィールOwn R/W
userChannelsユーザー↔チャンネルの紐付けOwn R/W
channelsYouTubeチャンネル情報Auth Read
videos動画メタデータ(タイトル, duration, viewCount等)Auth Read
transcripts動画字幕テキストAuth Read
recipesAI生成レシピAuth Read
mealPlansまとめ調理プランOwn R/W

Tech Stack

iOS
SwiftUI
iOS 17+ / Xcode
WEB
Next.js 15
Static Export / Tailwind
BACKEND
Cloud Functions
Python 3.12 / 11 functions
AI ENGINE
Claude Sonnet 4.5
Structured JSON Output
DATABASE
Firestore
7 Collections
HOSTING
Firebase Hosting
playte.web.app
05

Development Progress

Overall Progress

Core Features (iOS) ~80%
Core Features (Web) ~70%

iOSは主要機能が完成。Webは今週追い上げ中。

2026-02-15
Project Kickoff & iOS MVP
CookFlowモノレポ作成。Firebase設定。iOSアプリの基本構造(4タブ、認証、レシピ一覧・詳細)実装。Cloud Functions(addChannel, generateRecipe)初期デプロイ。
2026-02-16 ~ 18
iOS Feature Complete
調理モード(スワイプ操作、YouTube連動、フェーズ表示)。買い物リスト。フロー(まとめ調理)。レシピ編集。写真→レシピ生成。URL→レシピ生成。手入力レシピ。フィルタ・検索。AdMob広告統合。オンボーディング。
2026-02-19
Web App Launch
Next.js 15 + Tailwind CSSでWeb版を構築開始。ランディングページ、ログイン、レシピ一覧・詳細、チャンネル管理、買い物リスト、調理モード、フロー、設定。Firebase Hosting (playte.web.app) デプロイ。Playwright E2Eテスト導入。
2026-02-20
Branding & Design System
Playteへのリブランド。ワインレッド(#8E2437)をブランドカラーに。コーラルピンク(#FF6B6B)をアクセントに。ロゴ生成。Webデザインシステム確立(Tailwind CSS変数)。
2026-02-22
YouTube Proxy & UX Improvements
YouTube字幕取得のIPブロック問題を解決(Webshare居住型プロキシ導入: $3.50/月)。買い物リストの材料選択モーダル実装(人数調整・個別選択)。トップページのログイン状態対応。チャンネルページのショート/動画タブ分離。動画詳細ページ新規作成(概要・YouTubeリンク・レシピ生成のローディングUI)。
NOW
Web-iOS Parity & Polish
WebのiOS機能パリティを上げる。iOS/Web双方の実機テスト。公開準備。

Feature Implementation Status

FeatureiOSWebNotes
認証(Google OAuth)DoneDone
チャンネル管理DoneDone
動画一覧(ショート/通常分離)DoneDone本日Web実装
動画詳細ページDoneDone本日Web実装
YouTube→レシピ生成DoneDoneプロキシ経由
写真→レシピ生成DoneDone
URL→レシピ生成DoneDone
手入力レシピDoneDone
レシピ一覧・フィルタDoneDone
レシピ詳細DoneDone
調理モードDoneDoneiOS: スワイプ / Web: キーボード
買い物リストDoneDone材料選択モーダル済み
フロー(まとめ調理)DoneBasicフェーズフィルタ未実装(Web)
レシピ編集DoneDone
お気に入りDoneDone
オンボーディングDoneN/AWebはランディングで代替
ブックマーク(動画)DoneTodoiOS only
AdMob広告DoneN/AiOS only
設定・アカウント管理DoneDone
E2EテストN/ADonePlaywright 21テスト

Codebase Stats

36
iOS Screens
17
Web Routes
11
Cloud Functions
7
Services (Python)
9
Data Models
21
E2E Tests
06

Recipe Generation Pipeline

Playteのコア技術は4種類のソースからAIレシピを自動生成するパイプライン

YouTube Pipeline (最重要)

YouTube URL
Transcript API
Webshare Proxy
Claude AI
レシピ抽出
Firestore
保存

YouTube字幕取得はIPブロック対策としてWebshare居住型プロキシ($3.50/月、1GB/月)を使用。日本語・英語字幕を優先的に取得。

Photo Pipeline

料理本の写真をBase64で送信 → Claude Vision APIで画像解析 → 構造化レシピ出力。複数画像対応。cv_crop_serviceでバウンディングボックス検出(精度改善中)。

AI Output Structure

Claude Sonnet 4.5のStructured Outputで以下を自動抽出:

基本情報
タイトル, サマリー, 料理ジャンル, 難易度, 人数
材料
カテゴリ別グループ, 名前, 分量, 単位, メモ
手順
フェーズ(下準備/調理/盛り付け/仕上げ), 指示, 所要時間, コツ

Known Challenges

IssueStatusMitigation
YouTube IPブロックResolvedWebshare居住型プロキシ導入
写真bounding box精度WIPGemini 2.0 Flashへの切替検証中
レシピ非対応動画の判定DoneClaude AIが"not_a_recipe"判定
字幕なし動画Done"no_transcript"エラーで通知
07

Open Issues & Risks

Critical (公開リスク)

Apple Developer Program未登録

iOS App Storeへの提出ができない状態。年額12,980円。Sign in with Apple要件も未対応。

APIコスト管理が未整備

Claude API呼び出しに回数制限がない。大量利用時のコスト爆発リスク。無料ユーザーへの月間制限(例: 月5回)の実装が必要。

Webshare Proxy の月間データ上限

現在1GBプラン($3.50/月)。YouTube字幕取得1回 ≈ 数KB だが、利用者増加時にプランアップグレードが必要。モニタリング未整備。

Important

写真レシピのbounding box精度

Claude Sonnet 4.5では正確な座標検出が難しい。Gemini 2.0 Flashへの切替を検証中。Google AI StudioのAPIキー取得が必要。

エラーハンドリング強化

Cloud Functionタイムアウト(300秒)時のユーザー体験が不十分。リトライUI、タイムアウト検知、ネットワークエラー表示を改善する必要あり。

iOS/Web パリティの残課題

ブックマーク機能(iOS only)、フロー内フェーズフィルタ(iOS only)、動画内検索(iOS only)がWebに未実装。優先度は低いが公開までに整合性を取りたい。

Consideration

AdMob本番化(iOS)

現在テスト用IDを使用中。admob.google.comでアカウント作成 → アプリ登録 → 広告ユニット作成 → AdConfig.swift/Info.plistのID差替が必要。ATT対応も必要。

Firestoreセキュリティルール

現在のルールでは認証済みユーザーが全レシピを読める。ユーザーごとのデータ分離がchannels/videosでは不十分な可能性。本番前にレビュー必要。

利用規約・プライバシーポリシー

App Store / Web公開には利用規約とプライバシーポリシーが必要。AI生成コンテンツの免責、ユーザーデータの取扱いを明記する必要あり。

08

Roadmap

Phase 1: MVP Launch

In Progress

目標: iOS App Store + Web公開

TaskStatusPriority
iOS全機能実装DoneP0
Web版コア機能DoneP0
YouTube字幕プロキシDoneP0
iOS/Web パリティ向上In ProgressP1
APIレート制限実装TodoP0
Apple Developer Program登録TodoP1
利用規約・プライバシーポリシーTodoP1
AdMob本番化TodoP2
App Store提出TodoP1

Phase 2: Growth

Planned (1-3 months)

目標: 累計DL 1,000件、MAU 300

  • Gemini 2.0 Flashで写真レシピ精度改善
  • レシピ共有機能(URLシェア)
  • サブスクリプション(Pro版)
  • レシピ自動カテゴリ分け強化
  • 調理タイマー機能
  • SNSマーケティング(Instagram/X)

Phase 3: Monetization

Planned (3-6 months)

目標: 累計DL 5,000件、MRR 50,000円

  • Pro版(月380円 / 年3,200円)
  • Web版にも広告統合
  • レシピブック出力機能
  • コミュニティ機能(レシピ共有・いいね)
  • AI栄養計算

Phase 4: Scale

Planned (6 months+)

目標: 累計DL 30,000件、MRR 300,000円

  • 多言語対応(英語/中国語/韓国語)
  • Android版
  • Instagram Reels / TikTok対応
  • 企業向けプラン(レストラン・料理教室)
  • Apple Watch(調理タイマー)
09

Financial Plan

Revenue Model

PlanPriceFeatures
Free0レシピ生成 月5回、基本機能、広告あり
Pro (月額)380円/月AI無制限、広告非表示、レシピ共有
Pro (年額)3,200円/年同上 (30%割引)

価格根拠: DELISH KITCHENプレミアム月480円。Playteは月380円で差別化。

Cost Structure (Monthly)

ItemPhase 1Phase 2Phase 3Phase 4
Firebase (Firestore, Hosting, Functions)03K10K30K
Claude API3K10K25K60K
Webshare Proxy0.5K1K3K5K
Apple Developer1K1K1K1K
Marketing030K100K200K
Total~4.5K~45K~139K~296K

単位: 円。K = 千。Apple Developer: 12,980円/年 ≈ 1K/月

Revenue Projection

MetricPhase 1Phase 2Phase 3Phase 4
累計DL1001,0005,00030,000
MAU203001,50010,000
有料転換率--5%8%
サブスク収益0028.5K304K
広告収益0020K80K
月間収益00~48.5K~384K
月間損益-4.5K-45K-90.5K+88K

Phase 4(6ヶ月以降)で黒字化見込み。Phase 1-2は開発投資期間。