導入文：
業務とは関係ないのですが、
自分の体調変化を記録・分析したくて、小さなログアプリをReactで開発しました。
備忘録も兼ねて構成・工夫点・苦戦ポイントをまとめます。
⸻
技術スタック：
• フロント：React + TypeScript（CRA）
• バックエンド：Firebase Firestore
• デプロイ：Vercel
• UI：React Calendar、CSS-in-JS（style要素にまとめ）
⸻
実装のポイント：
• FirestoreへのCRUD（保存・削除・更新）を自作関数でまとめて管理
• localStorageも併用し、即時性と永続性をバランスよく
• カレンダーで日付ごとにフィルター
• Markdown形式に変換してワンクリックコピー
• prefers-color-scheme でダークモード対応
⸻
⸻
まとめ：
「体調記録」ってすぐ忘れる。でも記録があると病院でも説明しやすいし、自分の振り返りにも便利。
React × Firebaseでここまで作れるという参考にもなれば嬉しいです。
⸻