ラクミー タイムレコード — 仕様モック v5（エンジニア共有用）
開発対象の画面のみ抜粋。全画面は v4（開発用）を参照。
v5 に含まれる画面:
・A 新規登録: 入力 → メール認証 → PW設定 → 完了
・C 従業員管理: オーナー視点一覧 / 管理者視点一覧 / 招待メール（自動送信） / 従業員PW設定
・D 管理者管理: 管理者一覧（PW操作列あり・ステータス列なし）
・E ログイン / PW再設定: ログイン → メール入力 → 認証 → 新PW設定
権限階層
オーナー / 本部管理者
- 全店舗・全機能にアクセス
- 店舗の追加・編集・削除
- 管理者の登録・店舗紐付け
- 従業員の登録（全店舗）
- 給与・経営管理・外部連携
→
管理者
- 担当店舗のみ管理
- 従業員の登録・管理
- 従業員のステータス操作
- 勤怠承認
- ※ 配置は任意
→
従業員
- 打刻操作
- 自分の勤怠確認
- 管理機能へのアクセス不可
設計ポイント
| 項目 | 仕様 |
|---|
| 認証基盤 | Clerk — サインアップ・ログイン・PW管理・セッション管理はClerkが担当 |
| 従業員登録 | 登録と同時に招待メールを自動送信。従業員が自分でPW設定。 |
| 管理者登録 | オーナーが直接登録（Clerk API経由でユーザー作成、初期PW設定 → 口頭等で共有） |
| 従業員一覧 ステータス列 | 招待ステータスを表示（下記「ステータスバッジ仕様」参照） |
| 従業員一覧 PW操作列 | ステータス列の右に配置。状態に応じてボタンが変わる（下記参照） |
| PW再発行の処理 | Clerk APIでPWを更新 → 一時PW通知メール送信 |
| 管理者一覧 | ステータス列・PW操作列なし。編集・削除のみ。管理者はClerkのPW再設定フローを利用 |
ステータスバッジ仕様
従業員のステータスは全3種類。招待の状態とアカウント状態を1つのバッジとして表示する。
| ステータス | 表示 | バッジ色 | PW操作列 | 編集 | 削除 |
|---|
| 招待中 | 招待中 | オレンジ #f0960a | | メール変更可 | 招待取消 |
| 有効（承諾済み） | 有効 | 緑 #2ec4a5 | | メール変更不可 | アカウント削除 |
| 期限切れ | 期限切れ | 赤 #c62828 | | メール変更可 | 招待取消 |
本モックに含まれる画面一覧
| ID | 画面 | URL | 操作者 |
|---|
| A-1 | 新規登録（会社+オーナー） | /signup | 新規オーナー |
| A-2 | メール認証 | /signup/verify | 新規オーナー |
| A-3 | PW設定 | /signup/password | 新規オーナー |
| A-4 | 登録完了 | /signup/complete | 新規オーナー |
| C-1 | 従業員一覧（オーナー・全店舗横断） | /dashboard/employees | オーナー |
| C-2 | 従業員一覧（管理者・担当店舗のみ） | /dashboard/employees | 管理者 |
| C-1E | 従業員編集モーダル（有効） | /dashboard/employees/:id/edit | オーナー / 管理者 |
| C-1E | 従業員編集モーダル（招待中） | /dashboard/employees/:id/edit | オーナー / 管理者 |
| C-4 | 招待メール（自動送信） | （メール） | 従業員 |
| C-5 | 従業員PW設定 | /invite/accept?token=xxx | 従業員 |
| D-1 | 管理者一覧 | /dashboard/administrators | オーナー |
| D-1E | 管理者編集モーダル | /dashboard/administrators/:id/edit | オーナー |
| Login | ログイン | /login | 全ユーザー |
| E-1 | PW再設定（メール入力） | /password/reset | 全ユーザー |
| E-2 | PW再設定（確認コード） | /password/reset/verify | 全ユーザー |
| E-3 | PW再設定（新PW設定） | /password/reset/new | 全ユーザー |
| — | 無効な招待リンク（エラー画面） | /invite/accept?token=expired | 全ユーザー |
権限マトリクス
| 操作 | オーナー / 本部管理者 | 管理者 | 従業員 |
|---|
| 店舗の追加・編集・削除 | ✅ | ❌ | ❌ |
| 管理者の登録・編集 | ✅ | ❌ | ❌ |
| 管理者のPW再設定 | ✅ 自分で（ログイン画面から） | ✅ 自分で（ログイン画面から） | ❌ |
| 従業員の登録（＝自動招待） | ✅ 全店舗 | ✅ 担当店舗のみ | ❌ |
| 従業員情報の閲覧・編集 | ✅ 全店舗 | ✅ 担当店舗のみ | ❌ |
| 従業員PW操作（再送 / PW再発行） | ✅ 全店舗 | ✅ 担当店舗のみ | ❌ |
| 勤怠データ閲覧 | ✅ 全店舗 | ✅ 担当店舗のみ | ✅ 自分のみ |
| 打刻操作 | ❌ | ❌ | ✅ |
| 給与・経営管理 | ✅ 全店舗 | ✅ 担当店舗のみ | ❌ |
| データインポート | ✅ 全店舗 | ✅ 担当店舗のみ | ❌ |
| データエクスポート | ✅ 全店舗 | ✅ 担当店舗のみ | ❌ |
| 外部連携設定 | ✅ | ✅ | ❌ |
| PW再設定（自分・パスワードを忘れた） | ✅ | ✅ | ✅ |
v5に含まれない画面（v4を参照）
| ID | 画面 | 理由 |
|---|
| B-1 | 店舗一覧 | 既存画面の延長（変更少） |
| B-2 | 店舗追加モーダル | 既存画面の延長（変更少） |
| C-3 | 従業員登録モーダル | 既存画面の延長（自動招待メール送信が追加されるのみ） |
| D-2 | 管理者登録モーダル | v4を参照 |
自動送信メール プレビュー（従業員登録時に自動送信）
From: ラクミー タイムレコード <noreply@timerecord.rakmy.jp>
To: yoshida@example.jp
Subject: 【ラクミー タイムレコード】アカウント設定のご案内
ラクミー タイムレコード
吉田 七美 様
株式会社サンプル の従業員として登録されました。
以下のボタンからパスワードを設定してログインしてください。
会社: 株式会社サンプル / 店舗: 池袋店 / 有効期限: 72時間
※ 心当たりのない場合は無視してください