📌 2026-07-26より、ポイントカードシステムと予約システムは同じURL(points-sys-89beb.web.app)にまとまりました。予約システムは /booking/ の中で動いています。
📌 2026-08-04より、スタッフ専用の管理画面ログインページ(/loginsystem.html)を新設しました。ID・パスワードを入力するだけの、管理者だけが使うシンプルなページです(お客様のマイページ・ご予約とは無関係)。同時に、管理者ログインはID・パスワード方式に統一し、旧・スタッフQRカードログインは廃止しました。ポイントカードシステムと予約システムの管理画面は同じID・パスワードでログインできます。
🔐

管理者ログイン(ID・パスワード認証)

管理画面へのログインはID・パスワードを使います。この資格情報は予約管理画面(/booking/)のログインと共通です(セクション10参照)。

📌 管理画面はタブ切り替えではなく、1枚のページを上から下にスクロールして操作する構成です(会員名簿→ポップアップ①クーポン→ポップアップ②コマーシャル→QRコード旧システム→データ分析→管理者ログインID・パスワード設定、の順)。以降の章の「〜タブ」は「〜のセクションまでスクロール」と読み替えてください。

管理者ログインは、お客様が使うトップ画面(/index.html)とは完全に分かれた専用ページから行います。お客様のトップ画面には管理者ログインへの導線は一切ありません。

ログインの流れ

1
/loginsystem.html にアクセス(ブックマークしておくと便利です)
🔐 管理画面ログインページ
🔐 STAFF ONLY
ID
パスワード
ログイン ← これをタップ
2
ID・パスワードを入力して「ログイン」をタップすると、ポイントカード側の管理画面が直接表示されます🎉
✅ 予約システム側の管理画面に入りたい場合は、ログイン画面を経由する必要はありません。ポイントカード管理画面に入った後、画面上部の「📅 予約管理画面を開く」ボタンから別窓で開けます(再ログイン不要。セクション10参照)。
✅ ID・パスワードは他のスタッフと共有して構いませんが、第三者(お客様等)に教えないでください。
⚠️ ID・パスワードを忘れた・変更したい場合はセクション7を参照してください。
📷

来店ポイントの付与(QRスキャン)

お客様が提示したQRコードをスキャンして来店ポイントを付与します。時間帯によって付与ポイントが自動で切り替わります。

ポイント付与の流れ

1
管理画面にログイン後、「カメラ起動」ボタンをタップ
📱 管理画面(会員名簿セクション)
📷  カメラを起動する
2
お客様がマイページの「📱 来店ポイントGET」で表示したQRコードにカメラをかざす
3
スキャン成功 → ポイントが自動付与されてお客様のマイページに反映
💡 カメラが使えない場合の予備手段として、「6. 来店ポイント付与QRコード(旧システム)」セクションから管理画面側にQR+4桁パスコードを表示し、お客様ご自身のスマホで読み取って(または電話番号+パスコードを直接入力して)ポイントを受け取っていただく方法もあります。
☀️
ランチ時間帯
昼の来店ポイント付与
🌙
ディナー時間帯
夜の来店ポイント付与
⏰ 付与時間外やすでに当日分のポイント取得済みの場合は、その旨のメッセージが表示されます。
✅ QRコードには有効期限があります。期限切れのQRは読み取れません。お客様に再表示をお願いしてください。
👥

会員管理

管理画面の「会員名簿」セクションから全会員の情報を確認・編集できます。管理画面はタブレットの横幅を活かして、スタッフマニュアルへのリンクや「表示幅」スライダーが上部に並ぶレイアウトです。

会員一覧の見方

💡 一覧表の「PT」「リピ率(1か月)」「最終来店日」「最終ログイン」の列見出しをタップすると、その項目で並び替え(昇順/降順)できます。
💡 右上の「表示幅」スライダーで管理画面カード自体の横幅を調整できます(タブレットの画面を広く使いたい時に)。

