![見出し画像](https://assets.st-note.com/production/uploads/images/111689948/rectangle_large_type_2_cd2c7250cbc1635efed4895ecf821a30.png?width=1200)
シンプルな買い物リストアプリ「Lisble リスブル 」のご紹介
シンプルな買い物リスト - Lisble リスブル
アプリの解説・紹介をするために記事を書きました。
メモ、ToDoアプリとしても機能します。ログイン・ユーザー登録不要、無料ですぐにご利用いただけます。
「買い忘れ、衝動買い、同じものを買ってしまう、出先での在庫確認、ネットショップとの比較など」考える事が多く、余計な負担だったので、リストをつけることにより改善したいと思いました。
購入履歴の保存機能は、在庫の備忘録にもなります。また買い物中の操作性を重視し、レイアウトの左/右切り替えが可能です。
事前に買うべきものをメモしておくことで、より計画的に買い物をして、結果的に節約につながります。
買い物リストアプリ「Lisble リスブル 」について
Androidの方は、googlePlayからお願いします。
iOS,PCの方は、メニューから 「ホーム画面に追加」 をお願いします。
1. アプリの概要
購入履歴が残せるシンプルな買い物リストのアプリです。メモ、ToDoアプリとしても機能します。ログイン・ユーザー登録不要、無料ですぐにご利用できます。
![買い物リスト - Lisble リスブルのスクショ](https://assets.st-note.com/img/1690252750118-QPdIDRXPUo.png?width=1200)
2. アプリの3つの特徴
① 買い物中の操作性(UI,UX)
片手操作での誤操作防止のため編集機能を片側に寄せ、かつ 左/右 表示切替可能。
チェックしたメモ、まだしていないメモを切り替え、すぐに確認できるようにしました。
② 購入履歴の保存
日付時間と共に保存をして、入力時に同一品目を色の変化でお知らせをします。
購入履歴を残すことにより、直近で購入したものがわかり、無駄な重複買いと共に在庫を思い出すきっかけにもなると思いました。
③ Amazon検索
入力したメモをそのままAmazon検索できます。買い物中の値段の比較や、欲しいものリストとしてご活用してもらえればと思いました。
3. アプリの画面案内
![画面案内 (スマホ時)](https://assets.st-note.com/img/1690264425468-ZE9w7v498h.png?width=1200)
![画面案内 (タブレット・PC時)](https://assets.st-note.com/img/1690264443693-Vy18bVhZIF.png?width=1200)
4. アプリの画面案内
① リスト作成
② 買い物完了でチェック
③ チェック済みを削除
![①②③のデモ画像](https://assets.st-note.com/production/uploads/images/111664746/picture_pc_103129cc5cc7ae2c80a2b6c512715dfa.gif)
4. アプリの機能一覧
↑↓並べ替え・↔左 / 右スワイプ・🔍Amazon検索・🛒購入履歴の保存・🔳重複買い防止・🔁タブの切り替え ・➕続けて追加
![](https://assets.st-note.com/img/1690265483865-CN9WCpAKF1.png?width=1200)
↑↓ ・ ←色 / →削除
![Amazon検索](https://assets.st-note.com/img/1690265431870-ALAYdzssfZ.png?width=1200)
そのままAmazon検索可能
![購入履歴の保存](https://assets.st-note.com/img/1690265943344-5M9wwbWucv.png?width=1200)
チェックあり削除 or すべて削除 → 保存
![重複買い防止のデモ](https://assets.st-note.com/production/uploads/images/111666400/picture_pc_ddfd98abb7eb9e27af8268c8e8af5529.gif)
履歴と同じ品目を 入力時に 色の変化でお知らせ
🔁タブの切り替え (すべて、チェックあり、なし)
➕続けて追加 (+ボタン、ENTERキー)
5. アプリの設定
・🎨テーマカラー・🔄左/右表示切替・⚙自動削除・⌨入力中のEnterキー操作・📚多言語
![テーマカラー](https://assets.st-note.com/img/1690270116063-UP0BKeqS02.png?width=1200)
![左/右表示切替](https://assets.st-note.com/img/1690270199504-2PnxqkfBGF.png?width=1200)
片手操作での誤操作防止 (左利き)
![](https://assets.st-note.com/img/1690270950570-wcljAcYQDB.png?width=1200)
アプリ終了時に「チェックあり」の自動削除機能の on/off 設定
![入力中のEnterキー操作on/off](https://assets.st-note.com/img/1690278734900-9j0jzN8ezM.png?width=1200)
追加 / 改行
![📚多言語 → 日本語 / 英語](https://assets.st-note.com/img/1690278989019-mwcupoj4w0.png?width=1200)
日本語 / 英語
3. 最後に
購入履歴が残せるシンプルな買い物リストアプリ 『買い物リスト - Lisble リスブル』 です。メモ、ToDoアプリとしても機能します。
購入履歴の保存機能により、無駄な重複購入を防ぎ、在庫の備忘録にもなります。
ログイン・ユーザー登録不要、無料ですぐにご利用いただけます。
買い忘れ防止のために買い物リストをつけることが多いと思いますが、様々なメリットがあるのでもしよかったら、触ってみてください。
ぜひ効率の良いお買い物に🛒
![](https://assets.st-note.com/img/1690283492552-tty0jqmMv4.png?width=1200)
Androidの方は、googlePlayからお願いします。
iOS,PCの方は、メニューから 「ホーム画面に追加」 をお願いします。
また不具合の報告、ご意見・ご要望はTwitterのDMにて受け付けております。
Twitter:@arieight_8
Instagram:https://www.instagram.com/lisble_jp/
アプリの詳しい記事は以下に掲載しております。
Qiita:【Nuxt3】はじめての個人開発「買い物リストアプリ」開発記録
Zenn:Nuxt3で初めての個人開発記録【買い物リストアプリ】
Crieit:シンプルな買い物リストアプリ「lisble リスブル 」の紹介
最後まで読んでいただき、ありがとうございました。
いいなと思ったら応援しよう!
![ありえいと](https://assets.st-note.com/production/uploads/images/111122014/profile_67d2a29371f702b8c688960df92bb725.png?width=600&crop=1:1,smart)