リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: 合体ドロップ
ランキング「日付指定」タブに日付ピッカーを追加
1. 目的:
現在のランキング「日付指定」タブは前日/翌日ボタンでしか日付を移動できず、例えば「先月のあの日」を見たい場合に何十回もボタンを押す必要があり不便。カレンダーから直接日付を選べるようにして操作性を改善する。
2. 具体的な仕様:
- ランキング画面の「日付指定」タブの上部(前日/翌日ボタンの近く)に `<input type="date">` を追加する。
- 初期値は現在表示中の対象日 (?date=YYYY-MM-DD の値、未指定ならJST基準の今日)。
- input の max 属性はJST基準の今日の日付とし、未来日を選択できないようにする(サーバー側でも既存のバリデーション関数と同様に日付形式・未来日チェックを行い、不正値は今日にフォールバックする)。
- 日付を選択すると change イベントで現在のURLクエリのうち date パラメータだけを更新し、ページを再読み込みする(既存の絞り込み条件・追加表示状態・言語・モードなどの他のURLパラメータはそのまま維持する)。
- スマホでも標準のネイティブ日付ピッカーが使われるため追加のCSSライブラリは不要。input type=date未対応の古いブラウザでは通常のテキスト入力にフォールバックするので、その場合は簡単な形式チェック(YYYY-MM-DD)をJS側で行い、不正な値ならエラーメッセージを表示して送信しない。
- 既存の前日/翌日ボタンはそのまま残し、日付ピッカーで選んだ日付からも前日/翌日ボタンで連続移動できるようにする。
3. 既存機能との整合:
- 既存の日付指定タブのURLパラメータ形式 (date=YYYY-MM-DD) をそのまま利用するため、サーバー側のロジック変更は最小限(日付の妥当性チェック関数を流用)。
- 前日/翌日ボタン、今日・今週・今月・歴代タブ、絞り込み条件のURL保持、CSV/コピー機能など既存の挙動は変更しない。
- 日付ピッカーが使えない場合でも従来通り前日/翌日ボタンだけで操作できるため後方互換性は保たれる。
現在のランキング「日付指定」タブは前日/翌日ボタンでしか日付を移動できず、例えば「先月のあの日」を見たい場合に何十回もボタンを押す必要があり不便。カレンダーから直接日付を選べるようにして操作性を改善する。
2. 具体的な仕様:
- ランキング画面の「日付指定」タブの上部(前日/翌日ボタンの近く)に `<input type="date">` を追加する。
- 初期値は現在表示中の対象日 (?date=YYYY-MM-DD の値、未指定ならJST基準の今日)。
- input の max 属性はJST基準の今日の日付とし、未来日を選択できないようにする(サーバー側でも既存のバリデーション関数と同様に日付形式・未来日チェックを行い、不正値は今日にフォールバックする)。
- 日付を選択すると change イベントで現在のURLクエリのうち date パラメータだけを更新し、ページを再読み込みする(既存の絞り込み条件・追加表示状態・言語・モードなどの他のURLパラメータはそのまま維持する)。
- スマホでも標準のネイティブ日付ピッカーが使われるため追加のCSSライブラリは不要。input type=date未対応の古いブラウザでは通常のテキスト入力にフォールバックするので、その場合は簡単な形式チェック(YYYY-MM-DD)をJS側で行い、不正な値ならエラーメッセージを表示して送信しない。
- 既存の前日/翌日ボタンはそのまま残し、日付ピッカーで選んだ日付からも前日/翌日ボタンで連続移動できるようにする。
3. 既存機能との整合:
- 既存の日付指定タブのURLパラメータ形式 (date=YYYY-MM-DD) をそのまま利用するため、サーバー側のロジック変更は最小限(日付の妥当性チェック関数を流用)。
- 前日/翌日ボタン、今日・今週・今月・歴代タブ、絞り込み条件のURL保持、CSV/コピー機能など既存の挙動は変更しない。
- 日付ピッカーが使えない場合でも従来通り前日/翌日ボタンだけで操作できるため後方互換性は保たれる。
💬 返信 (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