導入文：

業務とは関係ないのですが、
自分の体調変化を記録・分析したくて、小さなログアプリをReactで開発しました。
備忘録も兼ねて構成・工夫点・苦戦ポイントをまとめます。

⸻

技術スタック：
• フロント：React + TypeScript（CRA）
• バックエンド：Firebase Firestore
• デプロイ：Vercel
• UI：React Calendar、CSS-in-JS（style要素にまとめ）

⸻

実装のポイント：
• FirestoreへのCRUD（保存・削除・更新）を自作関数でまとめて管理
• localStorageも併用し、即時性と永続性をバランスよく
• カレンダーで日付ごとにフィルター
• Markdown形式に変換してワンクリックコピー
• prefers-color-scheme でダークモード対応

⸻

⸻

まとめ：

「体調記録」ってすぐ忘れる。でも記録があると病院でも説明しやすいし、自分の振り返りにも便利。
React × Firebaseでここまで作れるという参考にもなれば嬉しいです。

⸻