ストック管理ができるお買い物リストアプリ「Stocker」

こんにちは、まっさん(@Tera_Msaki)です。

ストック管理ができる買い物リストアプリとして開発した
Androidアプリ「お買い物リストアプリ Stocker」について、
使用方法を中心にご紹介したいと思います。

・使用方法について知りたい人
・機能について知りたい人
・使用している動画を見たい人

この記事を読めば、 “お買い物リストアプリ Stocker” の使用方法がわかります。

私が愛用しているガラスオイラーをご紹介♪
サラダやパスタで使用するオリーブオイルを入れて使っています。
量が調整できるのと、漏れない構造です（これが重要!!）

リンク

お買い物リストアプリ Stocker

定期的に購入が必要な食品や日用品など家庭のストック品について、
消費量と購入サイクルを計算して、
補充（購入）が必要なものをリコメンドするアプリです。
開発した背景としては、
買い物で買い忘れや買いすぎが多くて、
家庭用の在庫管理システムのようなものが欲しいと思ったことがきっかけです。
操作をできるだけ少なくすること、消費と補充の計算は自動でできること、
データを共有できることを要件として、開発しました。

操作が少ないこと
・補充（購入）のチェックや数指定は、フリックで操作できる。
・アイテムの登録は、タブ区切りのファイルを用意することで一括登録できる。
・ショップの登録は、タブ区切りのファイルを用意することで一括登録できる。

消費と補充の計算は自動でできること
・アイテムにおおよその消費日数を指定することで、ストック数の消費を自動計算する。
・補充（購入チェック）したアイテムは、翌日にストック数の補充を自動計算する。

データを共有できること
・データ全体をバックアップして、圧縮ファイルをスマホ本体のダウンロードに格納できる。
・スマホ本体のダウンロードに格納されているバックアップファイルから、データ全体をリストアできる。

変更履歴（V1.2）
・背景にタイトル透かし表示を追加しました<new>
・レーティング確認を追加しました<new>
・タブメニューの文字色を反転できるようにしました<new>
・ストック画面でアイテムを左右のフリックでストック数を変更できるようにしました<new>
・選択した店舗で購入履歴があるアイテムに履歴マークを表示するようにしました<new>
・購入チェックすると、アイテムにチェックマークを表示するようにしました<new>
・通貨単位をパラメータで指定できるようにしました

この下にあるアイコンから、お買い物リストアプリ Stockerをダウンロードできます。

画面項目説明

各画面の画面項目について、説明します。

ホーム画面

①メニュー
　タップすると、メニューを表示します。

●バックアップ（現在のデータをバックアップファイルに保存します）
●リストア（現在のデータをバックアップファイルから復元します）
●購入チェック確定処理（購入チェックしているアイテムをストック情報に反映します）
●解除オプション（期限あり）の購入
　バックアップとリストアは解除オプション機能です。
　解除オプションの有効期限は１週間です（有効期限が切れた場合、再購入できます）
　有効期限はシステム設定画面で確認できます。
●インポート（アイテム）
　スマホ本体のダウンロードに格納されているアイテム登録用ファイルを読み込み、
　アイテムを一括登録します。
●インポート（ショップ）
　スマホ本体のダウンロードに格納されているショップ登録用ファイルを読み込み、
　ショップを一括登録します。
●データクリア（購入履歴とストック情報をクリアします）
●背景設定（スマホに保存している画像ファイルを背景画面にします）
●文字色反転（タブメニューの文字色を反転します）
●ヘルプ（ブラウザで操作説明ページを表示します）

解除オプションの購入で有効化される機能
・バックアップ
・リストア
・広告表示の停止
・インターネット未接続でも使用可能

②タブメニュー
　遷移先の画面をタップで選択します。
　ホーム 　　　　　　　　Home
　アイテム　　　　　　　 Items
　ショップ　　　　　　　 Shops
　ストック　　　　　　　Stock
　購入履歴　　　　　　　 History
　システム　　　　　　　 System

