MOCK(表示見本)
これはデモ用のモック画面です。実際の予約データは表示していません。表示されている内容はすべて架空のサンプルで、保存・変更はできません。

Bistro Lumière店主用ダッシュボード(モック)
お店のサイトへ

予約一覧

本日8月8日(土)

本日 8月8日(土) 3組 / 合計 8

時間帯ごとの空き

  • 17:30残1組
  • 18:00残2組
  • 18:30残1組
  • 19:00満席
  • 19:30残1組
  • 20:00残2組
  • 17:30確定
    お名前
    山田 花子
    人数
    2
    コース
    アニバーサリーコース
    電話
    090-0000-0001(サンプル)
    ご要望
    メッセージプレート(Happy Anniversary)をお願いします。
  • 18:30確定
    お名前
    佐藤 太郎
    人数
    4
    コース
    季節のコース
    電話
    090-0000-0002(サンプル)
  • 20:00NEW
    お名前
    鈴木 一郎
    人数
    2
    コース
    お席のみ
    電話
    090-0000-0003(サンプル)

この一覧(7日ぶん)はすべて架空のサンプルです。実際の予約データは読み込んでいません。

この画面について

架空のレストラン「Bistro Lumière」の店側管理画面です。店主がスマホで行う日々の運用——予約の確認とキャンセル臨時休業や貸切の切り替え時間帯ごとの空き(残数)の把握月替わりコースの更新——を、画面の形で示しています。

あえて実データを扱っていません。このデモの予約フォームは誰でも送信できるため、実際の予約一覧を作ると、 見ず知らずの方の氏名・電話番号・メールアドレスを保管して閲覧することになります。 デモのためにその責任は負わない、という判断です。 この画面はデータベースにもAPIにも接続しておらず、表示しているのはページ内に書かれた架空のサンプルだけです。 キャンセルや休業の切り替えも、押した結果がどうなるかをお見せするだけで、実際には何も実行されません。

実案件では、この画面をログインの内側(Cloudflare Access による社外からのアクセス遮断)に置き、実データを読み書きします。

これはデモ用のモック画面です。実際の予約データは表示していません。表示されている内容はすべて架空のサンプルで、保存・変更はできません。