A Better Life
概要
A Better Life は毎日を少し整えるためのツールとガイドを提供する Web サイトです。Phase 1 では Sleep Calculator / Bedtime Calculator / Evening Routine Builder の 3 ツールを軸に、検索流入から「ツール利用 → 次のツール → 習慣化」までを 1 サイト内で完結できる構造を組んでいます。
解決したい課題
睡眠改善や夜のルーティンを「読む」だけのコンテンツは多い一方、その場で試せて結果が残るツールは意外と少なく、回遊と習慣化に繋がりにくいという課題がありました。
主な機能
- Sleep Calculator: 起床時刻から最適な就寝時刻を逆算
- Bedtime Calculator: 就寝時刻から眠りのサイクルに合った起床候補を表示
- Evening Routine Builder: 自分のリズムに合わせた夜のルーティンを組み立て
- 結果は localStorage に保存。サインアップ・サーバー保存は不要
- ja / en の対訳ブログでツール利用後の文脈をサポート
技術スタック
フロント
Next.js 15, TypeScript
ホスト
Cloudflare Pages
保存
localStorage
計測
GA4
アーキテクチャ
Next.js 15 (App Router) + TypeScript で構築し、`output: "export"` の静的書き出しを Cloudflare Pages にデプロイしています。Phase 1 ではサーバー側状態を持たず、計算もブログ記事もすべてビルド時か localStorage で完結させています。
AIの役割と担当範囲
プロダクト内には AI を置いていません。ツールの計算結果は入力が同じなら必ず同じになるべきで、そこに推論を挟む理由がないためです。AI が担うのは記事のドラフト、キーワード調査、対訳の品質チェックなど、制作プロセス側の作業です。出荷物には入りません。したがって AI を外してもツールの動作は変わらず、変わるのは記事を用意する速度だけです。品質は GA4 で利用状況と回遊を見ながら、記事とツールの接続が意図どおりかを確かめています。
評価・運用
GA4 で各ツールの利用と回遊を計測し、検索からツール、関連ツールへの 3 角回遊が実際に発生しているかを観測しています。記事はツール利用後の自然な接続を最重要指標として配置しています。