③現在位置
　最寄りショップを表示します。
　タップすると、ショップリストを表示します（リストから選択）

④Google Map
　タップすると、現在位置をGoogle Map で表示します。

⑤ストックが少ないアイテム
　アイテムを絞り込みしている場合、タップで絞り込みを解除します。

⑥絞り込み＜Searchアイコン＞
　タップすると、キーワード入力を表示します。
　アイテム名で絞り込みするキーワードを入力します。
　入力したキーワードを含むアイテムを絞り込み表示します。
　※絞り込み表示を解除する場合は、⑤をタップします。

⑦ストックアイテム
　ストックが少ないアイテムのアイテム画像、ストック数、あと何日分あるかを表示します。
　アイテムの画像をタップすると、アイテムの画像をビューア表示します。
　下方向にフリック（弾く）すると、購入チェックしたアイテム に１コ追加します。
　上方向にフリックすると、ストックアイテム から削除します
　（当日中はストックアイテムに表示しなくなります）
　※ストックアイテムに表示したい場合は、⑨をタップします。

⑧購入チェックしたアイテム
　購入チェックしたアイテムのアイテム画像、購入数、購入額を表示します。
　アイテム画像のタップで購入数と購入額の入力を表示します。
　下方向にフリックすることで、購入チェックアイテムを１コ追加します。
　上方向にフリックすることで、購入チェックアイテムを１コ削除します。

⑨やり直し＜Redoアイコン＞
　購入チェックしたアイテムをすべて削除します（購入チェックのやり直し）
　ストックアイテムから削除したアイテムについても、
　ストックアイテムの表示するようになります。

アイテム画面

①アイテム追加＜Addアイコン＞
　新しいアイテムを追加します。
　タップすると、アイテム入力画面を表示します。

②絞り込み＜Searchアイコン＞
　タップでキーワード入力ダイアログを表示します。
　アイテム名で絞り込みしたいキーワードを入力します。
　入力したキーワードを含むアイテムを絞り込み表示します。
　※絞り込み表示を解除する場合は、④をタップします。

③アイテム
　クリックすることで、アイテム入力画面を表示します。
　左方向にフリックすると、アイテムを削除します。

④アイテムリスト
　アイテムを絞り込みしている場合、タップで絞り込みを解除します。

アイテム入力画面

①アイテム名
　アイテム名を入力します。

②アイテム画像
　タップすると、選択メニューを表示します。

●イメージ表示（アイテム画像を表示します）
●イメージ選択（アイテム画像をスマホ本体の画像ファイルから選択します）
●カメラ撮影（カメラでアイテム画像を撮影します）
　イメージ表示画面は、ピンチ操作、スクロール操作で
　拡大・縮小、スクロール可能です。
　ダブルタップで拡大・縮小、スクロールを解除します。

③価格
　価格を入力します。

④内容量
　新しいアイテムの内容量（個数、グラム数、容量など）を入力します。

⑤消費日数・消費数量
　アイテムの消費パターンを、消費日数か消費数量をタップで切り替えます。
　※1コあたり消費に1日以上かかる場合は消費日数、1日に2個以上消費する場合は消費数量を選択します。

⑥消費数
　消費日数（または、消費数量）を入力します。

⑦キャンセル
　変更しないで、入力画面を閉じます。

⑧登録
　入力した内容でアイテム情報を登録します。
　更新後、入力画面を閉じます。

ショップ画面

①ショップ追加＜Addアイコン＞
　新しいショップを追加します。
　タップすると、ショップ入力画面を表示します。

②絞り込み＜Searchアイコン＞
　タップでキーワード入力ダイアログを表示します。
　ショップ名で絞り込みしたいキーワードを入力します。
　入力したキーワードを含むショップを絞り込み表示します。
　※絞り込み表示を解除する場合は、④ をタップします。

