Salon Register
美容室向けの会計・レジ業務を支援するPWA。複雑な割引ロジックを自動化し、実店舗で継続運用している。
特徴
- 01
施術メニューの組み合わせで変わる割引計算をスタッフの手計算に任せず、レジ操作の中で自動化して計算ミスと接客時間のロスを減らす。
- 02
家族が経営する美容室向けに開発し、2025年10月の初回リリースから継続運用している。カラー+カットやパーマ込みといった条件付き割引をSvelte 5 (Runes)のリアクティブな状態管理で自動計算し、認証とデータ同期にSupabasePostgreSQLを基盤にした認証・データベースのバックエンドサービス。自前でサーバーを構築せずに使える。を使う。カメラでのバーコードスキャンはzxing-wasmの処理をWeb Workerメインスレッドとは別に動くJavaScriptの実行単位。重い処理をここへ逃がすことで、画面の操作性を落とさずに計算やデコードを行える。へ分離し、モジュールの事前ロードとpostMessageのゼロコピー転送でメインスレッドを止めずに読み取る。実運用版と実店舗のデータは非公開のため、公開しているのはsalon-register-demoとして同じ受付・会計・締め作業の流れをバックエンドなし(IndexedDB / localStorageのみ)で再現した別実装。
用語
- PWA
- Progressive Web Appの略。ブラウザで動きながらホーム画面への追加やオフライン動作など、ネイティブアプリに近い体験を提供できるWebアプリ。
- Web Worker
- メインスレッドとは別に動くJavaScriptの実行単位。重い処理をここへ逃がすことで、画面の操作性を落とさずに計算やデコードを行える。
- Supabase
- PostgreSQLを基盤にした認証・データベースのバックエンドサービス。自前でサーバーを構築せずに使える。