機能追加

完成したアプリに便利な機能を追加する方法を学びます。

追加できる機能一覧

機能	難易度	説明
検索	⭐	キーワードでフィルタリング
並び替え	⭐	日付順、名前順など
カテゴリ分け	⭐	データをグループ化
ページネーション	⭐⭐	大量データの分割表示
エクスポート	⭐⭐	CSV/JSONでダウンロード
通知	⭐⭐	操作完了時のフィードバック

機能別の実装方法

検索機能

リストに検索機能を追加して。

要件：
- 入力欄にキーワードを入力
- リアルタイムでフィルタリング
- 大文字小文字を区別しない

並び替え機能

リストに並び替え機能を追加して。

要件：
- 並び替えボタン or ドロップダウン
- 日付の新しい順 / 古い順
- 名前のあいうえお順

カテゴリ機能

データにカテゴリを追加して。

要件：
- 追加時にカテゴリを選択
- カテゴリでフィルタリング
- カテゴリ別に色分け

ページネーション

リストにページネーションを追加して。

要件：
- 1ページ10件表示
- 前へ / 次へボタン
- 現在のページ番号表示

エクスポート機能

データをCSVでエクスポートする機能を追加して。

要件：
- 「エクスポート」ボタン
- クリックでCSVダウンロード
- 全データが含まれる

通知（トースト）

操作完了時にトースト通知を表示して。

要件：
- 追加成功「追加しました」
- 削除成功「削除しました」
- エラー時は赤色で表示
- 3秒後に自動で消える

組み合わせ例

ToDoアプリの機能強化

ToDoアプリに以下の機能を追加して：

1. 検索機能（タイトルでフィルタリング）
2. 優先度（高・中・低）
3. 期限日の設定
4. 期限が近いものをハイライト

記録アプリの機能強化

記録アプリに以下の機能を追加して：

1. 週間/月間のグラフ表示
2. カテゴリ別の集計
3. 目標設定と達成度表示
4. CSVエクスポート

注意点

一度に追加しすぎない

❌ 5つの機能を一度に追加して
✅ まず検索機能を追加して（確認後、次の機能へ）

動作確認を忘れない

機能を追加したら、必ずテストしてください：

• [ ] 新しい機能が動く
• [ ] 既存の機能が壊れていない
• [ ] エラーが出ない

データベースの変更が必要な場合

新しいカラム（項目）を追加する場合：

データベースに「priority」カラムを追加して、優先度を保存できるようにして

Claude Codeがデータベースのマイグレーションも行ってくれます。

---

次は発展的な機能もチェック！