「Health Log App」開発記：主観を記録する体調ログアプリを作った理由と工夫点

はじめに

「自分のための体調ログ」をつけたくて、React + Firebaseでアプリを作りました。
今回紹介するHealth Log Appは、以下のようなことができます：
• 体調や薬の記録をその場でメモ
• 花粉レベルの記録
• Markdownで出力 → Obsidianなどにコピペ可能
• ダークモード／スマホUIにも対応

⸻

技術構成
• React（Create React App）
• TypeScript
• Firebase Firestore
• Vercel
• React Calendar

⸻

こだわったポイント
• UIは「スマホで記録しやすい」を優先：ボタン間隔・タップ領域・キーボード干渉対策
• Markdownコピー機能：Obsidianユーザー向け
• Firestore + localStorage の構成で安定性を重視

⸻

課題と今後やりたいこと
• グラフでの可視化（Chart.js）
• 家族への共有機能（限定リンク）
• PWA化してホーム画面から開けるように

⸻

アプリURL・GitHub
• アプリ：https://health-log-app.vercel.app
• GitHub：https://github.com/ksk3gogodayo/health-log-app

⸻

おわりに

「体調が悪いときに記録なんて無理」と思ってたけど、
「書きたいときに書けるアプリ」があれば意外と残せました。
もし同じように「記録したいけど続かない」って人がいたら、使ってもらえると嬉しいです！

⸻