デモ
店舗向けの「会員証アプリ」(会員証・スタンプ・クーポン・お知らせ・予約)を、要件定義から設計まで作ってみた例を、動かして見られるようにしたものです。どちらもサーバーやログインは不要で、ブラウザだけで動きます。
このデモ(とサイト全体)は、主に Claude Code、ほかに Codex といった AI コーディングツールを活用して作っています。
さわれるデモ
会員アプリ(スマホ)と管理画面(お店のパソコン)を並べて、実際に操作できます。管理画面でクーポンを配信すると隣のアプリにすぐ届く、といったつながりを体験できます。8つのお題のガイド付き。
デモを試す ↗
紙芝居デモ
お店の準備 → 会員証をもらう → 来店とスタンプ → クーポン・福引 → お知らせ → 予約、の流れを26シーンの実際の画面で追います。矢印キーや自動再生で進められます。
紙芝居を見る ↗さわれるデモの使い方
- 上のガイドの順番どおりでなくても、好きなところから操作できます。操作するとガイドにチェックが付きます。
- チェックインは同じお店で1日1回なので、2回目は「翌日へ進める」で日付を進めてください。
- 状態はそのブラウザの中だけに保存されます。「最初からやり直す」を2回押すと初期状態に戻ります。
- 幅の狭い画面では「ガイド / アプリ / 管理画面」の切り替えボタンが出ます。
デモの元になっている記事
実際に構築したものをご覧になりたい方へ
このサイトで動かせるのは、ブラウザの中だけで動く体験版です。実際にサーバーを構築し、スマホと店舗の端末で動く形でのデモや検証環境が必要な場合は、ご相談いただければご提供できます。
お問い合わせ
こんなアプリを作ってみたい、自分のお店に合わせて相談したい、実際に動くものを見てみたい、という方はお気軽にどうぞ。