会員情報の編集

1
会員一覧から対象の会員をタップ
2
名前・電話番号・ポイント数などを編集して保存
💡 ポイントは管理者が直接増減できます。お客様の手動ポイント付与が必要な場合はここで対応してください。
管理画面(会員名簿セクション)
実際の管理画面(横向けタブレット表示)

退会・削除

退会にする 会員データを残したまま退会状態にする
→ 後から復帰可能
完全削除 全データを完全に削除
→ 復元不可・慎重に!
⚠️ 完全削除は元に戻せません。削除前に必ず本人確認をしてください。
🎟

クーポン・告知の管理

管理画面の「ポップアップ①クーポン」「ポップアップ②コマーシャル」セクションからクーポンとポップアップ告知を管理できます。

クーポンの作成・編集

📱 ポップアップ①クーポン セクション
クーポン名を入力
説明文
必要ポイント(数値)
有効期限(日数)
保存する
クーポン名 お客様に表示される名称
必要ポイント 交換に必要なポイント数
有効期限 交換後から有効な日数
表示ON/OFF 非表示にしても削除はされない

告知ポップアップ(コマーシャル)

ログイン時やQR取得後にポップアップで表示する告知を設定できます。写真と文章を設定するだけで即時反映されます。編集ボタンで内容を後から変更できます。

💡 季節のメニュー、イベント、キャンペーン等の告知に活用ください。
✅ 2026-08-04より、クーポン・コマーシャルの画像はアップロード時に自動的に400pxまで縮小されるようになりました(通信量・表示速度の改善のため)。元の写真をそのまま選んでいただいて問題ありません。GIF画像は縮小されません。

⭐ ポップアップ優先表示(v3.4.0〜)

クーポン・コマーシャルの作成・編集フォームに 「⭐ マイページ表示時にポップアップ優先表示する」 チェックボックスが追加されました。

📱 クーポン作成フォーム(例)
クーポン名を入力
有効期限
⭐ マイページ表示時にポップアップ優先表示する
クーポンを追加する
☑ チェックあり マイページ表示時に 最初に ポップアップ表示される(最大2件の先頭に入る)
□ チェックなし 優先クーポン・コマーシャルの後に表示される
✅ 一覧テーブルで ⭐ マークが付いているものが優先表示中です。期間限定キャンペーンや特別クーポンに設定してください。
📢

全員へのお知らせ(一斉配信)

全会員のスマホにプッシュ通知でお知らせを一斉送信できます。

📱 ブロードキャスト画面
タイトルを入力
本文を入力...
📢  全員に送信する
✅ 送信済みのお知らせは「伝言板」にも記録されます。
⚠️ 一度送信したプッシュ通知は取り消せません。内容をよく確認してから送信してください。
💡 プッシュ通知はショートカットを保存してくれた会員のみ届きます。
💬

伝言板(メッセージ)の確認・返信

お客様から届いたメッセージを確認・返信できます。LINE風のチャット形式で会話できます。

受信トレイの見方

💬 管理者伝言板(受信一覧)
受信メッセージ一覧
ヤマノ クマ
予約の件でご連絡です…
NEW
ノラバル ハナ
ありがとうございます!

チャット画面(LINE風)

💬 個人チャット画面
👤
予約の件でご連絡です
承りました!何時頃ご来店ですか?
📷 😊
メッセージを入力…

返信の流れ

1
会員名をタップしてチャット画面を開く
2
下部の入力バーにメッセージを入力。📷 写真😊 顔文字も送れます
3
➤ 送信ボタンをタップ → お客様のスマホにプッシュ通知が届く
✅ 管理者から送ったメッセージは緑の吹き出し(右側)、お客様からのメッセージは白の吹き出し(左側)で表示されます。
💡 NEWバッジが付いている会員は未読メッセージがあります。優先的に確認してください。
✅ 添付する画像はアップロード時に自動的に800pxまで縮小されます(お客様が伝言板に画像を送る場合も同様です)。
🔑

