セクションで項目をまとめる

1. このページで伝える機能

同じ画面やタブの中を、見出しのあるまとまりへ分けられます。補足的な項目は折りたたみ、必要なときだけ開けます。

2. Wagby11で実現できること

基本情報は「作業内容」「連絡先」「追加情報」のセクションに分けています。追加情報は最初は閉じています。

追加情報の見出しを選ぶと、補足事項の入力欄が開きます。入力してから閉じても値を保持します。

項目群の途中に共通の案内や小見出しを置く場合は、項目の間に見出し・説明文を配置するを参照してください。

3. AIへの指示例

最小限の指示例

作業内容と連絡先をまとめ、補足事項は必要なときだけ開けるようにしてください。

AIはセクションの見出し、枠線、最初に開くか閉じるかを類推して補います。補足項目でも必須チェックや保存を維持したいことを伝えます。

より詳細な指示例

LayoutProjectの基本情報タブに作業内容・連絡先のセクションを置き、additionalはtitle=追加情報、collapsible:true、initially_collapsed:trueにしてください。補足事項を入力して折りたたんだ状態で保存し、値を保持することを確認します。
既存のモデル・項目・主キー・データ・権限を保持し、Wagby11のguide・referenceを確認してください。メニューと一般利用者向け操作マニュアルを更新し、生成・ビルド完了後に起動して画面と保存結果を確認してください。

4. 編集されるAppSchemaの例

以下は関連する定義の抜粋です。構文を覚えなくても、画面でどう見せたいかをAIへ伝えられます。

sections:
  - id: additional
    title: 追加情報
    description: 連絡時に伝えたい内容をまとめます。
    collapsed_summary: 補足事項を入力できます。
    collapsible: true
    initially_collapsed: true
    fields: [{ name_en: notes }]

折りたたみには空でないidとtitleが必要です。折りたたみは表示の切替であり、項目の保存や検証を無効にはしません。画面を読み直すと定義した初期状態へ戻ります。

5. 参考資料

guide：セクションで項目をまとめる

designer/docs/appschema/html/guide/06-layout/04-sections.html

reference：uidefs画面レイアウト定義

designer/docs/appschema/html/reference/15-ui-layout.html