ByteScope

Barcode Scanner

カメラでバーコードを連続スキャン。リアルタイム検出と自動カウント、品名編集、CSV 出力までブラウザだけで完結します。

何もアップロードされません。バーコードの読み取りも在庫データも、すべてブラウザ内に留まります。

バーコードをスキャン

EAN・UPC・Code 128・QR のバーコードにカメラを向けると読み取ります。

最後の読み取り: なし

スキャン済みの在庫

スキャンするたびに数量が自動で増えます。品名と数量は下の表で編集できます。

0 品目 · 合計 0 点

まだ何もスキャンしていません。カメラを開始してバーコードを読み取ってください。

在庫を書き出し

在庫リストを CSV ファイルとしてダウンロードします。

  • Excel 形式は UTF-8 BOM 付きなので、日本語や中国語の品名が Microsoft Excel で文字化けせずに開けます。
  • 標準 UTF-8 は Google スプレッドシート、Python、データベース、コマンドラインツール向きです。

ローカル処理と正直な仕様

  • 在庫データはすべてブラウザの localStorage に保存されます。アカウントもサーバーも不要です。
  • カメラ映像はリアルタイムに処理され、外部サーバーへの送信・アップロードは一切行いません。
  • 同じバーコードが 1.5 秒以内に検出された場合は 1 回だけ数え、意図しない二重カウントを防ぎます。

ブラウザ検出と対応形式

この端末での Shape Detection API 対応状況(リアルタイム検出):

BarcodeDetector には Chromium 系ブラウザ(Chrome、Edge、Brave、Opera)が必要です。Firefox と Safari は現時点で Shape Detection API に対応していません。

jsQR のような純 JavaScript の QR リーダーでは 1D バーコード(EAN-13、EAN-8、UPC、Code 128)を解読できないため、クライアント側のポリフィルは用意できません。

  • BarcodeDetector API: 確認中…
  • EAN-13 (ean_13) 確認中…
  • EAN-8 (ean_8) 確認中…
  • UPC-A (upc_a) 確認中…
  • UPC-E (upc_e) 確認中…
  • Code 128 (code_128) 確認中…
  • QR Code (qr_code) 確認中…

このツールについて

アプリも拡張機能もインストールせずに、端末のカメラで 1D バーコードと QR コードをその場で読み取れます。スマホ・タブレット・ノート PC がそのまま棚卸し用のカウンターになり、読み取った商品は数量・時刻・編集できる品名つきのリストに自動で集計されます。結果はそのまま CSV としてダウンロードできます。

1.5 秒デバウンス付きのリアルタイム棚卸しカウント

一般的なバーコードリーダーは読み取った文字列を表示するだけで、1 件ずつコピー&ペーストする必要があります。このツールには棚卸しの流れが最初から組み込まれており、バーコードを読むたびに在庫表のカウントが即座に +1 されます。商品をレンズの前にかざしたままでも二重に数えないよう、同じバーコードが 1.5 秒以内に繰り返し検出された場合は 1 回だけ数えます。読み取り漏れではなく、意図的な仕様です。

ブラウザネイティブの Shape Detection API と対応環境

バーコード検出には Chromium のハードウェア支援付き Shape Detection API(BarcodeDetector)をそのまま使っています。EAN-13、EAN-8、UPC-A、UPC-E、Code 128、QR コードを、カメラのフレームレートのままデコードできます。jsQR のような純 JavaScript のリーダーは QR しか解読できず、EAN や Code 128 などの 1D バーコードには対応できないため、Firefox や Safari 向けの代替実装は不可能です。Chromium 系ブラウザ(Chrome、Edge、Opera、Brave)でお使いください。

データを一切アップロードしないローカル保存

カメラ映像はすべてブラウザ内でリアルタイムに処理され、録画・送信・アップロードは一切行いません。タブを切り替えたりウィンドウを最小化したりすると、バッテリー節約とプライバシー保護のためカメラは自動で停止します。自動では再開しないので、戻ったら「カメラを開始」を押してください。在庫リストと品名は端末の localStorage に保存されるため、アカウントなしで次回も続きから使えます。

Excel とデータベース向けの 2 種類の CSV 出力

棚卸しが終わったら、在庫表をワンクリックでダウンロードできます。UTF-8 BOM 付きの Excel 向け CSV を選べば、日本語や中国語の品名が Microsoft Excel で文字化けせずに開けます。BOM なしの標準 UTF-8 CSV は、Google スプレッドシートや SQL データベース、Python スクリプト、倉庫管理システムでの取り込みに向いています。

よくある質問

棚卸しカウントモードはどう動きますか?

カメラがバーコードや QR コードを認識するたびに、その商品が在庫表に追加されて数量 1 で登録されます。同じコードをもう一度読むと +1 されます。ただし同じバーコードが 1.5 秒以内に連続検出された場合は 1 回だけ数えるデバウンス処理が入っているため、一度かざしただけで大量にカウントされることはありません。

Firefox や Safari でカメラスキャンが動かないのはなぜですか?

このツールは Chromium エンジン(Chrome、Edge、Brave、Opera)が提供するネイティブの BarcodeDetector API を使っています。Firefox と Safari は現時点で Shape Detection API に対応していません。jsQR のような純 JavaScript のライブラリは QR コードしか解読できず、EAN-13 や Code 128 といった 1D バーコードは読めないため、クライアント側での代替(ポリフィル)も提供できません。

カメラ映像や在庫データはサーバーに送信されますか?

いいえ。バーコード検出も在庫管理も、すべて端末内のクライアントサイド JavaScript で完結します。カメラ映像はメモリ上で処理されてブラウザの外に出ることはなく、在庫リストもブラウザのローカルストレージにだけ保存されます。

タブを切り替えたらカメラが止まったのはなぜですか?

プライバシー保護とバッテリー節約のため、タブが非表示になったりバックグラウンドに回ったりするとカメラは自動で停止します。自動では再開しないので、タブに戻ったら「カメラを開始」を押してスキャンを再開してください。

2 つの CSV 出力オプションは何が違いますか?

Excel 向け CSV は先頭に UTF-8 の BOM(Byte Order Mark)を付けるため、Microsoft Excel が文字コードを正しく認識し、日本語などの品名が文字化けしません。標準 UTF-8 CSV は BOM なしのプレーンなカンマ区切りテキストで、Google スプレッドシートやデータベース、スクリプト処理に向いています。