utility

Restock List

定番品を「ある・少ない・ない」の3状態で管理し、不足したものだけを今回の買い物リストへ集めるローカル完結の補充リストです。

ローカル処理
ファイルについてこのツールで選択したファイルや入力内容は、Browser Kittyのバックエンドへアップロードせずブラウザ内で処理します。
Restock List screenshot

このツールについて

Restock Listは、牛乳や洗剤のように何度も買う定番品を、正確な個数ではなく「ある・少ない・ない」の3状態だけで管理する買い物リストです。毎回ゼロから買い物メモを作るのではなく、家にある量を見て状態を切り替えると、「少ない」「ない」の品だけが自動で「今回買う」に集まります。

今回だけ必要な品も追加でき、入力中はHTMLに内蔵した軽量な定番品辞書と登録済みの定番から候補を表示します。店やカテゴリも過去に使った値を候補として再利用できるため、買い物中は必要な品を店ごとにまとめたコンパクトな一覧として確認できます。

購入チェックした定番品は自動で「ある」に戻り、購入履歴だけが端末内に残ります。現在の買い物リストだけをURLフラグメントへ圧縮して共有する機能と、定番・履歴・設定をまとめて持ち出すJSONバックアップを分けているため、用途に応じて使い分けられます。

こんなときに便利

  • 牛乳、卵、洗剤、ティッシュなど、何度も買う定番品の買い忘れを減らしたい
  • 在庫数を1個単位で入力するほどではないが、そろそろ買う物だけは把握したい
  • 家族へ今回の買い物リストだけをアカウントなしで渡したい
  • スーパーやドラッグストアなど、買う店ごとに必要なものをまとめて確認したい

できること

このツールで利用できる主な機能です。

使い方

  1. ツールを開き、最初のサンプルで流れを確認します。使い始めるときはサンプルデータだけをクリアします。
  2. よく買う品を定番として登録し、家にある量に合わせて「ある・少ない・ない」を選びます。
  3. 「少ない」「ない」の品が「今回買う」へ自動で入ったことを確認し、今回だけ必要なものがあれば入力候補を使って追加します。
  4. 店やカテゴリでまとまった一覧を見ながら買い物し、購入した品をチェックします。定番品は自動で「ある」に戻ります。
  5. 家族などへ今回のリストだけを渡すときは共有リンクを作成します。定番・購入履歴・設定まで保管したい場合はJSONバックアップを保存します。

対応範囲

  • 定番品の状態は「ある / 少ない / ない」の3種類です。正確な数量入力は不要です。
  • 今回だけの品と定番品を同じ買い物リストで扱い、店・カテゴリでグループ化できます。
  • 入力候補はHTML内蔵の軽量辞書と、自分が登録した定番品を利用します。
  • 共有リンクは対応ブラウザーではCompressionStreamでgzip圧縮し、Base64URL化したデータをURLフラグメントへ格納します。gzip非対応時はコンパクトな未圧縮形式へフォールバックします。
  • 定番・購入履歴・設定はJSONでバックアップ / 復元できます。デスクトップとスマホの現行主要ブラウザーを対象にしています。

制限・注意点

  • 正確な在庫数を管理するツールではありません。「少ない」の基準は品物ごとに自分で判断します。
  • 共有リンクは現在の買い物リストのスナップショットで、複数端末をリアルタイム同期する機能ではありません。
  • 共有URLには品名・店・カテゴリが復元できる形で含まれます。圧縮は暗号化ではないため、URLに含めたくない情報は共有しないでください。
  • 入力候補の内蔵辞書は補助用の軽量な一覧であり、網羅的な商品カタログではありません。
  • データはブラウザープロファイルとoriginごとにlocalStorageへ保存されます。サイトデータを削除する可能性がある場合はJSONバックアップを保存してください。

よくある質問

正確な在庫数を入力する必要がありますか?

いいえ。Restock Listは個数ではなく「ある・少ない・ない」の3状態だけで定番品を管理します。細かな棚卸しをせず、補充が必要かどうかだけを扱う設計です。

共有リンクを開くと相手の買い物データが上書きされますか?

いいえ。リンクを開いた時点では共有されたリストの案内を表示するだけです。受け取った側が「今回のリストに追加」を実行したときだけ、既存データへマージします。

共有リンクには何が入りますか?

現在の買い物リストに入っている品名・店・カテゴリだけです。買い物リストに入っていない定番品の状態、購入履歴、設定は含みません。

買い物データはサーバーへ送信されますか?

いいえ。定番管理、履歴、入力候補、バックアップ、共有リンク生成はブラウザー内で処理し、アプリ自身は実行時通信を行いません。共有データはURLの#以降のフラグメントへ格納します。

オフライン版・ソースコード

単一HTMLとして動作し、定番管理・今回の買い物リスト・購入履歴・JSONバックアップは実行時の外部通信なしで利用できます。共有リンクを別端末へ渡す用途では、相手がアクセスできる公開されたhttp/httpsページで使うのが適しています。

GitHubでソースを見る