農家が「作業タスク(播種・定植・収穫など)」をWebフォームから登録できる仕組みを構築する。
登録されたタスクは以下を同時に実行:
POST /tasks
)以下の項目をフォームで入力可能にする:
| 項目 | 入力形式 | 内容例/備考 |
|-----------------|------------------|---------------------------------------------|
| 作業日 | Date Picker | 終日 or 時間指定に対応 |
| 作業種別 | セレクト | 播種/定植/収穫/防除 |
| 作物 | セレクト | ジャガイモ/ブロッコリー/コメ |
| 区画 | セレクト | A区/B区/ハウス3 |
| 作業メモ | テキスト入力 | 自由記述 |
| リスケ対象チェック | チェックボックス | #reschedulable
タグ生成用 |
POST https://farmer-support-backend.onrender.com/tasks
✅ テスト用API
ts
コピーする
編集する
POST http://localhost:3000/tasks
✅ 環境変数(.env.local)
env
コピーする
編集する
NEXT_PUBLIC_API_URL=https://farmer-support-backend.onrender.com
✅ POSTリクエスト例
json
コピーする
編集する
{
"title": "定植",
"taskType": "定植",
"crop": "ブロッコリー",
"location": "A区",
"startDate": "2025-04-10T09:00:00+09:00",
"endDate": "2025-04-10T12:00:00+09:00",
"isAllDay": false,
"note": "風が強かったが無事完了",
"reschedulable": true
}
お任せください。農家向けのタスク登録フォームを Next.js で実装します。このフォームでは、作業内容を入力し、API エンドポイントに送信することで Google カレンダーとデータベースに同時登録できます。
このコードでは、農家向けのタスク登録フォームを実装しました。以下が主な機能です:
フォーム項目:
フォーム検証:
データ送信:
このアプリケーションを Vercel にデプロイして、NestJS バックエンドと連携させることで、農作業のタスク管理が効率化されます。
Please make sure to add the following environment variable to your project:
素晴らしいです!環境変数が正しく設定されたので、アプリケーションは NestJS バックエンドと正常に通信できるようになりました。
API 接続テスト:
Google カレンダー連携:
Supabase データ保存:
このMVPを基盤として、以下のような機能を追加することで、さらに農業支援アプリを強化できます:
タスク一覧表示:
カレンダービュー:
天気予報連携:
モバイル対応強化:
分析ダッシュボード:
複数ユーザー対応:
もし API 接続に問題がある場合は、以下を確認してください:
NEXT_PUBLIC_API_URL
が正しく設定されているか現在のコードは MVP として基本的な機能を提供していますが、ユーザーフィードバックに基づいて機能を拡張していくことをお勧めします。何か質問や追加機能のリクエストがあれば、お気軽にお知らせください!