事例紹介: babysteps
本番環境のフルスタック構成で、1ヶ月で設計・開発・リリース
babystepsは、AIが生成するミニレッスン、その場で答え合わせできるクイズ、復習の仕組みを モダンなフルスタック構成で実現した学習アプリです。プロンプト設計、データの永続化、 学習スケジュールの自動調整を組み合わせ、繰り返し使える学習体験を提供します。
技術スタック
フロントエンド
TanStack Start (React 19)
データベース
PostgreSQL + Drizzle ORM
AI
Google Gemini
認証
Better Auth + Google OAuth
決済
Polar Subscriptions
通知
Web Push (VAPID)
主な機能
- 数式や図解を含むAI生成レッスン
- その場でフィードバックが返るクイズ
- 疑問をすぐ聞けるAIチューター
- 間隔反復による復習システム
- 学習の進捗を可視化するダッシュボード
- 時間帯に応じて切り替わるテーマ
- 無料プランとProプラン（クレジット制）
- 科目をツリー構造で整理