リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: 合体ドロップ
ランキング画面に「次の順位まであと何点」表示を追加
1. 目的:
ランキング画面では現在、選択中モードの自己ベストと今日/歴代ランキングを見比べられるが (v1.28.0)、自分が上位に食い込むためにあと何点必要かは分からず、再挑戦へのモチベーションにつながりにくい。自己ベストのすぐ下に「次の順位まであと◯点」を表示し、再プレイを促す。
2. 具体的な仕様:
- pages/ranking.php で自己ベスト表示枠 (v1.28.0 で追加された枠) の下に、小さく1行のテキスト `vd-next-rank-gap` を追加する。
- 表示対象は現在選択中のタブが「今日」の場合のみ(昨日・歴代タブでは非表示、既存の自己ベスト枠自体はそのまま表示)。
- 計算方法: 今日のランキング一覧 (既存の today ranking クエリ結果、スコア降順) を JS 側でループし、localStorage の自己ベスト (vd_best_<mode>_<lang> 等、既存キー) より大きい最小スコアを探す。
- 該当するスコアが見つかった場合: 「次の順位まであと {gap} 点!」のように表示 (gapは (その行のスコア - 自己ベスト + 1))。
- 自己ベストが1位以上 (今日のランキング中の最高スコア以上) の場合: 「🏆 今日のトップです!」と表示。
- 自己ベストが未保存、または今日のランキングが0件の場合: 何も表示しない (既存の no_data 表示のみ)。
- 日本語/英語の翻訳キーを t() 辞書に追加 (例: `next_rank_gap` => 'あと{gap}点で1つ上の順位', `top_of_today` => '🏆 今日のトップです!')。プレースホルダー {gap} は JS 側で数値置換する。
3. 既存機能との整合:
- 今日/歴代/昨日のランキング取得ロジック、自己ベスト取得ロジック、ハイライト機能、自動スクロール、DBスキーマは一切変更しない。新規表示はすべて追加のDOM要素とJS計算のみで、自己ベストが存在しない・データ取得エラー時は非表示にフォールバックするため既存表示を壊さない。
ランキング画面では現在、選択中モードの自己ベストと今日/歴代ランキングを見比べられるが (v1.28.0)、自分が上位に食い込むためにあと何点必要かは分からず、再挑戦へのモチベーションにつながりにくい。自己ベストのすぐ下に「次の順位まであと◯点」を表示し、再プレイを促す。
2. 具体的な仕様:
- pages/ranking.php で自己ベスト表示枠 (v1.28.0 で追加された枠) の下に、小さく1行のテキスト `vd-next-rank-gap` を追加する。
- 表示対象は現在選択中のタブが「今日」の場合のみ(昨日・歴代タブでは非表示、既存の自己ベスト枠自体はそのまま表示)。
- 計算方法: 今日のランキング一覧 (既存の today ranking クエリ結果、スコア降順) を JS 側でループし、localStorage の自己ベスト (vd_best_<mode>_<lang> 等、既存キー) より大きい最小スコアを探す。
- 該当するスコアが見つかった場合: 「次の順位まであと {gap} 点!」のように表示 (gapは (その行のスコア - 自己ベスト + 1))。
- 自己ベストが1位以上 (今日のランキング中の最高スコア以上) の場合: 「🏆 今日のトップです!」と表示。
- 自己ベストが未保存、または今日のランキングが0件の場合: 何も表示しない (既存の no_data 表示のみ)。
- 日本語/英語の翻訳キーを t() 辞書に追加 (例: `next_rank_gap` => 'あと{gap}点で1つ上の順位', `top_of_today` => '🏆 今日のトップです!')。プレースホルダー {gap} は JS 側で数値置換する。
3. 既存機能との整合:
- 今日/歴代/昨日のランキング取得ロジック、自己ベスト取得ロジック、ハイライト機能、自動スクロール、DBスキーマは一切変更しない。新規表示はすべて追加のDOM要素とJS計算のみで、自己ベストが存在しない・データ取得エラー時は非表示にフォールバックするため既存表示を壊さない。
💬 返信 (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