Inner Mirror 🪞
iPhone のホーム画面から使える AI 日記アプリ（PWA）。気分とエネルギーをタップして思ったことを少し書くと、AI があなたの言葉を言い換えずに読みやすく清書します（AI は代わりに書く「代筆者」ではなく、整えるだけの「清書係」）。記録は Supabase に保存され、Notion にも自動同期できます。
できること
- 30 秒チェックイン — 気分・エネルギーを選ぶだけで記録完了（2 画面構成。テキスト・音声入力に対応）。気分は月の満ち欠け、エネルギーは器の水位で選び、画面上の小さな水鏡が選んだ調子をその場で映す。疲れた日は**「気分だけで記録する」で AI を通さず保存でき、言葉はあとから日記に書き足せる（タグ・要約も、AI が使えればそのとき補完）。同じ日にもう一度チェックインすると、前の日記を消さずに追記**される
- 書き忘れ救済 — 昨日〜7 日前までの記録をあとから書ける（
/checkin?date=YYYY-MM-DD。ホームに昨日が空きの場合の導線あり）
- 毎日のリマインダー（Web Push） — 記録がまだの日だけ、夜にプッシュ通知。昨日の気分を文面に差し込む（設定方法）
- 今日のひとこと — 日中に思ったことをホームから時刻つきでメモ（音声も可）。夜のチェックインで、残したいものを選んで「今日あったこと」に入れる（この端末に保存・日付が変わると持ち越さない）。欄の上限（500 字）に入りきらないメモは途中で切らずに入れず、何件入らなかったかを知らせる。保存のあとに片付けるのは日記に入ったメモだけ（入りきらなかった・選ばなかったメモは、その日のうちは残る）
- カレンダーから選んで挿入 — 当日の Google Calendar 予定のうち、日記に残したいものだけを選んで挿入
- 音声入力 — テキスト欄のマイクのボタンで音声入力 → GROQ Whisper が文字起こし。iPhone のホーム画面 PWA でも安定動作（詳細）
- AI 清書 — 書いたメモを、あなたの言葉・言い回し・口調のまま読みやすい日記に整える（GROQ / gpt-oss-120b）。言い換え・水増し・書いていない感情や教訓の追加はしない。長さは入力とほぼ同じ。文章はリアルタイムにストリーミング表示され、タグ・感情も自動抽出。整え方は 原文のまま／整える（AI）／箇条書き から選べ、元のメモと並べて「AI が足した言葉」に下線を引き、日記の本文のうちあなたの言葉が占める割合を表示。書き直しは「元に戻す」で戻せる。AI らしい文章にしたいときは「感情豊かに」などで任意に書き直せます（詳細）
- AI 内省ガイド — 日記生成の前に、AI が「足りていない1点」（例: なぜそう感じた？／何を大事にしていた？）を 1問だけ 3〜4択で提示（問いはメモを書いている間に裏で用意しておくので、たいてい待たずに出る）。タップで選ぶだけで感情の理由・価値観が日記に織り込まれます（スキップ可。「どれも近くない」を選んだときは答えにしない・詳細）
- AI 書き直し — 「感情豊かに」「短くして」などワンタップで文体変更（長すぎて書き直せないときは、自動で再試行せずに理由を表示）
- Notion 自動同期 — 保存と同時に Notion データベースへ書き出し（同期済みのページは、本文をアプリの日記で置き換える。詳細）
- インサイト分析 — 過去の記録から傾向・パーソナリティ・感情トリガー・価値観（内省ガイドの回答を素材に）を AI 分析（ふりかえりの答えは自由メモとは別に必ず AI に渡す。気分だけの記録に、あとから日記の画面で言葉を書き足した日は、その本文も材料にする）。感情トリガーには根拠になった日付とその日の本人の言葉を添え、日記を開ける。曜日×気分・タグ×気分のローカル統計も表示（タグからその記録の一覧へ）。「過去30日の記録ペース」には記録した日数に加えて**「うち言葉つき N日」**（気分だけでなく言葉も残した日）を表示。あとで読み返せる自分の言葉がどれだけ残っているかは、こちらの数字で見るのがおすすめ
- AI に聞いてみる — 「最近気分がいい日の共通点は？」など、日記データに基づいて AI が 1 問 1 答
- 週次レポート — 直近 7 日間の振り返りナラティブを生成。「来週のフォーカス」は採用・言い換えができ、ホームに表示して「今日やった」をワンタップで記録。次のレポートでその実施日数をふまえてふり返る（採用したフォーカスはこの端末に保存）
- フラッシュバック — 1 年前・1 ヶ月前の今日の記録をホームに表示。当時の本文はそのままに**「今の一言」を添えられる**
- 気分の波をたどる — ホームのグラフの点をタップ（横になぞる）と、その日の気分・エネルギーが出て日記を開ける
- 検索・ページング — 日記一覧でキーワード検索（本文・出来事・メモ）。タグで絞り込むと、同じテーマの記録を時系列でたどれる（
/entries?tag=仕事）
- データ所有権 — JSON / CSV エクスポート、日記の個別削除
- AI が使えなくても書ける — AI API が未設定・接続に失敗したときは、書いたメモをそのまま日記の本文にする（メモが空ならテンプレートで作る）。電波の無い状態で使えるという意味のオフライン対応ではありません
クイックスタート
必須なのは Supabase と GROQ API キー（無料枠あり）の 2 つだけです。
npm install
cp .env.local.example .env.local # Windows: Copy-Item .env.local.example .env.local
# .env.local に Supabase の URL / ANON_KEY と GROQ_API_KEY を入力
npm run dev
→ http://localhost:3000 を開いてログインできれば完了。
詳細は セットアップ手順 へ。
技術スタック
| レイヤー | 技術 |
|---|
| フレームワーク | Next.js 15 (App Router) |
| ホスティング | Vercel |
| 認証・DB | Supabase Auth + PostgreSQL（RLS でユーザーごとにデータ分離） |
| AI | GROQ API（gpt-oss-120b / gpt-oss-20b、日本語で選定。音声文字起こしは Whisper） |
| 外部同期 | Notion API / Google Calendar API |
| 状態管理 | Zustand |
| スタイリング | Tailwind CSS ＋ CSS 変数（和紙と墨の基調 / 色・気分・ボタン・お知らせを app/globals.css で一元管理）。ホームは components/home/home.css、チェックインは components/checkin/checkin.css、下書き・保存のあとは components/draft/draft.css |
| フォント | Cormorant Garamond（欧文・数字）＋ Shippori Mincho（和文明朝）＋ Zen Kaku Gothic New（小さな UI 文字）。見出しは詰め組み（palt）、短い文は文節で改行 |
| PWA | Web App Manifest + Service Worker |
アーキテクチャ
iPhone Safari（PWA）
│ HTTPS
▼
Next.js 15 on Vercel
┌─────────────────────────────────────┐
│ App Router（React） │ ← 画面
│ ┌──────────────────────────────┐ │
│ │ API Routes（BFF） │ │ ← サーバー処理
│ │ POST /api/checkin-question │───┼──→ GROQ API（生成前の内省質問・JSON）
│ │ POST /api/generate-draft │───┼──→ GROQ API（日記生成・ストリーミング）
│ │ POST /api/draft-meta │───┼──→ GROQ API（タグ・サマリー抽出）
│ │ POST /api/rewrite-draft │───┼──→ GROQ API（書き直し）
│ │ POST /api/analyze │───┼──→ GROQ API（パーソナリティ分析）
│ │ POST /api/weekly-report │───┼──→ GROQ API（週次レポート）
│ │ POST /api/ask │───┼──→ GROQ API（日記へのQ&A）
│ │ POST /api/transcribe │───┼──→ GROQ API（音声文字起こし / Whisper）
│ │ POST /api/notion-sync │───┼──→ Notion API
│ │ GET /api/calendar/today │───┼──→ Google Calendar API
│ │ GET/POST /api/settings │ │ ← 設定の読み書き（トークン暗号化）
│ │ GET /api/export │ │ ← JSON / CSV エクスポート
│ │ POST/DELETE /api/push/... │ │ ← Web Push 購読の登録・解除
│ │ GET /api/cron/reminder │◀──┼─── Vercel Cron（リマインダー配信）
│ └──────────────────────────────┘ │
└──────────────────┬──────────────────┘
▼
Supabase（Auth + PostgreSQL）
BFF パターンを使う理由: AI の API キーをブラウザから直接使うとキーが盗まれます。すべての外部 API 呼び出しを Next.js のサーバーサイド（API Routes）経由にし、キーは Vercel の環境変数にのみ保持します。
❌ ブラウザ → GROQ API（API キーが露出）
✅ ブラウザ → /api/generate-draft（Next.js サーバー） → GROQ API
チェックインフロー
2 画面で 30 秒〜1 分。必須は気分とエネルギーのみで、テキストは全てスキップ可能。
| # | 内容 | 必須 |
|---|
| 1 | 気分（月の満ち欠け・5 段階）＋ エネルギー（器の水位・5 段階） | ✅ |
| 2 | 今日あったこと（テキスト / 音声 / カレンダー予定の挿入）＋ 困ったこと・感謝・自由メモ（折りたたみ） | — |
This is the beginning of the README. Read the rest at the original. Read the full README ↗
