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

Webアプリケーション

勤怠管理アプリ

一般ユーザーの出勤・休憩・退勤と、勤怠修正申請を管理できる勤怠管理アプリです。管理者向けに勤怠の閲覧、修正申請の確認・承認も実装しました。

勤怠管理アプリのスタッフ向け勤怠一覧画面。月ごとの出勤・退勤時刻、休憩時間、合計勤務時間と詳細へのリンクを表示している。

制作の背景

学習課題として、一般ユーザーと管理者で異なる操作と権限を持つ勤怠管理の仕組みを制作しました。

主な実装内容

  • メール認証を伴う一般ユーザー・管理者のログイン
  • 出勤、休憩開始・終了、退勤の記録
  • 当日の勤務状態を表示し、複数回の休憩に対応
  • 勤怠一覧・勤怠詳細の表示
  • 勤怠情報の修正申請と、申請状況の一覧表示
  • 管理者によるスタッフ一覧・勤怠情報の閲覧
  • 管理者による修正申請の詳細確認・承認
  • 管理者向けの勤怠情報CSV出力

設計上の課題と対応

課題

  • 一般ユーザーと管理者で異なる操作・閲覧範囲を持つ勤怠管理を設計すること
  • 出勤、複数回の休憩、退勤、修正申請という勤怠状態の変化を矛盾なく扱うこと

対応

  • 一般ユーザー向けと管理者向けでルーティングと認可を分け、管理者だけが修正申請を承認できる構成にした
  • 勤務状態ごとに操作を制御し、休憩時間を勤怠記録と関連付けて複数回の休憩を管理できるようにした
  • 修正申請を勤怠記録とは分けて保持し、承認時に勤怠情報と休憩時間を更新する流れにした

品質確認

  • Feature Testで、出勤、退勤、勤務状態の表示、勤怠一覧への反映を確認
  • Feature Testで、複数回の休憩開始・終了、休憩時間の表示を確認
  • Feature Testで、勤怠修正申請の入力値検証、一覧表示、管理者による承認を確認
  • Feature Testで、管理者によるスタッフ・勤怠情報の閲覧を確認