③ショップ
　クリックすることで、ショップ入力画面を表示します。
　左方向にフリックすると、ショップを削除します。

④ショップリスト
　ショップを絞り込みしている場合、タップで絞り込みを解除します。

ショップ入力画面

①ショップ名
　ショップ名を入力します。

②GPS位置情報設定
　スマホ本体に内蔵しているGPSセンサーで現在位置を取得し、
　緯度と経度に現在位置を設定します。

③ショップ画像
　タップすると、選択メニューを表示します。

●イメージ表示（ショップ画像を表示します）
●イメージ選択（ショップ画像をスマホ本体の画像ファイルから選択します）
●カメラ撮影（カメラでショップ画像を撮影します）
　イメージ表示画面は、ピンチ操作、スクロール操作で
　拡大・縮小、スクロール可能です。
　ダブルタップで拡大・縮小、スクロールを解除します。

④緯度
　ショップ所在地の緯度を入力します。

⑤経度
　ショップ所在地の経度を入力します。

⑥キャンセル
　変更しないで、入力画面を閉じます。

⑦登録
　入力した内容でショップ情報を登録します。
　更新後、入力画面を閉じます。

ストック画面

①絞り込み＜Searchアイコン＞
　タップでキーワード入力ダイアログを表示します。
　アイテム名で絞り込みしたいキーワードを入力します。
　入力したキーワードを含むアイテムを絞り込み表示します。
　※絞り込み表示を解除する場合は、③ をタップします。

②ストックアイテム
　タップすると、ストック入力画面を表示します。
　右方向のフリックでストック量が +1コ、左方向のフリックでストック数が-1コ増減します。

③ストックリスト
　アイテムを絞り込みしている場合、タップで絞り込みを解除します。

ストック入力画面

①アイテム名
　アイテム名を表示します。

②アイテム画像
　タップすると、アイテム画像をビューア表示します。

③ストック数
　ストック数を入力します。

④購入回数
　購入回数を入力します。

⑤購入合計
　購入合計額を入力します。

⑥ストック確認日
　タップすると、日付選択を表示します。
　※ストック確認日を起点に消費数や消費日数を計算します

⑦キャンセル
　変更しないで、入力画面を閉じます。

⑧登録
　入力した内容でストック情報を登録します。
　更新後、入力画面を閉じます。

購入履歴画面

①絞り込み＜Searchアイコン＞
　タップでキーワード入力ダイアログを表示します。
　アイテム名で絞り込みしたいキーワードを入力します。
　入力したキーワードを含むアイテムの購入履歴を絞り込み表示します。
　※絞り込み表示を解除する場合は、③ をタップします。

②アイテム購入履歴
　タップすると、アイテムで購入履歴を絞り込みを表示します。
　左方向にフリックすると、購入履歴を削除します。
　※絞り込み表示を解除する場合は、③ をタップします。
　※絞り込み表示していない状態での削除する場合は、アイテム単位で購入履歴を削除します

③最近の購入履歴
　購入履歴を絞り込みしている場合、タップで絞り込みを解除します。

システム画面

①パラメータ
　タップすると、全てのシステムパラメータを初期状態に戻します。

②システムパラメータ
　クリックでパラメータの入力画面を表示します。
　左方向にフリックすると、パラメータを削除します（初期状態に戻ります）

操作説明

各機能の操作方法について、説明します。

アイテム登録

①タブメニューの アイテムをタップします。
②アイテム画面のアイテム追加＜Addアイコン＞をタップします。
③アイテムの情報を入力します。
　アイテム名（アイテム名称を16文字以内で）
　価格（価格を7桁以内の数値で）
　内容量（個数、数量などを7桁以内の数値で）
　消費日数・消費数量（1コ消費するまでの日数または、1日あたり消費する個数）
④アイテム画像部分をタップし、メニューを選択します。
　イメージ選択（スマホ本体にある画像ファイルから選択）
　カメラ撮影（スマホ本体のカメラを起動して撮影）
⑤登録ボタンをタップします。

