Portfolio Demo —

BUSINESS TOOL DEMO

飲食店・サロン向け
出勤管理(デモ)

スタッフはスマホで1週間の出勤を申請するだけ。店長は管理画面で時間を調整して承認し、ボタン1つでお店のサイトの「本日の出勤スタッフ」を更新できます。 LINEや紙で集めたシフトを表に書き写す手間と、サイトの載せ忘れ・載せ間違いをなくします。

申請 → 承認 → 反映 → お店のサイトに表示

店舗・スタッフはすべて架空のものです。操作した内容はこのブラウザにだけ保存され、毎日最初の状態に戻ります。

スタッフが申請PUT→店長が承認・調整PATCH→反映POST /publish→お店のサイトに表示

スタッフのスマホ画面

出勤申請
さなさん、今週の出勤を申請してください

読み込み中…

管理画面(店長・管理者)

読み込み中…

お店のサイト(お客様向け)

DINING BAR SAMPLEデモ店舗

営業時間 11:00〜翌2:00

接続中…

出勤スタッフ

読み込み中…

このページは GET /api/public/dining-bar-sample/schedule の結果(反映済みのデータ)だけを表示します。承認前・未反映の申請や休みは表示されません。

※ API はこのページの中で動くモックです(通信の遅れを再現しています)。データはこのブラウザにだけ保存され、毎日最初の状態に戻ります。店舗名・スタッフ名はすべて架空です。

実際に作る場合

  • DBとログイン

    申請・承認・公開データをデータベースに保存し、スタッフは招待リンク、店長はメールとパスワードでログインします。

  • 権限をDB側でも担保

    画面のチェックに加えて、データベースの行レベルの権限でも「本人の申請しか触れない」を守ります。

  • リアルタイム通知

    反映したらお店のサイトを開いている人の画面がすぐ更新され、新しい申請は管理画面に自動で届きます。

  • LINEからの申請受付

    将来、LINE公式アカウントから届いた出勤希望も「申請中」として同じ流れに乗せられます。

設計で工夫した点

  • 営業日と「翌」時刻

    日付をまたぐ勤務も開始日に属する営業日として扱い、0時からの分数で保存。24時以降は「翌1:00」と表示します。

  • 下書き調整と一括承認

    店長の時間調整は承認するまで下書き(調整中)。まとめて承認は1件でも失敗したら1件も承認しない、ひとまとまりの処理です。

  • 同時編集の 409

    店長が調整している間にスタッフが再申請したら、承認時に 409 を返して最新を読み直し、古い内容で上書きしません。

  • 公開データのバージョン管理

    反映のたびに承認済みの内容をスナップショットとして新しい版で保存。お客様向けのページは最新の版だけを読みます。

Portfolio Demo

このページは制作見本です

架空の店舗・サービスへのお申し込みではありません。ホームページ制作のご相談は WiLBfv までお問い合わせください。