本文へスキップ
開発事例 / iOSアプリ

買いノート — 買いものを、ノートみたいに

書いて、チェックして、指でめくるだけ。お店ごとにページを分ける買い物メモ

公開中

買い物メモを「ノート」に戻したiPhoneアプリ。入力して+を押すだけで足せて、大きな枠を押せばチェック。スーパー・ドラッグストア・ホームセンターはページを分け、指で左右にめくって行き来する。カメラで撮った文字をそのまま品名にする読み取り、買ってよかったものを写真と評価で残す機能も端末内で完結。ログイン不要・広告なし・アプリ内課金ゼロで、データは端末の中だけに保存される。

この作品の要点
困っていたこと汎用メモだとチェックの消し込みが面倒でレジ前で行方不明になる。
やったこと機能を『足す・チェック・めくる』の3つに絞ったノート型設計。
起きたことログイン不要・広告なし・課金ゼロで公開。
もくじ

どこでつまずいたか

01汎用メモだとチェックの消し込みが面倒でレジ前で行方不明になる

02買い物アプリはレシピ・在庫・ポイントまで付いて目当ての一覧が埋もれる

03薄暗い店内の棚の前では文字が小さくて読めない

どう解いたか

01機能を『足す・チェック・めくる』の3つに絞ったノート型設計

02文字サイズ(大きい/特大)を全画面に効かせて店頭でも読める表示に

03アカウントも同期も持たず、端末内保存で完結させた

できあがったもの

できあがった画面

買いノート — 買いものを、ノートみたいに の画面 1
買いノート — 買いものを、ノートみたいに の画面 2
買いノート — 買いものを、ノートみたいに の画面 3
買いノート — 買いものを、ノートみたいに の画面 4

結果

01ログイン不要・広告なし・課金ゼロで公開
02買い物中に片手で使い切れる操作数まで機能を削ぎ落とした

この作品でできること

  • お店ごとに1ページ、指で左右にめくるノート型UI
  • カメラで撮った文字をそのまま品名にする端末内OCR
  • 買ってよかったものを写真+評価で残して次回に活かせる
  • QRコード・共有で相手にアプリを入れさせずに買い物を頼める

どう作ったか

できること3項目

お店ごとに1ページ、指で左右にめくるノート型UI機能を『足す・チェック・めくる』の3つに絞ったノート型設計
カメラで撮った文字をそのまま品名にする端末内OCR文字サイズ(大きい/特大)を全画面に効かせて店頭でも読める表示に
買ってよかったものを写真+評価で残して次回に活かせるアカウントも同期も持たず、端末内保存で完結させた

つくり2項目

フロントエンド・基盤SwiftUI / Vision (OCR)
AI・連携・データNext.js / Tailwind CSS 4

使いどころ3項目

汎用メモだとチェックの消し込みが面倒でレジ前で行方不明に機能を『足す・チェック・めくる』の3つに絞ったノート型設計
買い物アプリはレシピ・在庫・ポイントまで付いて目当ての一文字サイズ(大きい/特大)を全画面に効かせて店頭でも読める表示に
薄暗い店内の棚の前では文字が小さくて読めないアカウントも同期も持たず、端末内保存で完結させた

担当と道具

担当企画・iOSアプリ開発・UI設計・LP制作
使った技術SwiftUI・Vision (OCR)・Next.js・Tailwind CSS 4

この作品のきほん

種類iOSアプリ
いまの状態公開中
規模担当4領域 / 技術4種類
公開先apps.apple.com

相談する

おなじものが作れます

同じ仕組みを、あなたの商品でも作れます。

この作品は App Store で公開しています

買うものリストだけ。店ごとにページをめくる

このアプリを使ってみる →

この事例をシェアする

同じ課題を持っている人に届くかもしれません。

この作品の開発記録・お客様の声

作っているときに考えていたこと、詰まったところをそのまま書いています。