MVP Kickoff — 2025-10-10製品リコールを瞬時にキャッチする
製品リコールを瞬時にキャッチする
Web & ChatGPT 体験を構築中
カメラからのバーコード読み取り、オフライン照合、ChatGPT 内での結果プレビューまでを 1 つのプロジェクトで統合。2025 年 12 月 1 日のベータ公開を目指して、機能ごとに着実に実装を進めます。
現在: 基盤整備フェーズ (W1) 次: F-02 チューニング & F-03 着手
今日の進捗ノート
最新更新: 2025-10-11
- Next.js 15 + Cloudflare Workers プレースホルダーを構成し、`npm run dev` で稼働確認。
- Tailwind トークンとグローバルテーマを整備し、共通 UI フレームを構築。
- バーコード照合 (F-01) プレビューを完成し、カメラ・画像アップロード・手動入力の各経路でモック API 照合を確認。
- MVP 機能一覧とマイルストーンをダッシュボードに実装、関係者と共有可能に。
- 画像アップロード時に Tesseract.js を用いた OCR フォールバック候補抽出を追加し、F-02 の初期実装を開始。
主要ブランチ: `main`
次の確認ポイント: shadcn/ui コンポーネントの拡充
バーコード照合 (F-01) プレビュー
カメラまたは画像アップロードで JAN/EAN コードを読み取り、モック DB と照合します。
バーコード照合 UI を読み込み中です。数秒後にプレビューが表示されます。
MVP 機能トラッカー
仕様サマリー準拠 (F-01 〜 F-08)
F-01完了
バーコード照合
JAN/EAN コードをカメラまたは画像から読み取り、最新のリコール DB と照合して結果を即時表示。
担当領域: フロントエンド + Workers API
F-02進行中
OCR フォールバック
バーコード抽出が失敗した場合も Tesseract.js で候補コードを抽出し、再照合を支援。
担当領域: Vision パイプライン
F-03予定
マイ製品登録
IndexedDB による端末内保存でお気に入り製品をタグ付けし、履歴ビューで検索可能。
担当領域: PWA / IndexedDB
F-04予定
プッシュ通知
登録済みコードにリコールが追加された際に Web Push で差分を通知。
担当領域: Workers バッチ + VAPID
F-05予定
履歴 & 差分ビュー
過去リコールの比較・差分を時間軸で可視化し、更新点を把握しやすく。
担当領域: UI / データモデル
F-06予定
ChatGPT 統合
Apps SDK でコード照会カードをその場表示し、ChatGPT からの照合体験を実現。
担当領域: MCP エンドポイント
F-07予定
オフライン対応
PWA + キャッシュ戦略で最新データを保持し、回線不安定でも照合継続。
担当領域: Service Worker
F-08予定
国際化 (i18n)
日本語 / 英語 UI 切替に対応し、海外 API 拡張を見据えた設計。
担当領域: 多言語対応
スプリント マイルストーン
β 版公開目標: 2025-12-01
2025-10-10〜10-24 (W1-W2)
準備 & 基盤整備
- Next.js + Workers 開発環境
- CI/CD 整備 (lint/build/test)
- UI デザイン v0、Apps SDK スタブ
2025-10-25〜11-07 (W3-W4)
コア機能実装
- F-01 バーコード照合
- F-02 OCR フォールバック
- F-03 マイ製品登録
2025-11-08〜11-14 (W5)
通知 & 差分
- F-04 プッシュ通知
- F-05 履歴/差分ビュー
- R2/KV データ更新
2025-11-15〜11-21 (W6)
ChatGPT & i18n
- F-06 ChatGPT 統合
- F-08 多言語対応
- 英語コピー確定
2025-11-22〜11-28 (W7)
品質保証
- Playwright E2E
- Lighthouse 90+
- セキュリティ/アクセシビリティ監査
2025-11-29〜12-01 (W8)
ベータリリース
- ベータ公開
- ユーザーガイド
- 運用チェックリスト
アーキテクチャ概要
| 層 | 採用技術 | 備考 |
|---|---|---|
| フロントエンド | Next.js 15 (React 19), Tailwind CSS, shadcn/ui | SSR/CSR ハイブリッド + PWA 対応 |
| バーコード & OCR | @zxing/browser (WASM), Tesseract.js | ブラウザで高速解析、フォールバック付き |
| バックエンド / API | Cloudflare Workers + R2 + KV | 低レイテンシ、差分検知ジョブ集約 |
| データパイプライン | GitHub Actions → gh-pages (JSON) | スクレイプ/正規化/差分公開を CI 化 |
| ChatGPT アプリ | OpenAI Apps SDK (MCP) | コード照合カードの宣言型 UI |
次のタスク候補
OCR フォールバックの精度検証と多言語データセットの整備
バーコードスキャン用 Web API の権限確認とデバイス互換検証
Cloudflare R2/KV のダミーデータ投入と差分 JSON スキーマ定義
OpenAI Apps SDK manifest の初期ドラフトを作成