コンテンツにスキップ

03. 画面仕様 — 全画面の一覧

全部で 45 画面です(ほかに、転送するだけの入り口が 5 つあります。 末尾の「画面として扱わないもの」を見てください)。

画面 ID の付け方

記号 対象 URL の形
A- Gipple 管理者の画面 admin.〜 の下
C- 企業アカウント・事業所アカウントの画面 {法人の識別名}.〜/shift/client/…
S- スタッフの画面 {法人の識別名}.〜/shift/staff/…
X- ログイン前でも開ける画面 上記のどこか

番号は「使う順・一覧から詳細へ」の並びです。画面を足すときは末尾に足し、 番号は振り直しません(仕様書や不具合報告で番号が指し先を変えると 過去のやりとりが読めなくなるためです)。

Gipple 管理者(admin. の下)

画面ID URL 画面の目的
A-01 /admin/login 管理者としてログインする
A-02 /admin/dashboard 法人数・事業所数などの全体の数字を見る
A-03 /admin/tenants 法人の一覧を見る・探す
A-04 /admin/tenants/new 法人を新しく登録する
A-05 /admin/tenants/[id] 法人の詳細を見る・直す・停止する
A-06 /admin/offices 事業所の一覧を見る・探す
A-07 /admin/offices/new 事業所を新しく登録する
A-08 /admin/offices/[id] 事業所の詳細を見る・直す・停止する
A-09 /admin/accounts アカウントの一覧を見る・探す
A-10 /admin/accounts/new 企業/事業所アカウントを発行する
A-11 /admin/accounts/[id] アカウントの詳細。所属事業所の付け外し、ロック、パスワード再発行
A-12 /admin/billing 法人ごとの請求を見る・確定する
A-13 /admin/change-password 初回ログイン時などにパスワードを変える

企業アカウント・事業所アカウント({法人}.〜/shift/client/)

画面ID URL 画面の目的
C-01 /shift/client/login 自分の会社の画面にログインする
C-02 /shift/client/select-office 操作する事業所を選ぶ
C-03 /shift/client/dashboard 選んだ事業所の今の状況を見る
C-04 /shift/client/jobs お仕事の一覧を見る・探す
C-05 /shift/client/jobs/[id] お仕事の詳細。応募者の確定・却下、募集人数の変更、限定公開、コピー
C-06 /shift/client/jobs/new お仕事を新しく出す
C-07 /shift/client/calendar お仕事を月のカレンダーで見る
C-08 /shift/client/tasks 業務テンプレートの一覧を見る
C-09 /shift/client/tasks/new 業務テンプレートを作る
C-10 /shift/client/tasks/[id]/edit 業務テンプレートを直す
C-11 /shift/client/applications 応募を一覧で見て、まとめて確定・却下する
C-12 /shift/client/attendance 勤怠を見て、承認・修正・無断欠勤の記録をする
C-13 /shift/client/staff スタッフの一覧を見る・探す
C-14 /shift/client/staff/new スタッフを登録する
C-15 /shift/client/staff/[id] スタッフの詳細を見る・直す
C-16 /shift/client/invite-links 招待リンクを発行する・止める
C-17 /shift/client/reports 予実管理の入り口
C-18 /shift/client/reports/jobs お仕事ごとの集計を見る
C-19 /shift/client/reports/staff スタッフごとの集計を見る
C-20 /shift/client/change-password 初回ログイン時などにパスワードを変える

スタッフ({法人}.〜/shift/staff/)

スタッフの画面はスマートフォンで使う前提です。

画面ID URL 画面の目的
S-01 /shift/staff/login ログインする
S-02 /shift/staff/dashboard 中身は無く、S-05 へ送るだけ
S-03 /shift/staff/attendance 今日の勤務に出勤・退勤を打刻する
S-04 /shift/staff/schedule 自分の確定した予定を見る
S-05 /shift/staff/search 日付を選んでお仕事を探す
S-06 /shift/staff/search/[id] お仕事の詳細を見て応募する
S-07 /shift/staff/mypage 自分の情報の入り口
S-08 /shift/staff/mypage/settings 自分の氏名・連絡先などを直す
S-09 /shift/staff/mypage/bank 振込先の口座を登録・変更する
S-10 /shift/staff/change-password 初回ログイン時などにパスワードを変える

ログイン前でも開ける画面

画面ID URL 画面の目的
X-01 /shift/staff/invite/[token] 招待リンクから自分でスタッフ登録する
X-02 / 入り口。ロール別のログイン画面へ案内する

画面として扱わないもの

次の 5 つは中身が無く、別の URL へ送るだけです。画面仕様は作りません。 tools/coverage_allowlist.json にも 同じ理由で登録しています。

URL 送り先
/login ロール別のログイン画面
/client /shift/client/login
/client/login /shift/client/login
/staff /shift/staff/login
/staff/login /shift/staff/login

各画面に必ず書くこと

どの画面の節も、次の順で書きます。項目を省かないのは、 「書いていない=存在しない」と言い切れる状態にするためです。

  1. 画面 ID / URL / 開ける利用者の種類 / 画面の目的
  2. 画面キャプチャ(通常時。必要なら、空のとき・エラー・確認ダイアログ)
  3. 入力項目の全部:ラベル、必須か任意か、形式、文字数の上限、初期値、 入力例の表示、エラーメッセージ(画面に出るとおりの文言)
  4. ボタンと操作の全部:押したときに起きること、確認ダイアログの有無、 成功・失敗のメッセージ(画面に出るとおりの文言)
  5. 読み込み中/データが無いとき/権限が無いとき/事業所が停止しているときの表示
  6. 遷移先と、使っている API