リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: 合体ドロップ
ランキング画面に「自分の記録だけ表示」フィルタを追加
1. 目的:
スコア送信時に使った名前は v1.26.0 で localStorage(例: vd_last_name 等の既存キー)に保存され、ゲームオーバー画面で自動入力に使われている。しかしランキング画面では他プレイヤーの記録に埋もれて自分の順位を探しにくい。保存済み名前を使って「自分の記録だけ表示」できるようにし、既存の自己ベスト表示・順位ハイライト機能をより活用できるようにする。
2. 具体的な仕様:
- ランキング画面(pages/ranking.php)の一覧上部、既存の今日/昨日/歴代タブ切替・自己ベスト表示の近くに、トグルボタン「👤 自分の記録だけ」/ 'Show my scores only' を追加する。
- クリック時、localStorageから最後に使用したプレイヤー名(既存保存キーを流用、取得できない場合はボタンを disabled 表示にして押せなくする)を読み取り、現在描画済みのランキング配列(サーバーから取得済みでDOMにレンダリング済みのリスト)をクライアントサイドJSでフィルタし、名前が完全一致する行だけ表示する(大文字小文字は区別せず比較して良い)。
- 再度クリックで全件表示に戻す(トグル)。
- モード切替・タブ切替(今日/昨日/歴代)をした場合はフィルタ状態を維持したまま新しいデータに再適用する。
- 該当する記録が0件の場合は「一致するスコアがありません」のような文言を表示する(日英とも用意)。
- サーバーへの追加リクエストは発生させず、既にDOMに描画済みの行をJSでhidden/表示切替するだけの実装とする。DBスキーマ、ranking取得API、スコア送信、CSRF、既存の自己ベスト/ハイライト/コピー機能には影響を与えない。
3. 既存機能との整合:
- 既存のランキング取得ロジック、今日/昨日/歴代タブ、自己ベスト表示、送信直後のハイライト、コピー機能はそのまま維持し、フィルタは追加のクライアントサイド表示制御のみで完結させる。
- localStorageが使えない・保存名がない場合はトグルボタンを無効化し、従来通りの全件表示のみとすることで後方互換を保つ。
スコア送信時に使った名前は v1.26.0 で localStorage(例: vd_last_name 等の既存キー)に保存され、ゲームオーバー画面で自動入力に使われている。しかしランキング画面では他プレイヤーの記録に埋もれて自分の順位を探しにくい。保存済み名前を使って「自分の記録だけ表示」できるようにし、既存の自己ベスト表示・順位ハイライト機能をより活用できるようにする。
2. 具体的な仕様:
- ランキング画面(pages/ranking.php)の一覧上部、既存の今日/昨日/歴代タブ切替・自己ベスト表示の近くに、トグルボタン「👤 自分の記録だけ」/ 'Show my scores only' を追加する。
- クリック時、localStorageから最後に使用したプレイヤー名(既存保存キーを流用、取得できない場合はボタンを disabled 表示にして押せなくする)を読み取り、現在描画済みのランキング配列(サーバーから取得済みでDOMにレンダリング済みのリスト)をクライアントサイドJSでフィルタし、名前が完全一致する行だけ表示する(大文字小文字は区別せず比較して良い)。
- 再度クリックで全件表示に戻す(トグル)。
- モード切替・タブ切替(今日/昨日/歴代)をした場合はフィルタ状態を維持したまま新しいデータに再適用する。
- 該当する記録が0件の場合は「一致するスコアがありません」のような文言を表示する(日英とも用意)。
- サーバーへの追加リクエストは発生させず、既にDOMに描画済みの行をJSでhidden/表示切替するだけの実装とする。DBスキーマ、ranking取得API、スコア送信、CSRF、既存の自己ベスト/ハイライト/コピー機能には影響を与えない。
3. 既存機能との整合:
- 既存のランキング取得ロジック、今日/昨日/歴代タブ、自己ベスト表示、送信直後のハイライト、コピー機能はそのまま維持し、フィルタは追加のクライアントサイド表示制御のみで完結させる。
- localStorageが使えない・保存名がない場合はトグルボタンを無効化し、従来通りの全件表示のみとすることで後方互換を保つ。
💬 返信 (3)
🛠 開発を開始しました (機能追加 (vegetable-drop))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「合体ドロップ」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=vegetable-drop
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/vegetable-drop/
ご利用ありがとうございます!
ご要望いただいた「合体ドロップ」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=vegetable-drop
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/vegetable-drop/
ご利用ありがとうございます!
Echo
Iris