一週排班看板
用員工 × 星期的直覺網格安排班別，可切換週次並限制單一班別人數。
FEATURED PROJECT · 2026
從一張班表開始，整理店裡的日常。
鮮茶樂
飲料店排班系統
為飲料店現場設計的輕量管理工具。把每週排班、工時薪資與庫存紀錄放進同一套流程，讓店長少一點來回確認，讓店員更快看懂自己的班。
本週人數8 人
總工時186 hr
排班狀態已完成
員工雨澄小安阿哲
一07.20
早晚—二07.21
早中晚三07.22
中晚—四07.23
早中晚五07.24
早晚—六07.25
早中晚日07.26
早中—01
作品介紹 / ABOUT
好排班，不只是一張填滿的表。
飲料店的班表牽動人力、薪資、尖峰時段與每天的交接。這個作品從現場最常發生的「這週誰能上班？」出發，將分散在訊息與試算表裡的資訊，整理成一個人人都能快速理解的操作介面。
我把它做成可直接從瀏覽器使用的靜態前端，再透過 Google Apps Script 與試算表交換資料；保留低維護成本，也為小型店家的協作留下足夠彈性。
核心功能 / FEATURES
從排班到盤點，
把瑣碎變成清楚。
目前公開版本包含六個
店務管理核心能力。
工時與薪資概覽
自動彙整排班人數、每週工時與預估薪資，把現場判斷集中在同一頁。
角色與權限分流
管理員與店員使用不同入口權限，店員只處理自己的排班，庫存功能留給管理端。
雲端資料同步
透過 Google Apps Script 串接試算表，讓排班與庫存資料可跨裝置讀取。
庫存盤點
集中紀錄茶葉、珍珠與糖漿等原物料數量，支援重新讀取與雲端儲存。
CSV 匯出
將排班或庫存結果匯出成 CSV，方便後續留存、核對與交接。
技術棧 / STACK
簡單的技術，
支撐真實的日常。
以瀏覽器原生能力為核心，搭配容易接手的雲端服務；適合快速驗證流程，也方便逐步替換成正式後端。
- 01HTML
- 02Tailwind CSS
- 03JavaScript
- 04Google Apps Script
- 05Google Sheets
- 06GitHub Pages
DATA FLOW
01店員 / 管理員Browser UI
→02Apps ScriptAPI Layer
→03Google SheetsCloud Data
資安限制聲明 / SECURITY
公開展示，
也要說清楚邊界。
這是作品展示與流程驗證版本，尚未經過獨立資安稽核，不應直接作為正式門市的人資、薪資或敏感庫存系統。
- 01
前端不是權限邊界GitHub Pages 為公開靜態網站；角色資訊儲存在瀏覽器端，不能取代伺服器端授權。
- 02
請勿放入真實敏感資料公開展示時請只使用測試帳號與去識別資料，不輸入真實密碼、薪資或個資。
- 03
正式上線需要強化正式營運應加入可靠身分驗證、伺服器端權限檢查、稽核紀錄、備份與祕密管理。
CONTACT / LET'S WORK TOGETHER
你也有一套
想整理好的工作流程？
我喜歡把混亂的需求，整理成清楚、好讀又能真正使用的數位工具。
從 GitHub 找到我