📚 修正したドキュメント
✅ 02_ユーザーストーリー.md - 作物マスタの定義を統一 ✅ 03_データ仕様書.md - 作物・品種マスタを更新 ✅ 04_画面設計書.md - 集計サイドバーと編集モーダルのUI ✅ 05_実装優先順位.md - Day 5-6に集計API・品種追加APIを追加 ✅ 06_Gemini向け統合指示書.md - コード例を全面更新
This commit is contained in:
205
04_画面設計書.md
205
04_画面設計書.md
@@ -110,28 +110,76 @@
|
||||
### レイアウト(PC)
|
||||
|
||||
```
|
||||
┌──────────────────────────────────────────────────────────────┐
|
||||
│ 🌾 Keina System > 作付け計画一覧 2025年度 ▼ 👤ログアウト │
|
||||
├──────────────────────────────────────────────────────────────┤
|
||||
│ │
|
||||
│ 🔍 [検索: 圃場名・住所_____________] 🔽絞込: [全て▼] [作物▼]│
|
||||
│ │
|
||||
│ ☐ 未割当のみ表示 [📋 前年度をコピー] [📊 申請書作成] │
|
||||
│ │
|
||||
├──────────────────────────────────────────────────────────────┤
|
||||
│ No. ☐ 名称 住所 面積 作付 品種 操作│
|
||||
├──────────────────────────────────────────────────────────────┤
|
||||
│ 1 ☐ おまけ 口神ノ川足川 351 0.2反 米 にこまる [編集]│
|
||||
│ 2 ☐ 口神1反2畝 口神ノ川198... 1.2反 米 にこまる [編集]│
|
||||
│ 3 ☐ 口神 北東 口神ノ川198... 0.4反 野菜 トマト [編集]│
|
||||
│ 4 ☐ 口神 北中 口神ノ川198... 0.4反 ❗未設定 [割当]│
|
||||
│ 5 ☐ 口神 北西 口神ノ川198... 0.5反 休耕 - [編集]│
|
||||
│ │
|
||||
│ ... (39行) │
|
||||
│ │
|
||||
├──────────────────────────────────────────────────────────────┤
|
||||
│ ページ: 1 / 2 表示件数: [25件▼] │
|
||||
└──────────────────────────────────────────────────────────────┘
|
||||
┌──────────────────────────────────────────────────────────────────┐
|
||||
│ 🌾 Keina System > 作付け計画一覧 2025年度 ▼ 👤ログアウト │
|
||||
├──────┬───────────────────────────────────────────────────────────┤
|
||||
│ │ │
|
||||
│ 📊 │ 🔍 [検索: 圃場名・住所_____________] 🔽絞込: [全て▼] │
|
||||
│ 集計 │ │
|
||||
│ │ ☐ 未割当のみ表示 [📋 前年度をコピー] [📊 申請書作成] │
|
||||
│ ────────────────────────────────────────────────────────────────│
|
||||
│ 米 │ No. ☐ 名称 住所 面積 作付 品種 操作 │
|
||||
│15.3反│ ────────────────────────────────────────────────────────│
|
||||
│┣にこ │ 1 ☐ おまけ 口神ノ川... 0.2反 米 にこまる [編集]│
|
||||
││10.2反│ 2 ☐ 口神1反 口神ノ川... 1.2反 米 にこまる [編集]│
|
||||
│┗たち │ 3 ☐ 口神北東 口神ノ川... 0.4反 野菜 トマト [編集]│
|
||||
││5.1反│ 4 ☐ 口神北中 口神ノ川... 0.4反 ❗未設定 [割当]│
|
||||
│ │ 5 ☐ 口神北西 口神ノ川... 0.5反 その他 完全休耕 [編集]│
|
||||
│野菜 │ │
|
||||
│3.2反 │ ... (39行) │
|
||||
│ │ │
|
||||
│その他│ ────────────────────────────────────────────────────────│
|
||||
│1.5反 │ ページ: 1 / 2 表示件数: [25件▼] │
|
||||
│ │ │
|
||||
│未設定│ │
|
||||
│2.0反❗ │
|
||||
└──────┴───────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**サイドバー(開閉可能):**
|
||||
```
|
||||
┌──────────────┐
|
||||
│ [≡] 集計 │← トグルボタンで開閉
|
||||
├──────────────┤
|
||||
│ 合計 40.0反 │
|
||||
│ │
|
||||
│ 米 │
|
||||
│ 15.3反 │
|
||||
│ ├にこまる │
|
||||
│ │ 10.2反 │
|
||||
│ └たちはるか │
|
||||
│ 5.1反 │
|
||||
│ │
|
||||
│ 野菜 │
|
||||
│ 3.2反 │
|
||||
│ ├トマト │
|
||||
│ │ 1.8反 │
|
||||
│ └キュウリ │
|
||||
│ 1.4反 │
|
||||
│ │
|
||||
│ トウモロコシ │
|
||||
│ 2.5反 │
|
||||
│ │
|
||||
│ エンドウ │
|
||||
│ 1.8反 │
|
||||
│ │
|
||||
│ その他 │
|
||||
│ 1.5反 │
|
||||
│ ├完全休耕 │
|
||||
│ │ 0.8反 │
|
||||
│ └緑肥 │
|
||||
│ 0.7反 │
|
||||
│ │
|
||||
│ ❗未設定 │
|
||||
│ 2.0反 │
|
||||
└──────────────┘
|
||||
```
|
||||
|
||||
**サイドバー閉じた状態:**
|
||||
```
|
||||
┌───┐
|
||||
│[☰]│← クリックで開く
|
||||
└───┘
|
||||
```
|
||||
|
||||
### レイアウト(スマホ)
|
||||
@@ -141,6 +189,8 @@
|
||||
│ 🌾 作付け計画 2025年度 ▼ ☰ │
|
||||
├────────────────────────────────┤
|
||||
│ 🔍 [検索_______________] [🔽] │
|
||||
│ │
|
||||
│ [📊 集計を表示] [前年度コピー]│← 集計はモーダル
|
||||
├────────────────────────────────┤
|
||||
│ ┌────────────────────────────┐│
|
||||
│ │ おまけ ││
|
||||
@@ -157,7 +207,36 @@
|
||||
│ └────────────────────────────┘│
|
||||
│ │
|
||||
│ ... (39圃場) │
|
||||
└────────────────────────────────┘
|
||||
```
|
||||
|
||||
**スマホ: 集計モーダル**
|
||||
```
|
||||
┌────────────────────────────────┐
|
||||
│ 集計 [×] │
|
||||
├────────────────────────────────┤
|
||||
│ │
|
||||
│ 合計面積: 40.0反 │
|
||||
│ │
|
||||
│ 米: 15.3反 │
|
||||
│ ├ にこまる: 10.2反 │
|
||||
│ └ たちはるか: 5.1反 │
|
||||
│ │
|
||||
│ 野菜: 3.2反 │
|
||||
│ ├ トマト: 1.8反 │
|
||||
│ └ キュウリ: 1.4反 │
|
||||
│ │
|
||||
│ トウモロコシ: 2.5反 │
|
||||
│ │
|
||||
│ エンドウ: 1.8反 │
|
||||
│ │
|
||||
│ その他: 1.5反 │
|
||||
│ ├ 完全休耕: 0.8反 │
|
||||
│ └ 緑肥: 0.7反 │
|
||||
│ │
|
||||
│ ❗未設定: 2.0反 │
|
||||
│ │
|
||||
│ [閉じる] │
|
||||
└────────────────────────────────┘
|
||||
```
|
||||
|
||||
@@ -185,11 +264,21 @@
|
||||
- 前年度の作付けを全圃場にコピー
|
||||
- [ ] [申請書作成]ボタン:
|
||||
- 画面6へ遷移
|
||||
- [ ] **集計サイドバー(PC)**:
|
||||
- トグルボタンで開閉
|
||||
- 作物別の合計面積
|
||||
- 品種別の内訳(ツリー表示)
|
||||
- 未設定の面積を警告表示
|
||||
- [ ] **集計モーダル(スマホ)**:
|
||||
- [📊 集計を表示]ボタンでモーダル表示
|
||||
- PC版と同じ内容を縦スクロール表示
|
||||
|
||||
### デザインノート
|
||||
- **未割当の強調**: 赤または黄色の背景色
|
||||
- **チェックボックスの位置**: 行の左端(スマホでも押しやすい)
|
||||
- **スマホ版**: カード型レイアウト(1圃場1カード)
|
||||
- **サイドバーの幅**: 200px(固定)
|
||||
- **集計の更新**: 作付け計画を編集するたびにリアルタイム更新
|
||||
|
||||
---
|
||||
|
||||
@@ -216,10 +305,14 @@
|
||||
│ │ [米 ▼] ││
|
||||
│ └────────────────────────────────┘│
|
||||
│ │
|
||||
│ 品種 │
|
||||
│ 品種 * │
|
||||
│ ┌────────────────────────────────┐│
|
||||
│ │ [にこまる ▼] ││
|
||||
│ │ - にこまる ││
|
||||
│ │ - たちはるか ││
|
||||
│ │ - たちはるか(特栽) ││
|
||||
│ └────────────────────────────────┘│
|
||||
│ [+ 新しい品種を追加] │
|
||||
│ │
|
||||
│ 備考 │
|
||||
│ ┌────────────────────────────────┐│
|
||||
@@ -235,21 +328,15 @@
|
||||
|
||||
```
|
||||
┌────────────────────────────────────┐
|
||||
│ 作付けしない │
|
||||
│ • 休耕 │
|
||||
│ • 緑肥 │
|
||||
│ • 景観作物 │
|
||||
│ • その他野菜 │
|
||||
│ │
|
||||
│ 作付けする │
|
||||
│ • 米 │
|
||||
│ • トウモロコシ │
|
||||
│ • エンドウ │
|
||||
│ • 野菜 │
|
||||
│ • 米 │
|
||||
│ • トウモロコシ │
|
||||
│ • エンドウ │
|
||||
│ • 野菜 │
|
||||
│ • その他 │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 品種選択(作物に応じて動的に変化)
|
||||
### 品種選択(すべての作物で統一)
|
||||
|
||||
**作物=「米」の場合:**
|
||||
```
|
||||
@@ -257,36 +344,68 @@
|
||||
│ • にこまる │
|
||||
│ • たちはるか │
|
||||
│ • たちはるか(特栽) │
|
||||
│ • [その他: 自由入力_____________] │
|
||||
│ ──────────────────────────────── │
|
||||
│ [+ 新しい品種を追加] │
|
||||
└────────────────────────────────────┘
|
||||
|
||||
クリックすると:
|
||||
┌────────────────────────────────────┐
|
||||
│ 新しい品種名を入力: │
|
||||
│ [___________________________] │
|
||||
│ │
|
||||
│ [キャンセル] [追加] │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**作物=「トウモロコシ」の場合:**
|
||||
```
|
||||
┌────────────────────────────────────┐
|
||||
│ [自由入力_____________________] │
|
||||
│ (品種は毎年変わるため) │
|
||||
│ (まだ品種が登録されていません) │
|
||||
│ ──────────────────────────────── │
|
||||
│ [+ 新しい品種を追加] │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**作物=「休耕」などの場合:**
|
||||
**作物=「その他」の場合:**
|
||||
```
|
||||
(品種選択フィールドは非表示)
|
||||
┌────────────────────────────────────┐
|
||||
│ • 完全休耕 │
|
||||
│ • 緑肥(ヘアリーベッチ) │
|
||||
│ • 緑肥(レンゲ) │
|
||||
│ • 景観作物(コスモス) │
|
||||
│ • 景観作物(ヒマワリ) │
|
||||
│ ──────────────────────────────── │
|
||||
│ [+ 新しい品種を追加] │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 機能要件
|
||||
- [ ] 作物をドロップダウンで選択
|
||||
- [ ] 作物に応じて品種選択が動的に変化
|
||||
- [ ] 「作付けしない」系の作物は、品種選択を非表示
|
||||
- [ ] 自由入力欄を用意(トウモロコシ、野菜など)
|
||||
- [ ] **すべての作物で品種選択UIは統一**
|
||||
- プリセット品種のドロップダウン
|
||||
- [+ 新しい品種を追加]ボタンは常に表示
|
||||
- 作物による操作の違いなし
|
||||
- [ ] 新しい品種の追加:
|
||||
- [+ 新しい品種を追加]をクリック
|
||||
- インライン入力フィールド表示
|
||||
- 入力後、その場でプリセットに追加
|
||||
- データベースに永続化(次回から選択可能)
|
||||
- [ ] 備考欄(任意)
|
||||
- [ ] [保存]ボタン → 作付け計画を保存して一覧に戻る
|
||||
- [ ] [キャンセル]ボタン → 変更を破棄して一覧に戻る
|
||||
- [ ] **集計のリアルタイム更新**:
|
||||
- 保存すると、サイドバーの集計が即座に更新される
|
||||
|
||||
### 一括割当の場合
|
||||
- モーダルのタイトルを「一括割当」に変更
|
||||
- 「圃場: 5件選択中」と表示
|
||||
- 保存時、選択中の全圃場に同じ作付けを適用
|
||||
|
||||
### デザインノート
|
||||
- **UIの統一性**: どの作物を選んでも操作フローが同じ
|
||||
- **品種の追加**: その場で追加できる(別画面に遷移しない)
|
||||
- **プリセットの管理**: 一度追加した品種は、全ユーザーで共有(マスタ化)
|
||||
|
||||
---
|
||||
|
||||
## 画面5: 圃場詳細(スマホ参照用)
|
||||
|
||||
Reference in New Issue
Block a user