使用しているスマホは、Xperia XZ2(SO-03K) です。

ショップ登録

①タブメニューのショップ をタップします。
②ショップ画面のショップ追加＜Addアイコン＞をタップします。
③ショップの情報を入力します。
　ショップ名（ショップ名称を16文字以内で）
　緯度（緯度を数値で）
　経度（経度を数値で）
　※現在地の緯度と経度を設定する場合は、GPS位置情報設定をクリックします。
④ショップ画像部分をタップし、メニューを選択します。
　イメージ選択（スマホ本体にある画像ファイルを選択する画面から選択）
　カメラ撮影（スマホ本体のカメラを起動して撮影）
⑤登録ボタンをタップします。

ストック登録

①タブメニューのストック をタップします。
②ストックリストからストック登録する アイテム をタップします。
③ストック情報を入力します。
　ストック数（数量を5桁以内の数値で）
　購入回数（回数を5桁以内の数値で）
　購入合計（金額を9桁以内の数値で）
④ストック確認日をタップして、日付を選択します。
　ストック確認日を起点に消費数や消費日数を計算します。
　消費日数が3日のアイテムを1/3消費している場合は、ストック確認日を前日に設定します。
⑤登録ボタンをタップします。

アイテムの購入チェック

①タブメニューのホーム をタップします。
②ストックが少ないアイテムから、購入チェックするアイテムを探して、下向きにフリックします。
　購入チェックしたアイテムにフリックしたアイテムが追加されます。
③購入チェックしたアイテムの数量をフリック操作で調整します。
　下方向のフリックで数量が+1コ、上方向のフリックで数量が-1コ増減します。

※購入チェックしたアイテムをストックに反映したい場合、
メニューの購入チェック確定処理を実行します

操作デモの内容は、アイテムのストック情報を登録して、
購入チェック確定処理を実行しています。
また、購入チェックした数量でストック情報に反映されているかを確認しています。
お買い物リストアプリ Stocker は、
消費量と購入サイクルを計算して、ホーム画面に補充（購入）が必要なものを表示します。
デモ動画では、購入サイクルを14日間、該当アイテムの消費量は1コあたり3日で消費すると登録しています。
最初のストック情報で1コ、購入チェックで4コ補充しましたので、5コ×3日で15日分のストックがあります。
購入チェック確定後は補充（購入）が不要となるので、ホーム画面に表示されなくなります。
なお、2日後は13日分のストックとなるのでホーム画面に表示されるようになります。

バックアップ（解除オプション機能）

①メニューから、バックアップをタップします。
②ファイル選択画面を表示します。
　スマホ本体のDOWNLOADフォルダを表示しますので、
　ファイル名を指定するか、ファイルを選択します。
　ファイルを選択した場合は、
　上書き確認のメッセージを表示しますので、OKボタンをタップします。
　DOWNLOADフォルダから、Googleドライブやメールで
　データの持ち出しが可能になります。

リストア（解除オプション機能）

①メニューから、リストアをタップします。
②ファイル選択画面を表示します。
　スマホ本体のDOWNLOADフォルダを表示しますので、
　リストアするバックアップファイルを選択します。
　バックアップファイル(zipファイル)を展開して、
　すべてのデータを入れ替えます。
　GoogleドライブやメールでDOWNLOADフォルダに
　バックアップファイルを格納することで、データの持ち込みが可能です。

アプリの背景とタブメニューの文字色の変更

①メニューから、背景設定 をタップします。
②ファイル選択画面を表示します。
　スマホ本体のDOWNLOADフォルダを表示しますので、
　背景に設定する画像ファイルを選択します。
　ファイル選択画面で画像用フォルダに変更して、
　スマホで撮影した画像ファイルも選択できます。
③背景に選択した画像でタブメニューの文字が見にくい場合は、
　メニューから、文字色反転 をタップします。