店舗業務が分散すると、確認と転記が増える。
予約は紙、シフトはチャット、在庫は表計算、売上は別ファイル——。情報が複数の場所に分かれるほど、確認漏れ・二重入力・伝達ミスが起きやすくなります。この作品では、日常業務を一つのWeb画面に集約することを目指しました。
情報を一元化
店舗運営に必要な情報を、同じダッシュボードから確認・登録できます。
Google環境で運用
入力データはGoogleスプレッドシートへ保存。専用DBを用意しなくても扱えます。
現場目線の画面設計
今日の予約・出勤・在庫不足・売上・お知らせをトップ画面から確認できます。
5つの業務を、1つのWebアプリで。
単なる入力フォームではなく、「登録 → 一覧確認 → 更新 → ダッシュボード反映」まで一連の業務フローを組み込みました。
予約管理
予約情報を登録し、既存予約を一覧で確認。変更・キャンセルまで同じ画面で扱えます。
- 日付・時間・顧客名・人数・電話番号
- 席・コース・アレルギー・備考
- 予約一覧、変更、キャンセル
シフト・勤怠管理
勤務予定だけでなく、出勤・休憩・退勤の操作まで扱える構成にしています。
- スタッフ別シフト登録
- 出勤・休憩開始/終了・退勤
- 勤務実績をスプレッドシートへ記録
在庫・発注管理
現在庫と発注点を比較し、不足商品を自動で判定。発注から入荷確認まで管理できます。
- 現在庫・単位・仕入先・発注点
- 発注が必要な商品を自動表示
- 発注履歴と入荷処理
売上・日報管理
売上金額だけでなく、客数や決済内訳、営業日の出来事・引き継ぎ事項まで記録できます。
- 売上・客数・現金・カード・QR決済
- 客単価を管理
- 営業日報・トラブル・引き継ぎ事項
スタッフ情報共有
店舗内のお知らせを登録し、期限や重要度とともに共有。ダッシュボードにも当日のお知らせを表示します。
- 投稿者・種別・タイトル・内容
- 重要度・有効期限
- ダッシュボードへの自動表示
シンプルな構成で、現場とデータをつなぐ。
フロント画面からの操作をApps Scriptで処理し、Googleスプレッドシートをデータ保管・管理の基盤として利用しています。
HTML / CSS / JavaScript
業務ロジック / API処理
予約 / 勤怠 / 在庫 / 売上 等
この作品で示せること。
「コードを書ける」だけでなく、実際の業務を分解し、入力・保存・一覧・集計・画面遷移まで一つの仕組みに落とし込む力を示すための作品です。
業務要件の整理
飲食店の業務を予約・勤怠・在庫・売上・情報共有に分解し、必要なデータ項目と処理を設計。
フロント / バック連携
Web画面とApps Scriptを連携し、入力結果をスプレッドシートへ保存・取得。
状態に応じた自動判定
在庫不足や当日情報など、データの状態に応じて必要な情報をダッシュボードへ表示。
運用を意識した改善
実際に各機能を操作し、登録・画面遷移・データ反映を確認しながら不具合を修正。
お客様に向き合う時間を増やす。
店舗ごとの運用に合わせて拡張できます。
この作品は完成形を固定したパッケージではなく、店舗のルールや既存業務に合わせて項目・画面・自動処理を変更できることを想定しています。
通知の自動化
メールや各種通知サービスと連携し、在庫不足・予約・日報などの通知処理へ拡張。
権限・承認フロー
店長・スタッフなど役割ごとに表示や操作を分ける仕組みへ拡張可能。
店舗固有の帳票・集計
売上集計、原価、勤務時間など、必要な指標に合わせたレポートを追加。
実際に動く画面を確認できます。
デモ環境で、ダッシュボードと各業務画面の構成をご覧いただけます。