管理者ログインID・パスワードの変更

定期的なセキュリティ更新のため、管理者ログインのID・パスワードを変更できます。この設定はポイントカードシステム・予約システムの両方の管理画面ログインに共通で反映されます。

変更の流れ

📱 8. 管理者ログインID・パスワード設定セクション
新しいID
新しいパスワード
ID・パスワードを更新
1
管理画面を下までスクロール → 「8. 管理者ログインID・パスワード設定」セクション
2
新しいID新しいパスワードを入力
3
「ID・パスワードを更新」をタップ → 次回ログインから新しいID・パスワードが使えます
⚠️ 更新すると即座に新しいID・パスワードに切り替わります。他のスタッフにも忘れずに新しい情報を共有してください。
💡 予約システム側の管理画面にはこの変更用フォームはありません。ID・パスワードの変更は必ずポイントカードシステム側の管理画面から行ってください。
⚙️

各種設定の変更

管理画面上部の「⚙️ システム・予約・SNS設定」ボタンを押すとモーダル(ポップアップ画面)が開き、6項目の設定を変更できます。店舗データ分析・管理者ログインID・パスワード設定・ポイント利用ボタン設定はこのモーダルの外側にある別セクション(管理画面を下にスクロールした先の「7〜9」)なので、以下の一覧には含まれません(管理者ログインID・パスワード設定は本マニュアルの次の章、ポイント利用ボタン設定はセクション9を参照)。

1. システムモード ONにするとスマホ以外でも操作可能。動作確認時に使用
2. 退会者復帰の問い合わせ先 お客様が「問い合わせる」ボタンを押した時の発信先電話番号
3. 付与ポイント 新規入会時/昼11:30〜15:00/夜17:30〜23:00、それぞれの付与ポイント数を変更可能
システム・予約・SNS設定モーダル(1〜3)
設定モーダル(1〜3)実際の画面

4. 予約ボタン設定(マイページの「予約する」「お店に電話する」)

以前は「上段・下段」ボタンの選択ポップアップでしたが、現在はマイページに「📅 予約する」「📞 お店に電話する」として常設された、それぞれ独立したボタンになっています。

「予約する」ボタン タイトル・ボタン色を変更可能。タップすると2026-08-04より店舗選択画面が挟まるようになりました(多店舗化を見据えた対応。現在は「のらばる池田店」の1店舗のみのため、選択後は今まで通り予約システム(/booking/)に固定で遷移します)
「お店に電話する」ボタン ボタン色・発信先電話番号を変更可能。タイトルは「お店に電話する」に固定です
5. 伝言板ボタン設定 予約フォーム内に表示する伝言板ボタンの名前・色を設定
⚠️ 「予約する」ボタンのリンク先が自由入力だった頃、誤って別のリンク(LINE等)に書き換わってしまい予約導線が壊れる事故がありました。今はコード側で固定されているので同じ事故は起きません。
予約ボタン設定・伝言板ボタン設定
設定モーダル(4〜5)実際の画面
6. SNSリンク先 Facebook・Instagram・LINEそれぞれのURLを設定
💡 設定変更はすぐに全会員のアプリに反映されます。慎重に変更してください。
💳

ポイント利用ボタンの設定

お客様がマイページで貯めたポイントをその場で使える「ポイント利用」ボタンを、管理画面下部「9. ポイント利用ボタン設定」から自由に追加・編集・削除できます。クーポン管理と同じ操作感です。

設定できる項目

