Photo by
ibaraki_nakai
「あなたの心の健康管理に！Reactでメンタル記録アプリ」
1. はじめに
アプリを作った背景
私はB型事業所で職業指導員としては働いています。支援をしている中で、メンタルの浮き沈みがあるが記録がなかなか難しいという方が多くいらっしゃいます。今回は簡単に記録ができるという部分にしぼってアプリ開発をいたしました！
なぜReactを選んだのか？
シンプルでコンポーネントベースの設計がしやすい。
2. アプリの特徴
通知機能を活用して、朝昼晩の1日3回のリマインドを自動送信。
簡単なメンタル記録フォームと4段階評価で状態を記録可能。
手軽に日々の出来事も記録できるカスタムフォーム。
3. 開発プロセス
(1) 通知機能の実装
通知APIの仕組みを解説（Notification.requestPermission などのコード例）。
時間ごとに通知を送る仕組みを解説（setIntervalや条件分岐を使用）。
(2) UIデザイン
ボタンや記録フォームのシンプルなデザイン。
4. 苦労した点と解決策
通知が表示されない問題のデバッグ（console.logを使った確認など）。
5. アプリの使い方
「1日3回のリマインドで記録を続けやすい！」
「メンタルの状態を振り返り、自分を理解する手助けになる！」
6. 将来の改善アイデア
記録データの可視化（グラフなど）。
メンタル状態に応じたメッセージのパーソナライズ。
PWA化してスマホでも使いやすくする。
7. 最後に
なかなか調子の悪いときは記録も難しいですよね。ただ調子の悪いときの記録が大切になり、支援員さんやドクターと話すときの材料になります。皆さんの生活が豊かになる開発を今後もしていきます！ぜひ次回もご覧ください！！