私はプログラミング完全初心者です。
ブラウザ上で動く、シンプルな勤怠管理アプリを作ってください。
まずは完成度よりも、最低限動く試作品を優先してください。
【目的】
小規模チームまたは個人用の勤怠管理アプリを作りたいです。
社員・スタッフの出勤、退勤、休憩、勤務時間をシンプルに記録できるようにしたいです。
【前提】
- まずはWebアプリとして作ってください
- スマホでもPCでも見やすいUIにしてください
- 日本語表示にしてください
- デザインはシンプルで、白・グレー基調の見やすいものにしてください
- まずはログイン機能なしで構いません
- まずはローカルで試せる簡易版にしてください
- コードはできるだけわかりやすくしてください
- まずは1ファイルまたは少数ファイルで動く形を優先してください
【必要な機能】
1. スタッフ名を登録できる
2. 出勤ボタンを押すと日時を記録できる
3. 退勤ボタンを押すと日時を記録できる
4. 休憩開始・休憩終了を記録できる
5. その日の実働時間を自動計算できる
6. 日ごとの勤怠一覧を表示できる
7. スタッフごとに表示を切り替えられる
8. データはブラウザのローカルストレージに保存してください
【画面構成】
- 画面上部にアプリ名「勤怠管理アプリ」
- スタッフ選択エリア
- 出勤、退勤、休憩開始、休憩終了ボタン
- 当日の記録表示
- 過去の勤怠一覧表示
- 各記録の勤務時間・休憩時間・実働時間が見えるようにしてください
【表示項目】
- 日付
- スタッフ名
- 出勤時刻
- 退勤時刻
- 休憩開始
- 休憩終了
- 休憩合計
- 実働時間
【追加条件】
- 入力ミスが起きにくいUIにしてください
- 同じ日に出勤前に退勤できないようにしてください
- 休憩開始前に休憩終了できないようにしてください
- 退勤後はその日の記録を編集不可または警告表示にしてください
- エラー時は日本語でわかりやすく表示してください
【今回やってほしいこと】
- まず動く試作品を作る
- 必要なコードをすべて出す
- どう使うかを初心者向けに説明する
- そのあとで、将来的に追加できる機能も提案する