エネルギー残量可視化アプリ

―

―

PHP

CSS

MySQL

HTML

VSCode

今日の疲労度を見える化するアプリ

ようしん

推しアイデア

予定を実行する前に、その日の状態と予定から「今日どのくらい疲れそうか」を予測できる点です。学校やバイトなどの消費体力を設定し、睡眠時間や気分なども考慮することで、その人の状態に合わせた疲労度を表示します。

作った背景

学校やバイト、勉強など予定が多い日は、自分ではまだ大丈夫だと思っていても、気づかないうちに疲れがたまることがあります。そこで、予定をこなす前にその日の疲労度を確認できれば、無理をしすぎる前に休憩や予定の調整ができると考え、このアプリを作りました。

推し技術

PHPとMySQLを使い、睡眠時間・気分・前日の疲労度・予定をデータベースに保存しています。保存したデータから体力上限と予定の合計消費体力を取得し、PHPで予想疲労度を計算してホーム画面に表示しています。

プロジェクト詳細

睡眠時間・気分・前日の疲労度と1日の予定から予想疲労度を計算し、見える化するWebアプリです。 予定ごとの消費体力や履歴も確認でき、無理をする前に自分の状態を把握できます。

【利用の流れ】

今日の状態入力 ↓ 予定を登録 ↓ 予定と予想疲労度を確認 ↓ ホームで今日の疲労度を確認 ↓ 必要に応じて予定を編集 ↓ 過去の結果を履歴から確認

【各画面の役割】

① 今日の状態入力 睡眠時間・気分・前日の疲労度を入力します。 入力された内容から、その日の体力上限を計算します。

② 予定入力 学校・バイト・勉強・運動・遊びなど、その日の予定を登録します。 予定名、開始時間、終了時間、消費体力を入力できます。 複数の予定を登録することもできます。

③ 予定確認 登録した予定を一覧で確認します。 予定ごとの消費体力を合計し、 「合計消費体力 ÷ 体力上限 × 100」 で今日の予想疲労度を計算します。

内容に問題がなければ、その日の結果をデータベースに保存してホーム画面へ進みます。

④ ホーム 今日の予想疲労度を大きく表示します。

疲労度は、 0〜39%:緑 40〜69%:黄色系 70〜99%:オレンジ 100%以上:赤 のように色分けして、状態を分かりやすくしています。

また、体力上限・合計消費体力・今日の予定・疲労度に応じたアドバイスも確認できます。

⑤ 予定編集 ホーム画面から移動できます。 登録済みの予定名、開始時間、終了時間、消費体力を変更できます。 不要になった予定を削除することもできます。

編集した内容はデータベースに反映され、ホーム画面の予想疲労度も再計算されます。

⑥ 履歴 これまで保存した1日の結果を確認できます。 日付、体力上限、合計消費体力、予想疲労度、その日のアドバイスを一覧で表示します。

【主な機能】

・睡眠時間・気分・前日の疲労度から体力上限を算出 ・予定ごとの消費体力を登録 ・1日の予想疲労度を計算 ・予定の編集・削除 ・過去の疲労度やアドバイスを履歴で確認

【ユーザー体験(UX)】

ユーザーは朝に今日の状態と予定を入力するだけで、その日の負担を数値と色で直感的に確認できます。

疲労度は段階ごとに色分けして表示し、予定ごとの消費体力も確認できるため、どの予定が負担になっているか分かりやすくしています。

予定が変わった場合もホーム画面から編集でき、最新の内容に合わせて疲労度を確認できます。

ようしん

@45ba4b4404c45b07