ボタン名 マイページに表示される文言(例: ランチポイント利用)
消費ポイント 1回の利用で消費するポイント数
開始・終了時刻 この時間帯以外はお客様側でボタンが自動的に押せなくなります(誤操作防止)
1
「ボタン名」「消費ポイント」「開始/終了時刻」を入力
2
「ポイント利用ボタンを追加する」をタップ → 一覧に反映
3
既存ボタンは一覧の「編集」「削除」からいつでも変更可能
✅ 初期設定はランチ用(50pt・11:30〜15:00)とディナー用(50pt・17:00〜23:00)の2つです。ボタンはいくつでも追加できるので、例えば「平日限定」「イベント用」など自由に増やせます。
💡 各ボタンは1日1回まで、お客様側で個別にカウントされます(ランチ用とディナー用は別カウントなので、両方の条件を満たせば同じ日に両方使えます)。
📅

予約管理画面の使い方

予約(テーブル予約)専用の管理画面です。この画面に直接ログインすることはできません。必ずポイントカード側の管理画面(セクション1参照)にログインしてから、そこにある「📅 予約管理画面を開く」ボタン経由で入ります。ID・パスワードの入力欄は予約管理画面側には一切ありません。

予約管理画面への入り方

1
/loginsystem.html からポイントカード管理画面にログイン(セクション1参照)
2
画面上部の「📅 予約管理画面を開く」ボタンをタップ → 店舗を選択
3
別窓で予約管理画面が開き、再ログイン不要で直接入れます🎉
✅ 万が一 /booking/ に直接アクセスして「管理者ログイン」を押した場合は、ID・パスワード入力欄の代わりに「ポイントカード管理画面からお入りください」という案内と、loginsystem.htmlへのリンクが表示されます。

画面構成(5つのタブ)

予約管理画面(予約タブ)
実際の管理画面(予約タブ・カレンダー表示)
予約 カレンダーで予約状況を確認・編集・削除。予約番号やお名前で検索も可能
コース 予約時に選べるコースメニュー・料金を管理
伝言 予約されたお客様とのメッセージのやり取り(予約確定連絡など)
会員 予約したことのある方の一覧。予約履歴の確認・お名前や電話番号の編集ができます
設定 営業時間帯・定休日・予約タイプ(仮予約/確定予約)などを変更

予約タイプ設定:仮予約/確定予約の名称自動切替(2026-08-04〜)

設定タブの「予約受付方法」で「仮予約で受け付ける」「予約確定で受け付ける」かを選べます。この設定に応じて、お客様側の予約カレンダー・入力フォーム・確認画面・送信ボタンの文言が「仮予約」表記に自動で切り替わります(曜日ごとの個別設定も可能)。文言を画面ごとに手作業で直す必要はありません。

✅ 予約フォームのメールアドレス欄は、ログイン中の会員の登録情報から自動入力されるようになりました。お客様が毎回入力し直す必要はありません。

会員タブ:予約履歴の確認・情報編集

1
会員タブで一覧から対象の方をタップ
2
「予約履歴」でこれまでの予約を確認
3
「情報編集」でお名前・電話番号・メールアドレスを修正可能
✅ 電話番号を修正すると、その方の予約データすべてに新しい電話番号が反映されます。
会員タブ
会員タブ(登録がない状態の例)

設定タブ:営業時間・定休日・予約タイプ

営業時間帯の追加・編集、定休日(曜日単位、第◯曜日指定も可)、予約タイプ(仮予約/確定予約)、フォントサイズなどを設定できます。

💡 管理者ログインのID・パスワードの変更は、ポイントカード側の管理画面から行います(セクション7参照)。
設定タブ
設定タブ(営業時間・定休日)
🆘

よくある質問・トラブル対応

お客様から「登録メールが届かない」と言われた

メール認証は迷惑メールフォルダに振り分けられるケースが非常に多いです。まず迷惑メールフォルダを確認していただくよう案内してください。アプリ側にも「5分経っても届かない場合は迷惑メールフォルダを確認」という案内を、登録ボタンを押す前(認証方法選択欄)・押した直後(ポップアップ)・メール送信済み画面、の3箇所に表示するようにしています。それでも見当たらない場合はSMS認証への切り替えをご案内ください。

