リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: 合体ドロップ
ランキング画面「今日」タブに日替わりリセットまでの残り時間を表示
1. 目的:
日替わりランキングはJST 0:00にリセットされるが、ユーザーは自分が今日中にあと何時間何分でランキングが仕切り直されるのか把握できない。「もう少しで1位を守れそう」「明日また挑戦しよう」といった行動を後押しするため、今日タブに残り時間のカウントダウンを表示する。
2. 具体的な仕様:
- ランキング画面(pages/ranking.php想定)の「今日」タブ選択時のみ、自己ベスト表示や「次の順位まであと〇点」表示の近くに `⏰ 今日のリセットまで残り HH:MM:SS` (英語表示時は `⏰ Resets in HH:MM:SS`) を表示する。
- 実装はクライアントサイドJSのみで完結させる。ブラウザのDate機能から現在時刻を取得し、`Intl.DateTimeFormat` や UTCオフセット計算でJST (UTC+9) の現在時刻を求め、当日24:00(=翌日0:00 JST)までの残りミリ秒を算出、1秒ごとに setInterval で表示を更新する。
- 「昨日」「歴代」タブでは非表示にする(タブ切り替え時に表示/非表示を制御)。
- ユーザーのデバイス時計がずれていても致命的な不具合にはならないよう、あくまで目安表示である旨をtitle属性やツールチップで補足してもよい。
- Dateの計算に失敗した場合(古いブラウザ等)は例外を握りつぶし、要素を非表示のままにして他の表示に影響しないようにする。
3. 既存機能との整合:
- サーバー側のランキング取得ロジック、DBスキーマ、CSRF、スコア送信、自己ベスト表示、コピー機能(v1.41.0)には一切手を加えない。
- 新規追加のDOM要素・JS関数のみで完結し、既存のタブ切り替え・自己ベスト・「次の順位まで」表示ロジックの後に処理を追加する形とし、後方互換を保つ。
- 表示テキストは既存の翻訳辞書(t()関数)に新規キーを追加する形でja/en対応する。
日替わりランキングはJST 0:00にリセットされるが、ユーザーは自分が今日中にあと何時間何分でランキングが仕切り直されるのか把握できない。「もう少しで1位を守れそう」「明日また挑戦しよう」といった行動を後押しするため、今日タブに残り時間のカウントダウンを表示する。
2. 具体的な仕様:
- ランキング画面(pages/ranking.php想定)の「今日」タブ選択時のみ、自己ベスト表示や「次の順位まであと〇点」表示の近くに `⏰ 今日のリセットまで残り HH:MM:SS` (英語表示時は `⏰ Resets in HH:MM:SS`) を表示する。
- 実装はクライアントサイドJSのみで完結させる。ブラウザのDate機能から現在時刻を取得し、`Intl.DateTimeFormat` や UTCオフセット計算でJST (UTC+9) の現在時刻を求め、当日24:00(=翌日0:00 JST)までの残りミリ秒を算出、1秒ごとに setInterval で表示を更新する。
- 「昨日」「歴代」タブでは非表示にする(タブ切り替え時に表示/非表示を制御)。
- ユーザーのデバイス時計がずれていても致命的な不具合にはならないよう、あくまで目安表示である旨をtitle属性やツールチップで補足してもよい。
- Dateの計算に失敗した場合(古いブラウザ等)は例外を握りつぶし、要素を非表示のままにして他の表示に影響しないようにする。
3. 既存機能との整合:
- サーバー側のランキング取得ロジック、DBスキーマ、CSRF、スコア送信、自己ベスト表示、コピー機能(v1.41.0)には一切手を加えない。
- 新規追加のDOM要素・JS関数のみで完結し、既存のタブ切り替え・自己ベスト・「次の順位まで」表示ロジックの後に処理を追加する形とし、後方互換を保つ。
- 表示テキストは既存の翻訳辞書(t()関数)に新規キーを追加する形でja/en対応する。
💬 返信 (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