📚 WorkTime 使い方ガイド

1 管理者登録

📸 管理者登録画面のスクリーンショット
（画像を読み込めませんでした。images/admin-register.png を配置してください）

1. トップページにアクセス
2. 「管理者登録」フォームに以下を入力：
   • 管理者名（例：山田太郎）
   • メールアドレス（例：admin@example.com）
   • パスワード（8文字以上）
   • 会社名（例：株式会社サンプル）
3. 「✅ 登録して始める」ボタンをクリック
4. 自動的に管理者画面に移動します

2 社員登録

📸 社員登録フォームのスクリーンショット
（画像を読み込めませんでした。images/employee-register.png を配置してください）

1. 管理者画面の「👥 社員登録」セクションで以下を入力：
   • 社員名（例：田中花子）
   • メールアドレス（例：tanaka@example.com）
   • パスワード（8文字以上）
2. 「➕ 社員を登録」ボタンをクリック
3. 登録成功メッセージが表示され、社員一覧に追加されます
4. 注意：同じメールアドレスは登録できません

3 勤怠履歴の確認

📸 勤怠履歴モーダルのスクリーンショット
（画像を読み込めませんでした。images/attendance-history.png を配置してください）

1. 「👤 社員一覧」セクションで、確認したい社員のカードをクリック
2. 勤怠履歴モーダルが開きます
3. 「年」「月」のドロップダウンで期間を選択
4. テーブルで出退勤記録を確認
5. 各セッションの「✏️ 編集」ボタンで記録を修正可能

4 申請の処理

📸 申請一覧のスクリーンショット
（画像を読み込めませんでした。images/application-list.png を配置してください）

1. 「📝 申請一覧」セクションで申請を確認
2. 「⏳ 申請中」の申請に「✅ 許可」または「❌ 却下」ボタンをクリック
3. 処理済みの申請は「📋 処理済み」セクションに表示
4. 社員ごとにグループ化されて表示されます

1 ログイン

📸 社員ログイン画面のスクリーンショット
（画像を読み込めませんでした。images/employee-login.png を配置してください）

1. 社員ログインページにアクセス
2. 管理者から教えてもらったメールアドレスとパスワードを入力
3. 「🔓 ログイン」ボタンをクリック
4. 自動的に出退勤打刻画面に移動します

2 出勤打刻

📸 出退勤打刻画面のスクリーンショット
（画像を読み込めませんでした。images/kintai-checkin.png を配置してください）

1. 出退勤打刻画面で「▶️ 出勤」ボタンをクリック
2. ブラウザから位置情報の許可を求められたら「許可」を選択
3. GPS位置情報が取得され、住所に変換されます
4. 「✅ 出勤打刻が完了しました！」のメッセージが表示されます
5. 出勤後は退勤ボタンが有効になります

💡 ヒント：位置情報の取得に失敗した場合は、「勤務地」という文字列が記録されます。

3 退勤打刻

📸 退勤打刻のスクリーンショット
（画像を読み込めませんでした。images/kintai-checkout.png を配置してください）

1. 「⏹️ 退勤」ボタンをクリック
2. 位置情報が取得され、退勤場所が記録されます
3. 「✅ 退勤打刻が完了しました！」のメッセージが表示されます
4. 退勤後は出勤ボタンが再度有効になります（1日に複数回の出退勤に対応）

🌙 夜勤対応：日をまたぐ夜勤の場合、前日の出勤記録に退勤が記録されます。

4 申請の送信

📸 申請フォームのスクリーンショット
（画像を読み込めませんでした。images/application-form.png を配置してください）

1. 出退勤打刻画面の「📝 申請フォーム」セクションで以下を入力：
   • 申請種類（有給休暇・遅刻・早退・残業・その他）
   • 申請内容（例：「11月5日 有給休暇取得希望」）
2. 「📤 申請する」ボタンをクリック
3. 「✅ 申請が送信されました！」のメッセージが表示されます
4. 管理者が申請を確認し、許可・却下を処理します