リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: 合体ドロップ
ランキング画面に自分のモード別自己ベストを表示
1. 目的:
タイトル画面のモード選択カードには自己ベストが表示されるが(v1.11.0)、ランキング画面(pages/ranking.php)には表示がなく、ユーザーは「自分のベストが今日/歴代の何位相当か」をランキングページ単体で確認できない。ゲームをプレイしなくても、ランキングを見ながら自分の記録と比較できるようにし、再挑戦の動機付けを強化する。
2. 具体的な仕様:
- pages/ranking.php のモードタブ(.mode-tabs)の直下に、id="my-best-box" の小さな表示枠を追加する(サーバー側ではプレースホルダーのみ描画し、中身は空でJSに任せる)。
- 新規JS(rankingページ用の小さな<script>ブロック、または既存の共通JSファイルに追記)で、現在選択中のモード($_GET['mode']から渡されるPHP変数をJSに埋め込む)と現在の言語(current_lang())に対応する自己ベストの値を、既存のタイトル画面の自己ベスト機能が使っているのと同じlocalStorageキー命名規則(モード別・言語別、例: best_{mode}_{lang} 相当。play.php内で既に使われているキー生成ロジックを流用・共有する)から読み取る。
- 値が存在すれば「あなたの自己ベスト: 1,234」のように数値をカンマ区切りで表示。存在しない場合(未プレイ)はボックス自体を非表示にする(display:none)。
- 今日のランキング表と歴代ランキング表それぞれの近くに出す必要はなく、モード切替タブの下に1箇所表示すれば十分(モード切替時は自動でJSが再計算)。
- 見た目は既存のvd-rank-preview的な軽量なバッジ/カードスタイルを流用し、CSSは新規に数行追加する程度に留める。
3. 既存機能との整合:
- サーバーサイドのSQL・ランキング集計ロジックは一切変更しない(表示は完全にlocalStorage由来のクライアントサイド処理)。
- localStorageが使えない/値がない環境では従来通りボックス非表示になるだけで、ページの他の表示・機能に影響しない。
- 既存のyou-badge(直近送信ハイライト)機能とは独立しており、共存可能(送信直後は行ハイライト、それ以外の訪問時は自己ベスト表示、という役割分担になる)。
- 追加はHTML1ブロック+CSS数行+JS数十行程度で、1サイクルで完成できる規模。
タイトル画面のモード選択カードには自己ベストが表示されるが(v1.11.0)、ランキング画面(pages/ranking.php)には表示がなく、ユーザーは「自分のベストが今日/歴代の何位相当か」をランキングページ単体で確認できない。ゲームをプレイしなくても、ランキングを見ながら自分の記録と比較できるようにし、再挑戦の動機付けを強化する。
2. 具体的な仕様:
- pages/ranking.php のモードタブ(.mode-tabs)の直下に、id="my-best-box" の小さな表示枠を追加する(サーバー側ではプレースホルダーのみ描画し、中身は空でJSに任せる)。
- 新規JS(rankingページ用の小さな<script>ブロック、または既存の共通JSファイルに追記)で、現在選択中のモード($_GET['mode']から渡されるPHP変数をJSに埋め込む)と現在の言語(current_lang())に対応する自己ベストの値を、既存のタイトル画面の自己ベスト機能が使っているのと同じlocalStorageキー命名規則(モード別・言語別、例: best_{mode}_{lang} 相当。play.php内で既に使われているキー生成ロジックを流用・共有する)から読み取る。
- 値が存在すれば「あなたの自己ベスト: 1,234」のように数値をカンマ区切りで表示。存在しない場合(未プレイ)はボックス自体を非表示にする(display:none)。
- 今日のランキング表と歴代ランキング表それぞれの近くに出す必要はなく、モード切替タブの下に1箇所表示すれば十分(モード切替時は自動でJSが再計算)。
- 見た目は既存のvd-rank-preview的な軽量なバッジ/カードスタイルを流用し、CSSは新規に数行追加する程度に留める。
3. 既存機能との整合:
- サーバーサイドのSQL・ランキング集計ロジックは一切変更しない(表示は完全にlocalStorage由来のクライアントサイド処理)。
- localStorageが使えない/値がない環境では従来通りボックス非表示になるだけで、ページの他の表示・機能に影響しない。
- 既存のyou-badge(直近送信ハイライト)機能とは独立しており、共存可能(送信直後は行ハイライト、それ以外の訪問時は自己ベスト表示、という役割分担になる)。
- 追加はHTML1ブロック+CSS数行+JS数十行程度で、1サイクルで完成できる規模。
💬 返信 (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