お客様がQRコードを表示できない

有効期限切れの場合があります。マイページを再読み込みして再表示するよう案内してください。

お客様がログインできない

電話番号(ID)またはパスワードが違う可能性があります。管理画面の会員管理から電話番号を確認し、必要であればパスワードをリセットできます。

お客様が機種変更後にログインできない

「登録時のブラウザー情報が一致しません」と表示されます。お客様自身で「📱 SMS認証で再設定する」をタップしてSMS認証を行えば、新しい端末として自動的に更新されます。お客様が困っている場合は横でサポートしてあげてください。

退会済みのお客様が自分でログインしようとしている

「このアカウントは退会済みです。復帰しますか?」という確認が本人のスマホに表示され、「はい」を選ぶと以前のデータのまま自動復活します。スタッフの操作は不要です。

管理者ID・パスワードを忘れた/変更したい

既にログイン済みの端末があれば、そこから「8. 管理者ログインID・パスワード設定」セクションで新しいID・パスワードを設定できます。すべてのスタッフがログインできなくなった場合は、システム管理者(開発者)にお問い合わせください。

お客様がホーム画面への追加方法を知らない

登録直後に「ホーム画面追加確認ページ」が全画面で表示されます。そこで「はい、追加する」をタップするとiOS/Android別の手順が表示されます。後からでもマイページ上部の保存バナーから追加できます。

お客様がSMS認証のローディング画面から抜け出せない

「認証コードを入力する」ボタンが出るまで少しお待ちください(SMS送信完了後に表示されます)。「キャンセルして戻る」ボタンでいつでも登録フォームに戻れます。

アプリが古いまま

マイページ下部の🔄 アプリを最新に更新ボタンをタップするよう案内してください。

プッシュ通知が届かない

以下の順で確認してください:

1
マイページ上部のバナーに ⚠️「プッシュ通知がブロックされています」 と表示されていないか確認
2
iPhoneの場合:Safariで開いていること、かつホーム画面に追加済みのアイコンから起動していることを確認(必須)
3
「⚙️ 通知設定を確認する」ボタンをタップして、OS設定から通知を許可するよう案内

iPhoneでホーム画面に追加できない

Safari以外のブラウザ(Chrome・LINE等)では追加できません。 マイページのバナーに「🧭 Safariで開く」ボタンが表示されるのでタップするよう案内。開かない場合はURLをコピーしてSafariに貼り付けてもらいます。

✅ 解決しない場合はシステム管理者(開発者)にお問い合わせください。
📞 072-747-5543
📲

PWA・プッシュ通知の設定

お客様がホーム画面にアプリを追加し、プッシュ通知を受け取れるようにすることで、クーポン・お知らせをリアルタイムでお届けできます。

お客様への案内ポイント

新規登録時 SMS認証完了後に「ホーム画面に追加しますか?」ページが自動表示。「はい」を押すと手順が案内されます
後から追加したい マイページ上部のバナー「📱 ホームに追加 & 通知を受け取る」から追加できます
通知がブロックされている マイページのバナーに「⚙️ 通知設定を確認する」ボタンが表示されます。タップするとOS別の設定手順が案内されます

端末別の注意事項

🤖
Android
Chromeで通知を許可するだけでOK。ホーム追加前でも通知受信できます。
🍎
iPhone
Safariで開いてホーム画面に追加してから「ホーム画面のアイコン」で起動する必要があります。iOS 16.4以上が必要です。

プッシュ通知が届くタイミング

全員へのお知らせ送信時 通知を許可している全会員へ自動配信(アプリが閉じていても届く)
伝言板で返信した時 その会員のスマホへ「のらばるからメッセージ」として通知が届く
⚠️ お客様が通知を許可していない場合はプッシュ通知は届きません。マイページの設定バナーから許可するよう案内してください。