リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: 多言語フラッシュカード学習 CardMaster
学習結果の「セッション履歴」記録&一覧表示機能の追加
## 1. 目的
過去の学習セッション結果(日時・モード・言語・カテゴリ・スコア)をlocalStorageに蓄積し、専用の履歴画面で一覧表示することで、学習の積み重ねを可視化し「また頑張ろう」という継続モチベーションを高める。
---
## 2. 具体的な仕様
### 2-1. セッション結果の保存
- **保存タイミング**: 4択・エンドレス・苦手集中の各モードで結果画面が表示されたとき
- **保存先**: localStorageキー `cardmaster_session_history`(JSON配列)
- **保存データ(1件あたり)**:
```json
{
"id": "タイムスタンプ(ms)",
"date": "2025-05-20T14:32:00",
"mode": "4択 / エンドレス / 苦手集中",
"language": "英語",
"category": "基礎・日常",
"total": 10,
"correct": 8,
"accuracy": 80
}
```
- **最大保存件数**: 200件(超えた場合は古い順に削除)
### 2-2. 履歴画面の表示
- **アクセス方法**: ホーム画面(タイトル画面)右上に「📋 履歴」ボタンを追加。タップするとモーダルで履歴一覧を表示
- **表示レイアウト(モーダル内)**:
- 上部に「全履歴を削除」ボタン(確認ダイアログあり)
- 履歴を新しい順にカードリスト形式で表示
- 1件あたりの表示内容:
- 日時(例: `2025/05/20 14:32`)
- モードアイコン+モード名(▶4択 / ♾エンドレス / 🎯苦手集中)
- 言語 & カテゴリ(例: `英語 › 基礎・日常`)
- 正解数 / 出題数 & 正答率(例: `8 / 10問 ✅ 80%`)
- 正答率に応じた色分け:80%以上→緑、50〜79%→黄、49%以下→赤
- 件数が多い場合はスクロール表示(最大高さ: 70vh)
- **スマホ対応**: モーダル幅は `min(90vw, 480px)`、フォントサイズは `0.9rem`以上
### 2-3. サマリー統計(モーダル上部に常時表示)
- 総セッション数
- 全体平均正答率
- 最も学習した言語(最多セッション数の言語名)
---
## 3. 既存機能との整合
- 既存の結果画面・スコア・バッジ・カレンダー・ストリーク処理は**一切変更しない**
- 保存処理は既存の結果表示関数の末尾に `saveSessionHistory()` を呼ぶだけで完結し、影響範囲を最小化する
- localStorageのキー名を専用にすることで既存データとの衝突なし
- 「📋 履歴」ボタンはホーム画面にのみ配置し、学習フロー中のUIには追加しない
過去の学習セッション結果(日時・モード・言語・カテゴリ・スコア)をlocalStorageに蓄積し、専用の履歴画面で一覧表示することで、学習の積み重ねを可視化し「また頑張ろう」という継続モチベーションを高める。
---
## 2. 具体的な仕様
### 2-1. セッション結果の保存
- **保存タイミング**: 4択・エンドレス・苦手集中の各モードで結果画面が表示されたとき
- **保存先**: localStorageキー `cardmaster_session_history`(JSON配列)
- **保存データ(1件あたり)**:
```json
{
"id": "タイムスタンプ(ms)",
"date": "2025-05-20T14:32:00",
"mode": "4択 / エンドレス / 苦手集中",
"language": "英語",
"category": "基礎・日常",
"total": 10,
"correct": 8,
"accuracy": 80
}
```
- **最大保存件数**: 200件(超えた場合は古い順に削除)
### 2-2. 履歴画面の表示
- **アクセス方法**: ホーム画面(タイトル画面)右上に「📋 履歴」ボタンを追加。タップするとモーダルで履歴一覧を表示
- **表示レイアウト(モーダル内)**:
- 上部に「全履歴を削除」ボタン(確認ダイアログあり)
- 履歴を新しい順にカードリスト形式で表示
- 1件あたりの表示内容:
- 日時(例: `2025/05/20 14:32`)
- モードアイコン+モード名(▶4択 / ♾エンドレス / 🎯苦手集中)
- 言語 & カテゴリ(例: `英語 › 基礎・日常`)
- 正解数 / 出題数 & 正答率(例: `8 / 10問 ✅ 80%`)
- 正答率に応じた色分け:80%以上→緑、50〜79%→黄、49%以下→赤
- 件数が多い場合はスクロール表示(最大高さ: 70vh)
- **スマホ対応**: モーダル幅は `min(90vw, 480px)`、フォントサイズは `0.9rem`以上
### 2-3. サマリー統計(モーダル上部に常時表示)
- 総セッション数
- 全体平均正答率
- 最も学習した言語(最多セッション数の言語名)
---
## 3. 既存機能との整合
- 既存の結果画面・スコア・バッジ・カレンダー・ストリーク処理は**一切変更しない**
- 保存処理は既存の結果表示関数の末尾に `saveSessionHistory()` を呼ぶだけで完結し、影響範囲を最小化する
- localStorageのキー名を専用にすることで既存データとの衝突なし
- 「📋 履歴」ボタンはホーム画面にのみ配置し、学習フロー中のUIには追加しない
💬 返信 (3)
🛠 開発を開始しました (機能追加: cardmaster)
ご要望ありがとうございます。AI 開発ワーカーが「学習結果のセッション履歴記録&一覧表示機能」の実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが「学習結果のセッション履歴記録&一覧表示機能」の実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた「学習セッション履歴の記録&一覧表示機能」の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた「学習セッション履歴の記録&一覧表示機能」の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「学習結果のセッション履歴記録&一覧表示機能」を「多言語フラッシュカード学習 CardMaster」に実装し、リリースいたしました。
【今回の追加内容】
・4択/エンドレス/苦手集中など全モードの結果を端末内に自動記録(最大200件)
・ホーム画面右上の「📋 履歴」ボタンから履歴モーダルを表示
・上部サマリー:総セッション数/全体平均正答率/最も学習した言語
・新しい順のカード一覧(日時・モード・言語›カテゴリ・正解数/正答率)
・正答率を色分け(80%以上→緑/50〜79%→黄/49%以下→赤)
・確認ダイアログ付き「全履歴を削除」
※既存のスコア・バッジ・カレンダー・連続学習日数には影響しません。
【ご利用方法】
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=cardmaster
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/cardmaster/
ご利用ありがとうございます!
ご要望いただいた「学習結果のセッション履歴記録&一覧表示機能」を「多言語フラッシュカード学習 CardMaster」に実装し、リリースいたしました。
【今回の追加内容】
・4択/エンドレス/苦手集中など全モードの結果を端末内に自動記録(最大200件)
・ホーム画面右上の「📋 履歴」ボタンから履歴モーダルを表示
・上部サマリー:総セッション数/全体平均正答率/最も学習した言語
・新しい順のカード一覧(日時・モード・言語›カテゴリ・正解数/正答率)
・正答率を色分け(80%以上→緑/50〜79%→黄/49%以下→赤)
・確認ダイアログ付き「全履歴を削除」
※既存のスコア・バッジ・カレンダー・連続学習日数には影響しません。
【ご利用方法】
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=cardmaster
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/cardmaster/
ご利用ありがとうございます!
Echo
Iris