はじめまして。個人開発で「Deep Journal（ディープジャーナル）」というWebアプリを作りました。
日々の記録（ジャーナリング）に対して、AIが専属のパートナーとして寄り添い、分析し、フィードバックをくれるアプリです。

リリースしたアプリはこちら
👉 Deep Journal
(登録なし・無料で即座に試せます)

この記事では、開発に使用した技術スタックや、AIを「機械的なBot」ではなく「パートナー」に近づけるためにこだわった実装ポイントを紹介します。

なぜ作ったのか？

日記やジャーナリングはメンタルヘルスや自己成長に良いと言われますが、「書きっぱなし」で終わってしまうのが悩みでした。
かといって、誰かに見せるのは恥ずかしい。

「もし、自分のことを深く理解してくれて、絶対に秘密を守ってくれるAIのパートナーがいたら？」

そう考えて、Googleの最新AIモデル Gemini API を活用した交換日記アプリを開発しました。

技術スタック

「維持費を抑えつつ、UXはネイティブアプリ並みに」を目指して選定しました。

通常、Firebaseだけで完結させるとCloud Functions等のコストが気になります。
そこで、すでに契約していたレンタルサーバー(PHP)をプロキシとして活用しました。

Webサイトですが、PWA (Progressive Web Apps) として実装しました。
vite-plugin-pwa を活用し、ホーム画面に追加すればワンタップでアクセス可能です。

オフライン対応: 地下鉄でも日記が書けるよう、アセットをキャッシュ。
確実なアップデート: PWA特有のキャッシュ問題を回避するため、起動時にサーバー上のバージョンを確認し、古い場合は自動で最新版を取得・更新する仕組みを実装。これにより「ユーザーごとにバージョンが違う」問題を解消しました。

一番こだわったのは、AIからの返信の「温度感」です。ただ要約するだけでは面白くありません。

システムプロンプトに、現在時刻や日付の情報を動的に注入しています。
これにより、AIは以下のように自然に振る舞います。

「今」を共有している感覚が、対話の没入感を高めてくれます。

ユーザーの好みに合わせて、AIの口調を切り替えられる機能を実装しました。

これはシステムプロンプトの一部をユーザー設定値で書き換えることで実現しています。

実はこのアプリ、コーディングの大部分を GoogleのAIエージェント とペアプログラミングで行いました。
「こういう機能が欲しい」と伝えると、設計からコード実装、Git操作までをエージェントが自律的に実行してくれます。

人間は「仕様の決定」と「体験の良し悪しの判断」に集中し、コーディングはAIが行う。
このスタイルのおかげで、個人開発とは思えないスピードで機能改善を回せています。

「Deep Journal」 は、登録不要のゲストモードで今すぐ試せます。
「最近モヤモヤするな」「壁打ち相手が欲しいな」という方は、ぜひAIに話しかけてみてください。

もし技術的な詳細や、AI実装について聞きたいことがあれば、コメントでお待ちしています！

#個人開発 #React #Firebase #GeminiAPI #Gemini #生成AI