06_Form・入力UI実装 - Notion Form/Button構築テンプレート

<aside> 📝

このテンプレートの目的

NotionのForm機能・Button機能を使って、ユーザーがデータを入力・送信できるUIを実装します。

外部共有可能なフォーム、ページ内ボタンによる処理トリガーを構築します。

</aside>

📋 適用対象タスク

タスクタイプ: implementation

該当するタスク名の例:

• "入力処理機能の実装"
• "○○フォームの作成"
• "データ収集UIの実装"
• "ボタン処理の実装"

🎯 完了条件

<aside> ✅

必須成果物

1. 実在するForm - 実際に動作するNotionのForm（公開URL付き）
2. Button設置 - ページ内にButton配置（必要に応じて）
3. 入力テスト完了 - 実際にデータ送信して動作確認済み
4. 運用ドキュメント - Form使用方法・注意点 </aside>

📝 実行フロー（5 Phase）

Phase 1: 入力要件確認・UI設計（10分）

目的: 誰が何を入力するのか、どんな項目が必要かを明確化

実行内容:

確認事項:
  - 入力者: 誰が使うUIか？（内部メンバー/外部ユーザー/両方）
  - 入力内容: 何を入力してもらうか？
  - 必須項目: 絶対に必要な入力は？
  - 任意項目: あると便利な入力は？
  - バリデーション: 入力制約はあるか？（文字数制限/必須チェック等）
  - 送信先: どのDatabaseに保存するか？

UI設計:
  - 入力項目リスト（名前/型/必須/説明）
  - 項目の並び順（論理的な順序）
  - 説明文・ヘルプテキスト
  - 送信後の動作（確認メッセージ/リダイレクト）

チェックポイント: