Salon Register

2026 · Svelte 5, TypeScript, Supabase, zxing-wasm

美容室向けの会計・レジ業務を支援するPWA。複雑な割引ロジックを自動化し、実店舗で継続運用している。

特徴

  1. 01

    施術メニューの組み合わせで変わる割引計算をスタッフの手計算に任せず、レジ操作の中で自動化して計算ミスと接客時間のロスを減らす。

  2. 02

    家族が経営する美容室向けに開発し、2025年10月の初回リリースから継続運用している。カラー+カットやパーマ込みといった条件付き割引をSvelte 5 (Runes)のリアクティブな状態管理で自動計算し、認証とデータ同期にSupabaseを使う。カメラでのバーコードスキャンはzxing-wasmの処理をWeb Workerへ分離し、モジュールの事前ロードとpostMessageのゼロコピー転送でメインスレッドを止めずに読み取る。実運用版と実店舗のデータは非公開のため、公開しているのはsalon-register-demoとして同じ受付・会計・締め作業の流れをバックエンドなし(IndexedDB / localStorageのみ)で再現した別実装。

用語

PWA
Progressive Web Appの略。ブラウザで動きながらホーム画面への追加やオフライン動作など、ネイティブアプリに近い体験を提供できるWebアプリ。
Web Worker
メインスレッドとは別に動くJavaScriptの実行単位。重い処理をここへ逃がすことで、画面の操作性を落とさずに計算やデコードを行える。
Supabase
PostgreSQLを基盤にした認証・データベースのバックエンドサービス。自前でサーバーを構築せずに使える。