🛒 レジ体験　つかいかた（先生向け）

1. このアプリについて

実物のバーコードリーダーを使って、「読み取る → 合計を見る → お金を受け取る → おつりを渡す」というレジの一連の流れを体験できます。

• 画面上部の 5 つのタブで切りかえます：レジ（生徒用）／売上／商品登録／ラベル印刷（先生用）／ヘルプ
• インターネットに送る情報はありません。商品・売上のデータはその端末のブラウザの中だけに保存されます。
• バーコードを読み取れない環境でも、商品ボタンや手入力（テンキー）で代わりに入れられます。
• 「ピッ」という操作音と、画面の文字・色の両方で結果を伝えます（音が出せない環境でも、文字で分かります）。

2. 準備から授業までの流れ

1. 商品を登録する（商品登録タブ）… 商品名と値段を入れるだけ。バーコードの番号は自動でつきます。→ 3
2. ラベルを印刷して、商品にはる（ラベル印刷タブ）→ 4
3. バーコードリーダーをつなぐ。レジタブで 1 つ読み取って、「ピッ」と鳴れば準備完了です。→ 5
4. 授業…生徒がレジタブでスキャン → お会計 → おつり。→ 6
5. 授業のあと…売上タブで売上ごうけいを確かめ、レジの現金と照らし合わせる。終わったら「売上をリセット」。→ 8

3. 商品を登録する

登録のしかた

1. 「商品名」（30 文字まで）と「価格（円）」（0〜999999）を入れる。
2. 「バーコード種類」は、ふつうはそのまま（EAN-13）でかまいません。
3. 「バーコード値」は空欄のままで、「追加」を押す。番号が自動でつきます。

登録した商品は一覧に並びます。「編集」で名前・値段・番号を直せます（ボタンが「更新」に変わります。やめるときは「やめる」）。「削除」で 1 件ずつ消せます。

バーコードの番号について

• EAN-13（JAN）…標準。先頭が「21」で始まる「店内コード」を自動でつけ、最後の 1 桁（チェックデジット）も自動で計算します。「21」は店ごとに自由に使える番号なので、市販の商品とは重なりません。（例：2100000000012）
• CODE128…英数字・自由な桁数。空欄なら「P0001」「P0002」…と自動でつきます。決まった番号を使いたいときに選びます（1〜30 文字）。
• 番号を自分で決めたいときは「バーコード値」に入力します。EAN-13 は12 桁（最後の 1 桁は自動でつく）か、正しい 13 桁の数字です。同じ番号は 2 つの商品に使えません。

4. バーコードラベルを印刷する

1. 印刷したい商品にチェックを入れ、枚数（1〜99、はじめは 4 枚）を決める。
2. 下の「プレビュー」で仕上がりを確かめる。1 まいが「商品名・値段・バーコード」です。
3. 「🖨 印刷する」を押し、ブラウザの印刷画面で用紙は A4、倍率は「100%（実際のサイズ）」にして印刷する。
4. まわりの点線（切り取り線）に沿って切り、商品にはる。

• 1 面は62×34 mmです。A4 1 枚に 24 面（3 列×8 段）ほど並びます。
• バーコードの左右には、読み取りに必要な白い余白がとってあります。余白を切り落とさないようにしてください。

5. バーコードリーダーをつなぐ

このアプリは、キーボードとして認識される（HID キーボード方式）のバーコードリーダーに対応しています。読み取った番号を「キーボードで打った文字＋Enter」として送るタイプです。

つなぎかた

リーダー側の設定

• 読み取ったあとにEnter（改行・CR）を自動で送る設定にしておく（多くの機種は初めからこの設定です）。
• 専用アプリが必要な独自方式のリーダーは使えません。購入前に「Bluetooth HID」「キーボードエミュレーション」「キーボードウェッジ」と書かれているか確かめてください。

動作の確かめかた

1. レジタブを開く。（画面の入力欄などをタップする必要はありません。iPad の画面キーボードも出ません。）
2. 登録した商品のラベルを読み取る。
3. 「ピッ」と鳴り、緑の表示と一緒にカートに商品が入れば成功です。

読み取りが受けつけられるのは、レジタブを開いていて、お会計の画面が出ていないときだけです。

6. レジを使う（生徒の操作）

① 商品を読み取る

