制作実績一覧に戻る
スクール模擬案件完成

Webアプリケーション

体重管理・目標設定アプリ

体重の記録と目標体重の設定・更新ができるヘルスケアアプリです。記録の追加・編集・削除と、期間を指定した検索を実装しました。

体重管理・目標設定アプリの記録一覧画面。目標体重、現在体重、差分、期間検索、データ追加、体重・食事摂取カロリー・運動時間の一覧とページネーションを表示している。

制作の背景

学習課題として、登録フロー、認証、入力値検証、記録データのCRUD操作を含むWebアプリケーションを制作しました。

主な実装内容

  • 2段階のユーザー登録と目標体重の初期設定
  • ログイン・ログアウト
  • 体重記録の一覧表示、追加、編集、削除
  • 開始日・終了日を指定した体重記録の検索
  • 体重記録のページネーション表示
  • 目標体重の設定・更新
  • Form Requestによる登録・更新時の入力値検証

設計上の課題と対応

課題

  • ユーザー登録時に、アカウント情報と目標体重を段階的に入力する流れを扱うこと
  • 体重記録の作成・更新・削除と、期間指定検索を一貫した画面遷移で扱うこと

対応

  • 登録の1段階目で入力したアカウント情報をセッションに保持し、2段階目で目標体重とともにユーザー情報を作成する構成にした
  • 登録・更新・目標変更ごとにForm Requestを用意し、入力値検証をコントローラーから分離した
  • 開始日と終了日の有無に応じて検索条件を組み立て、一覧と検索結果をページネーション表示した

品質確認