アプリ概要
在庫管理アプリは、スマホやタブレットのブラウザだけで在庫の入出庫を記録できるWebアプリです。商品のバーコードやQRコードをカメラで読み取り、入った数・出た数を登録するだけ。在庫の一覧と検索、入出庫の履歴、CSVでの書き出しまで対応しています。専用のハンディスキャナーもアプリのインストールも不要で、ブラウザを開けばすぐに使い始められます。
開発の背景
小さなお店や事務所、倉庫——。在庫を扱う現場ほど、「数が合わない」という悩みを抱えがちです。
紙の台帳やノートで在庫をつけていると、書き忘れが起きます。Excelで管理していても、入力するのは結局あとから。「とりあえずメモして、夜にまとめて打ち込む」という運用は、メモをなくしたり、打ち間違えたりする隙が多すぎます。
棚卸しのたびに、実際の数と帳簿の数がずれている。どこでずれたのか分からないまま、帳簿の方を実数に書き換えて終わり。これを毎月くり返している現場は、決して珍しくありません。
ずれの原因の多くは、「記録するタイミング」と「物が動くタイミング」が離れていることにあります。物が動いたその場で、すぐ記録できれば、ずれはぐっと減ります。とはいえ、専用のハンディ端末や本格的な在庫管理システムは、費用も導入の手間も大きい。小規模な現場にはオーバースペックです。
「すでに持っているスマホが、そのまま在庫のスキャナーになればいい」。物が動いた瞬間に、その場でピッと記録できる。必要なのはそれだけ、というお店や倉庫は多いはずです。そんな考えから、このアプリを作りました。
主な機能
- バーコード・QRコードのスキャン：スマホやタブレットのカメラで商品コードを読み取ります
- 連続スキャン：複数の商品を続けて読み取り、あとからまとめて登録できます
- 入庫・出庫の記録：プラス・マイナスで数を増減。在庫数が自動で更新されます
- 新規商品の登録：未登録のコードを読むと、その場で商品名や数量を登録できます
- 手入力にも対応：コードが読めない・付いていない商品は番号を直接入力
- 在庫一覧と検索：商品名やコードで検索、カテゴリ・保管場所で絞り込み
- 入出庫履歴：いつ・何が・いくつ動いたかを記録。月ごとに一覧表示
- CSV書き出し：在庫一覧も入出庫履歴も、CSVファイルで取り出せます
物が動いたその場でスキャン
このアプリの中心は、スキャン画面です。「スキャン開始」を押すとカメラが起動し、商品のバーコードやQRコードにかざすだけで読み取れます。専用のバーコードリーダーは要りません。
読み取った商品は、画面に一覧として並んでいきます。1つ読むごとにカメラを止める必要はありません。「連続スキャン」をオンにしておけば、棚の商品を次々とかざしていくだけで、どんどんリストに溜まっていきます。検品や仕入れのときのように、一度にたくさんの商品を扱う場面で効きます。
入った数・出た数をその場で増減
スキャンした商品は、リスト上で数を増やしたり減らしたりできます。仕入れて在庫が増えたならプラス、売れたり使ったりして減ったならマイナス。プラスとマイナスのボタンをタップするだけで、登録する数を調整できます。
読み取った商品をすべて確認したら、「登録」ボタンで一括反映します。10個でも20個でも、一度のタップでまとめて在庫数に反映されるので、1件ずつ保存する手間がありません。在庫が0を下回るようなマイナスは入力できないようになっているので、操作ミスで在庫数がおかしくなる心配もありません。
まだ登録していない商品のコードを読み取ったときは、その場で「新規登録」の入力欄が開きます。商品名と初期数量、カテゴリや保管場所を入れれば、新しい商品としてそのまま登録できます。「先に商品マスタを作ってからでないと使えない」ということがありません。
在庫の一覧と検索
登録した商品は、一覧画面でいつでも確認できます。商品名やコードでの検索に加え、「食品」「備品」のようなカテゴリ、「A棚」「倉庫2」のような保管場所でも絞り込めます。
在庫が0になった商品は数字が赤く表示されるので、「何が切れているか」がひと目で分かります。発注のタイミングを逃しにくくなります。カテゴリや保管場所は設定画面から自由に追加・削除でき、現場の呼び方に合わせて整理できます。
「いつ・何が・いくつ動いたか」が残る履歴
このアプリは、入出庫のたびにその記録を自動で残します。履歴画面では、過去の入庫・出庫を月ごとに一覧で確認できます。
日付の範囲やキーワードでの絞り込み、「入庫だけ」「出庫だけ」「新規登録だけ」といった種別での絞り込みもできます。月ごとの入庫合計・出庫合計も表示されるので、「先月はどれだけ動いたか」がすぐに分かります。
在庫数が合わなくなったとき、履歴をさかのぼれば「どこで何が起きたか」を追えます。帳簿の数をただ書き換えるのではなく、原因を確かめてから直せる。これが紙やメモの運用との大きな違いです。在庫一覧と履歴は、それぞれCSVファイルとして書き出せるので、Excelでの集計や別システムへの取り込みにも使えます。
使用技術・工夫した点
フロントエンドはNext.js、データの保存にはFirebase（Firestore）を使っています。アプリはブラウザで動くため、専用機器やソフトのインストールは不要です。
スキャンの速さと正確さには、特に気を配りました。お使いの端末が対応していれば、ブラウザに備わったバーコード読み取り機能を使って高速に認識します。対応していない端末でも、別の読み取り方式に自動で切り替わるので、機種を問わず使えます。同じコードを連続で読んでしまう二重登録は、内部で自動的に防いでいます。
複数の端末で同時に同じ商品を編集しても、片方の変更がもう片方に上書きされて消えないよう、データの整合性を保つ仕組みを入れています。在庫を複数人で管理する現場でも安心して使えます。
ログインはGoogleアカウントで行います。ログインすれば、自分の在庫データを複数の端末で共有でき、スマホで記録した内容をパソコンで確認する、といった使い方ができます。ダークモードや、起動時に開く画面の指定など、現場の使い方に合わせた細かな設定も用意しました。
よくある質問
Q. インストールは必要ですか？ 不要です。スマホやタブレットのブラウザでURLを開くだけで使えます。
Q. バーコードリーダーを買う必要はありますか？ ありません。お手持ちのスマホ・タブレットのカメラがそのままスキャナーになります。
Q. バーコードが付いていない商品も管理できますか？ できます。コードを手入力して登録するか、QRコードを自分で用意して貼る運用も可能です。
Q. 複数の人・端末で使えますか？ ログインすれば、複数の端末で同じ在庫データを共有できます。同時に編集してもデータが壊れないよう対策しています。
Q. 導入の準備は大変ですか？ 最初に商品マスタを作り込む必要はありません。スキャンして未登録だった商品は、その場で登録できます。使いながら少しずつ商品を増やせます。
こんな方におすすめ
小売店や飲食店、事務所や倉庫など、在庫を扱うすべての現場に向いています。紙の台帳やExcelでの在庫管理に限界を感じている方、棚卸しのたびに数が合わずに困っている方は、まず手元の商品をいくつかスキャンして、入出庫の記録の手軽さを試してみてください。
「うちの在庫管理の、この部分だけ仕組みにできないか」——そんなご相談も歓迎しています。日々の手作業を、現場に合わせた小さなWebアプリにするお手伝いをしています。同じような課題をお持ちなら、お気軽にお問い合わせください。
