成果物パネル
要件、業務フロー、DB、画面案、テスト結果などを分割表示します。
成果物パネルは、1つのプロジェクトや案件に紐づく設計資料、確認事項、画面案、テスト結果を、目的別の箱として並べるためのUIです。Roundtableでは、AIや実装者が作った内容を「どの成果物に反映するか」で分けると、会話と仕様が混ざりにくくなります。
この機能でできること
要件定義、業務フロー、公開側フロー、DB設計、画面案、UI/UX、テスト結果、議事録などを、同じ画面内で分けて確認できます。タイル表示で全体像を見たり、タブ表示で1つの成果物を深く読んだりできるため、打ち合わせ内容、AIの整理結果、実装指示を同じプロジェクト文脈に残せます。
会話で決まったことを、後から実装に使える成果物へ置き換えるための部品です。
パネル名、担当者、更新状態、公開範囲、保存形式を決めておくと、仕様の正本がどこにあるかを迷わず追えます。
よくある利用場面
AIによる要件整理
会話で出た希望や制約を、要件定義、業務フロー、DB、画面案へ分けて反映します。
プロジェクト進行中の仕様確認
発注者、実装者、AIに指示する人が、同じ成果物を見ながら不足や変更点を確認します。
テスト・レビューの整理
テスト結果、未対応事項、画面修正案、リリース前確認を別パネルで追跡します。
プロンプト例
どの成果物を用意するか、一覧で見せるかタブで見せるか、編集できる範囲、AIが更新する範囲をまとめて伝えると、実装の粒度を揃えやすくなります。
プロンプト
プロジェクト詳細画面に成果物パネルを追加してください。要件定義、業務フロー、DB設計、管理画面案、公開ページ案、テスト結果をタブで切り替えて表示し、上部には各成果物の更新状態が分かるタイル一覧を置いてください。管理側では担当者が編集でき、公開側では顧客が確認できる範囲だけ表示してください。
この機能を使うときのポイント
パネルの単位要件、フロー、DB、画面、テスト、議事録など、何を別成果物として扱うか決めます。
表示モード全体を見渡すタイル表示と、1件を詳しく見るタブ表示のどちらを主にするか選びます。
更新状態未作成、作成中、確認待ち、確定、要修正などを表示し、次に見るべきパネルを明確にします。
公開範囲顧客に見せる成果物、管理側だけの下書き、AIの未確定案を分けます。
この機能を実装するときのコツ
最初はプロジェクトID、パネル種別、表示名、サマリー、本文またはJSON、更新状態、並び順を持つ成果物テーブルを用意すると扱いやすくなります。画面側ではパネル定義を配列で持ち、一覧タイル、タブ、詳細表示が同じ定義を参照するようにします。AIが更新する場合は、自由文章だけでなく、パネル種別ごとに保存形式を決め、旧データが読めないときの互換表示も用意しておくと運用中の仕様変更に耐えやすくなります。