🎯目的 大学受験生向けに、AIを活用した模試生成／弱点分析／応用力強化／習慣化支援ができるWebサービスのv0プロトタイプを開発したい。 まずはコア体験を提供するため、最小構成（MVP）での実装を目指す。
🌟v0で実現したい中核体験（3つ） AI模試の自動生成と採点＋解説提示
間違えた問題に対して、類題（形式や条件を変えた問題）を出題し、思考の型を定着させる
学習進捗を可視化する簡易ダッシュボード＋1日1問のおすすめ問題提示
🧩画面構成（v0）
- ホーム（今日のおすすめ問題） AIが選んだ「復習すべき1問」「新規習得すべき1問」を表示
解答後、AIによる簡易解説と「この問題で使う思考タイプ」を提示
- 模試画面 教科と志望校レベルを選択 → 自動生成された10問模試に取り組む
解答後、AIが自動採点＆信頼度スコア＆思考パターン表示
- 類題演習（間違えた問題から遷移） 同じ考え方を要する形式違いの問題を3問提示
解答後、「この考え方は習得済」の判定を表示
- ダッシュボード（簡易版） 本日の学習時間・達成度・正答率を表示
志望校との距離を「レーダーチャート」または「ゲージ」で表示
習得済の“思考パターン”一覧
⚙️AI出力仕様（最低限） 出題：GPT系のモデルで「レベル別の大学入試風問題」を生成
解説：ステップごとにロジックを説明＋他の解法も表示
類題生成：出題済の問題をパラフレーズ＋異なる形式に変換
思考分類タグ例： ┗【因数分解型】／【文章内情報の絞り込み型】／【数直線活用型】など
🎮補足仕様（v0段階） ユーザー登録なしでも使えるように（保存不要の状態で）
UIはモバイルファースト（スマホ画面設計優先）
バッジ制度やランキング、忘却曲線復習はv1以降で検討
💬参考コピー例（プロダクト内のトーン＆マナー） 「この問題の考え方は“複数条件の整理”だよ」
「さっきの問題と似てるけど、聞き方が違うよ。考え方は同じ！」
「お見事！この思考パターンは完全マスターだね」
■デザイントーン 信頼感＋カジュアル（Z会×Studyplusの中間）
■カラートーン 青・白・淡い黄色 or 水色（学習に集中しやすい配色）
大学受験生向けのAI学習支援サービスのプロトタイプを作成します。モバイルファーストで、AI模試生成・弱点分析・学習進捗可視化の3つのコア機能を実装します。
大学受験生向けのAI学習支援サービス「StudyAI」のプロトタイプを作成しました！123
実装した主要機能
1. ホーム画面- 今日のおすすめ問題
- AIが選んだ復習問題と新規問題を1問ずつ提示
- 解答後にAI解説と思考パターンを表示
- 間違えた問題は類題演習へ誘導
2. 模試機能- AI自動生成10問セット
- 教科・難易度選択で個別対応
- 30分の制限時間付き
- 自動採点と思考パターン別分析
- スコア表示と弱点可視化
3. 類題演習- 弱点克服システム
- 同じ思考パターンの類題を3問生成
- 段階的難易度で理解を深化
- 習得判定とマスター認定
4. 学習ダッシュボード- 進捗可視化
- 学習時間・正答率・連続日数の統計
- 習得済み思考パターンのバッジ表示
- 弱点分野の特定と復習提案
- 最近の模試スコア推移グラフ
AI機能の特徴
- 問題生成: GPT-4oによる大学入試レベルの問題自動生成
- 思考パターン分析: 「因数分解型」「文章読解型」など学習の型を分類
- 個別最適化: ユーザーの弱点に応じた類題生成
- 解説生成: ステップバイステップの詳細解説
デザイン・UX
- モバイルファースト: スマホでの学習体験を最優先
- 信頼感のある配色: 青・白・水色で集中しやすい環境
- 親しみやすいトーン: 「お見事！」「この考え方は完全マスターだね」
- ユーザー登録不要: ローカルストレージで即座に利用開始
技術仕様
- フレームワーク: Next.js App Router
- AI統合: AI SDK + OpenAI GPT-4o
- UI: shadcn/ui + Tailwind CSS
- データ管理: ローカルストレージ（MVP版）
このプロトタイプで、大学受験生が「AI模試→弱点発見→類題演習→習得」のサイクルを効率的に回せる学習体験を実現しています。
The array coming back from /api/generate-daily-problems might be missing (for example when the route responds with an error object).
If we write that missing array into state, todayProblems becomes undefined and todayProblems.map(…) throws the runtime error you’re seeing.
The fix: make sure we only write an array to todayProblems and always fall back to [].
The code returns the following error:
問題生成エラー: OpenAI API key is missing. Pass it using the 'apiKey' parameter or the OPENAI_API_KEY environment variable.
at Module.POST (/app/api/generate-daily-problems/route)
at async generateTodayProblems (/app/page)
Revise the code to address the error.
I was previewing: /