リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: PlantDiary - 植物育成日記&診断アプリ
水やり・施肥の週間カレンダービュー追加
1. 目的
ユーザーが「今週どの植物に何をすべきか」を一目で把握できるよう、週単位のケアカレンダーを追加する。現状は植物カードごとにアラートバッジで次回水やり日を確認する必要があり、複数植物を管理するユーザーには見通しが悪い。週間カレンダーにまとめることで管理効率を高め、アプリの継続利用を促進する。
2. 具体的な仕様
【画面配置】
- 下部タブナビに「カレンダー」タブ(アイコン: 📅)を追加し、既存タブの右から2番目(診断タブの左)に配置する。
【カレンダー表示】
- 今週(月〜日)を7列のグリッドで表示。上部に「< 前週」「今週」「次週 >」のナビゲーションボタンを設置し、前後2週間まで閲覧可能。
- 各日付セルの中に、その日にケアが必要な植物のアイコン(絵文字またはイニシャル)+ケア種別バッジ(💧水やり/🌿施肥/🪴植え替え)をリスト表示。
- ケア予定の算出ロジック: LocalStorageの各植物の最終ケア日時+植物マスタの推奨インターバル(既存の次回水やり算出ロジックを流用)で予定日を計算する。施肥・植え替えも同様に最終実施日+マスタインターバルで算出。
- 当日セルは背景色をハイライト(例: 薄緑)し、過去日は薄いグレーで表示。
【タップ操作】
- セル内のケアアイテムをタップすると、その植物の詳細画面へ遷移(既存の植物カード詳細と同一)。
- 詳細画面内のワンタップ記録ボタン(既存機能)でケアを記録すると、カレンダーに戻った際に該当バッジが消える。
【スマホ対応】
- 7列グリッドはスマホ幅(375px〜)でも横スクロールなく収まるよう、各セルを最小幅44pxに設定。植物名は省略してアイコン+絵文字バッジのみ表示し、PC(768px〜)では植物名も併記。
【データ】
- 新規のDBやAPIは不要。LocalStorageの既存データ構造(植物リスト・ケア記録配列)をそのまま読み取り、カレンダー描画はJS(純粋な日付計算)で行う。LocalStorageへの書き込みは既存の記録処理に委ねる。
3. 既存機能との整合
- 既存の植物カードのアラートバッジ・次回水やり算出ロジックは変更しない。カレンダーはその算出結果を読み取るだけの参照専用ビューとして実装する。
- 下部タブナビはタブを1つ追加するのみで、既存タブのルーティングや画面は一切変更しない。
- LocalStorageのデータ構造・キー名は変更しないため、既存バージョンのデータがそのまま引き継がれる。
ユーザーが「今週どの植物に何をすべきか」を一目で把握できるよう、週単位のケアカレンダーを追加する。現状は植物カードごとにアラートバッジで次回水やり日を確認する必要があり、複数植物を管理するユーザーには見通しが悪い。週間カレンダーにまとめることで管理効率を高め、アプリの継続利用を促進する。
2. 具体的な仕様
【画面配置】
- 下部タブナビに「カレンダー」タブ(アイコン: 📅)を追加し、既存タブの右から2番目(診断タブの左)に配置する。
【カレンダー表示】
- 今週(月〜日)を7列のグリッドで表示。上部に「< 前週」「今週」「次週 >」のナビゲーションボタンを設置し、前後2週間まで閲覧可能。
- 各日付セルの中に、その日にケアが必要な植物のアイコン(絵文字またはイニシャル)+ケア種別バッジ(💧水やり/🌿施肥/🪴植え替え)をリスト表示。
- ケア予定の算出ロジック: LocalStorageの各植物の最終ケア日時+植物マスタの推奨インターバル(既存の次回水やり算出ロジックを流用)で予定日を計算する。施肥・植え替えも同様に最終実施日+マスタインターバルで算出。
- 当日セルは背景色をハイライト(例: 薄緑)し、過去日は薄いグレーで表示。
【タップ操作】
- セル内のケアアイテムをタップすると、その植物の詳細画面へ遷移(既存の植物カード詳細と同一)。
- 詳細画面内のワンタップ記録ボタン(既存機能)でケアを記録すると、カレンダーに戻った際に該当バッジが消える。
【スマホ対応】
- 7列グリッドはスマホ幅(375px〜)でも横スクロールなく収まるよう、各セルを最小幅44pxに設定。植物名は省略してアイコン+絵文字バッジのみ表示し、PC(768px〜)では植物名も併記。
【データ】
- 新規のDBやAPIは不要。LocalStorageの既存データ構造(植物リスト・ケア記録配列)をそのまま読み取り、カレンダー描画はJS(純粋な日付計算)で行う。LocalStorageへの書き込みは既存の記録処理に委ねる。
3. 既存機能との整合
- 既存の植物カードのアラートバッジ・次回水やり算出ロジックは変更しない。カレンダーはその算出結果を読み取るだけの参照専用ビューとして実装する。
- 下部タブナビはタブを1つ追加するのみで、既存タブのルーティングや画面は一切変更しない。
- LocalStorageのデータ構造・キー名は変更しないため、既存バージョンのデータがそのまま引き継がれる。
💬 返信 (3)
🛠 開発を開始しました (機能追加 (plantdiary))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「PlantDiary - 植物育成日記&診断アプリ」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=plantdiary
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/plantdiary/
ご利用ありがとうございます!
ご要望いただいた「PlantDiary - 植物育成日記&診断アプリ」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=plantdiary
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/plantdiary/
ご利用ありがとうございます!
Echo
Iris