CONTENT
ここから
この章で学ぶこと
この章では、Todoアプリで学んだ考え方を、他のアプリにどう応用できるかを整理します。
最初に覚えることは、これだけです。
Todoアプリで学んだCRUDは、いろいろなアプリに応用できる
Todoアプリで使った基本は、次の4つです。
追加する
表示する
更新する
削除する
この4つが分かると、メモアプリ、在庫管理アプリ、日報アプリ、予約管理アプリなども考えやすくなります。
14-1. Todoアプリから応用できるもの
Todoアプリは、とてもシンプルなアプリです。
でも、アプリ開発の基本がたくさん入っています。
入力フォーム
保存ボタン
一覧表示
完了状態の切り替え
削除ボタン
データベース保存
この考え方は、他のアプリにも使えます。
Todoアプリで学んだこと
Todoアプリでは、次の流れを学びました。
データを入力する
↓
データベースに保存する
↓
保存したデータを読み込む
↓
画面に表示する
↓
必要に応じて更新・削除する
これは、多くのアプリの基本です。
応用するときの考え方
新しいアプリを考えるときは、次のように考えます。
何を保存するアプリか?
どんな画面が必要か?
どんなデータが必要か?
追加・表示・更新・削除はあるか?
誰のデータかを分ける必要はあるか?
この質問に答えると、アプリの設計がしやすくなります。
14-2. メモアプリ
Todoアプリの次に作りやすいのが、メモアプリです。
メモアプリは、文章を保存するアプリです。
例えば、次のようなメモを保存します。
授業のメモ
買い物メモ
アイデアメモ
日記
メモアプリに必要なデータ
メモアプリでは、次のようなデータを保存します。
| カラム名 | 意味 | 例 |
|---|---|---|
| id | メモを見分けるID | 1 |
| title | メモのタイトル | 買い物メモ |
| body | メモ本文 | 牛乳、卵、パンを買う |
| created_at | 作成日時 | 2026-06-04 10:00 |
| updated_at | 更新日時 | 2026-06-04 10:30 |
ログインありなら、user_id も追加します。
メモアプリのCRUD
| CRUD | メモアプリの操作 |
|---|---|
| Create | 新しいメモを作る |
| Read | メモ一覧を見る、詳細を見る |
| Update | メモを編集する |
| Delete | メモを削除する |
Todoアプリとかなり似ています。
違いは、Todoより文章量が多いことです。
14-3. 在庫管理アプリ
在庫管理アプリは、商品や備品の数を管理するアプリです。
例えば、学校やお店、会社で使えます。
文房具の在庫
イベントグッズの在庫
薬局の商品在庫
飲食店の食材在庫
在庫管理アプリに必要なデータ
在庫管理アプリでは、次のようなデータを保存します。
| カラム名 | 意味 | 例 |
|---|---|---|
| id | 商品を見分けるID | 1 |
| name | 商品名 | ノート |
| quantity | 在庫数 | 30 |
| price | 価格 | 200 |
| category | カテゴリ | 文房具 |
| updated_at | 更新日時 | 2026-06-04 10:00 |
必要に応じて、仕入れ先や置き場所も保存できます。
supplier
location
memo
在庫管理アプリのCRUD
| CRUD | 在庫管理アプリの操作 |
|---|---|
| Create | 商品を登録する |
| Read | 商品一覧を見る |
| Update | 在庫数や価格を変更する |
| Delete | 使わなくなった商品を削除する |
在庫管理アプリでは、quantity がとても大事です。
quantity = 今いくつあるか
14-4. 日報アプリ
日報アプリは、毎日の作業内容を記録するアプリです。
学校、アルバイト、会社、チーム活動などで使えます。
今日やったこと
困ったこと
明日やること
振り返り
日報アプリに必要なデータ
日報アプリでは、次のようなデータを保存します。
| カラム名 | 意味 | 例 |
|---|---|---|
| id | 日報を見分けるID | 1 |
| user_id | 誰の日報か | user_001 |
| report_date | 日報の日付 | 2026-06-04 |
| done | 今日やったこと | Flutterの画面を作った |
| problem | 困ったこと | エラーの原因が分からなかった |
| next_action | 次にやること | データ保存を試す |
| created_at | 作成日時 | 2026-06-04 18:00 |
日報アプリでは、誰の日報かを分けるために user_id が必要になることが多いです。
日報アプリのCRUD
| CRUD | 日報アプリの操作 |
|---|---|
| Create | 今日の日報を書く |
| Read | 日報一覧を見る、過去の日報を見る |
| Update | 日報を修正する |
| Delete | 間違えた日報を削除する |
日報アプリは、学習記録アプリにも応用できます。
勉強時間
学んだ内容
分からなかったこと
次に復習すること
14-5. 予約管理アプリ
予約管理アプリは、日時と利用者を管理するアプリです。
例えば、次のような場面で使えます。
美容室の予約
クリニックの予約
面談予約
教室の予約
イベント参加予約
予約管理アプリに必要なデータ
予約管理アプリでは、次のようなデータを保存します。
| カラム名 | 意味 | 例 |
|---|---|---|
| id | 予約を見分けるID | 1 |
| user_id | 誰の予約か | user_001 |
| name | 予約者名 | 山田太郎 |
| reserved_at | 予約日時 | 2026-06-10 15:00 |
| status | 予約状態 | reserved |
| memo | メモ | 初回相談 |
| created_at | 作成日時 | 2026-06-04 10:00 |
status には、予約の状態を保存します。
reserved = 予約済み
cancelled = キャンセル
completed = 完了
予約管理アプリのCRUD
| CRUD | 予約管理アプリの操作 |
|---|---|
| Create | 予約を作る |
| Read | 予約一覧を見る |
| Update | 予約日時や状態を変更する |
| Delete | 予約を削除する、またはキャンセルにする |
予約管理では、削除よりも「キャンセル状態に変更する」方が安全なことがあります。
完全に消す
↓
履歴が残らない
キャンセルにする
↓
履歴が残る
仕事で使うアプリでは、履歴を残す設計が大切です。
14-6. 自分のアイデアをデータベースで考える
自分でアプリのアイデアを考えるときは、いきなりコードを書かなくて大丈夫です。
まずは、データベースで考えます。
アイデアを整理する質問
次の質問に答えると、アプリの形が見えてきます。
何を管理したいアプリか?
誰が使うアプリか?
何を保存する必要があるか?
一覧で見たいデータは何か?
追加・表示・更新・削除は必要か?
ログインは必要か?
誰のデータか分ける必要はあるか?
この質問に答えるだけで、アプリの設計が進みます。
アイデアを表にしてみる
例えば、「読書記録アプリ」を考えるなら、次のように表にします。
| カラム名 | 意味 | 例 |
|---|---|---|
| id | 記録を見分けるID | 1 |
| user_id | 誰の記録か | user_001 |
| title | 本のタイトル | 君たちはどう生きるか |
| author | 著者 | 吉野源三郎 |
| status | 読書状態 | reading |
| memo | 感想メモ | 考え方が印象に残った |
| created_at | 作成日時 | 2026-06-04 |
この表ができると、アプリの画面も考えやすくなります。
アイデアをCRUDに分ける
読書記録アプリなら、CRUDはこうなります。
| CRUD | 操作 |
|---|---|
| Create | 本の記録を追加する |
| Read | 読書記録一覧を見る |
| Update | 読書状態や感想を変更する |
| Delete | 記録を削除する |
ほとんどのアプリは、この形で考えられます。
これから作れるアプリ例
Todoアプリの次に作るなら、次のようなアプリがおすすめです。
| 難易度 | アプリ | 理由 |
|---|---|---|
| やさしい | メモアプリ | Todoと似ていて、文章保存の練習になる |
| やさしい | 読書記録アプリ | 入力・一覧・更新の練習になる |
| 普通 | 日報アプリ | user_idや日付管理の練習になる |
| 普通 | 在庫管理アプリ | 数量の更新を学べる |
| 少し難しい | 予約管理アプリ | 日時・状態・ユーザー管理を学べる |
最初は、メモアプリか読書記録アプリがおすすめです。
理由は、Todoアプリに近くて作りやすいからです。
インストールや準備について
この章では、新しいインストール作業はありません。
実装に進む場合は、これまでと同じ準備を使います。
Flutter SDK
Visual Studio Code
Supabase
supabase_flutter
Firebase
参考URLです。
Flutter公式インストール
https://docs.flutter.dev/install
Flutter × VS Code
https://docs.flutter.dev/tools/vs-code
Supabase Flutter Quickstart
https://supabase.com/docs/guides/getting-started/quickstarts/flutter
supabase_flutter
https://pub.dev/packages/supabase_flutter
Firebase for Flutter
https://firebase.google.com/docs/flutter
この章では、まず「自分のアイデアをデータで考える」ことが目的です。
コードを書く前に、保存するデータを表にしてみましょう。
14-7. この章のまとめ
この章では、Todoアプリで学んだことを、他のアプリに応用する考え方を学びました。
Todoアプリで学んだ基本は、次の4つです。
追加する
表示する
更新する
削除する
このCRUDの考え方は、いろいろなアプリに使えます。
メモアプリ
在庫管理アプリ
日報アプリ
予約管理アプリ
読書記録アプリ
新しいアプリを考えるときは、まず保存したいデータを表にします。
何を保存するか
どんなカラムが必要か
誰のデータか分ける必要があるか
追加・表示・更新・削除は何か
コードを書く前に、データを整理できるようになると、アプリ開発がかなり楽になります。
Todoアプリはゴールではなく、いろいろなアプリを作るための入口です。