• バーコードを読み取ると、「ピッ」と鳴り、商品名と値段がカートに入ります。同じ商品をもう一度読み取ると、数が増えます。
• 登録されていないバーコードを読み取ると、低い警告音と、赤い文字で「登録されていない バーコードです」と出ます（カートには入りません）。
• 数は「＋／－」で変え、まちがえたら「取消」でその商品を消します。合計金額と点数は左下に大きく出ます。
• 読み取りができないときは、「商品ボタン」（登録した商品がボタンで並ぶ）か、「手入力」（テンキーでバーコードの番号を入れる）で代わりに入れられます。

② お会計

1. 「💰 お会計」を押すと、ごうけいが大きく出ます。
2. お客さんから受け取ったお金のボタン（1万円・5千円・千円・500円・100円・50円・10円・5円・1円）を押して、おあずかりに足していきます。ちょうど払ってもらうときは「ぴったり」。まちがえたら「やりなおし」。
3. 足りないときは「あと ¥◯ たりません」と出ます。足りるようになると、「おつりを計算」が押せるようになります。

③ おつり

• おつりが大きく出ます。ちょうど払ったときは「ぴったり！」と出ます。
• お金の学習をするときは、レジ画面の右下の「おつりの内訳を表示」をONにします（おつりを何でわたせばよいかが分かります）。
• 「次のお客さん」を押すと、カートが空になって次の人に交代できます。

7. 音声（読み上げ）のON／OFF

お会計を開いたときの「ごうけい」と、おつりを、日本語の音声で読み上げる機能があります。画面右上のボタンで、どのタブからでも 1 回押すだけで切りかえられます。

8. 売上を記録・確認する

お会計（「おつりを計算」）のたびに、自動で記録されます。生徒が特別な操作をする必要はありません。記録は、リセットするまで足されつづけます。アプリを閉じても消えません。

見られるもの

• 売上ごうけい（大きく表示）・お会計の回数・売れた点数
• 商品べつの売上（金額の多い順）
• お会計の記録（1 件ごとの時刻・買った商品・合計・おあずかり・おつり）

授業の終わりに

1. レジの中の現金を数え、「売上ごうけい」と照らし合わせる。
2. 記録を残したいときは「📊 CSV書き出し」で保存する（Excel で開けます）。
3. 「🔄 売上をリセット」を押す（確認が 2 回出ます）。記録がすべて消え、次のお会計からはじめから記録されます。

• まちがえてお会計してしまったときは、記録の各行の「取消」で、その 1 件だけ消せます。
• リセットで消えるのは売上だけです。商品の登録は消えません。

9. データの保存・バックアップ・ほかの端末へ

保存される場所

商品・売上・設定は、この端末のブラウザの中（localStorage）に保存されます。端末ごと・ブラウザごと・開いたアドレスごとに別です。

バックアップ（商品）

• 商品登録タブの「📤 JSON書き出し」で、商品の一覧を 1 つのファイル（regi-shohin_日付.json）に保存します。
• もどすときは「📥 JSON読み込み」でそのファイルを選びます。いまの商品一覧は、読み込んだ内容に置きかわります（確認が出ます）。
• 売上のバックアップは「CSV書き出し」です（売上は、あとから読みもどすことはできません）。

ほかのタブレットに同じ商品を用意する

1. もとの端末で「JSON書き出し」をする。
2. ファイルをほかの端末へ送る（AirDrop・USB メモリ・メール・OneDrive など、学校で使える方法で）。
3. 送り先の端末で同じアプリを開き、商品登録タブの「JSON読み込み」でファイルを選ぶ。

• 共有できるのは商品データだけです。売上や音声の設定は、端末ごとに別です。
• バーコードの番号はそのまま引きつがれるので、印刷したラベルは、読み込んだ端末でもそのまま読み取れます。
• 商品の追加・変更は、1 台でまとめて行い、書き出して配るのがおすすめです。台ごとに別々に追加すると、同じ自動の番号が別の商品についてしまうことがあります。

10. 授業での使いかた（例）

このアプリの機能の組み合わせかたの一例です。生徒の実態に合わせて調整してください。

• 音の刺激が苦手な生徒には、音声OFFにしても操作音「ピッ」は残ります。画面の文字・色でも結果が分かります。
• お客さん役の生徒に、お金のカード（模擬貨幣）を渡して実際に払ってもらうと、おあずかりの入力とお金のやりとりが結びつきます。

11. こんなときは