Linear migration metadata¶

• Linear issue: TAK-103
• Linear URL: https://linear.app/takayuki-komoda/issue/TAK-103/yaml管理guiの画面イメージ精度を上げ生成アプリに近いプレビューを表示する
• Linear status: Backlog
• Linear team: Takayuki Komoda
• Linear project: EPAA Core
• Linear assignee:
• Linear labels:
• Linear created: 2026-06-27T07:30:33.213Z
• Linear updated: 2026-06-27T07:30:33.213Z
• Linear archived:

Original description¶

背景¶

TAK-100 のYAML管理GUIでは、アプリ設計内容から画面イメージを出す方向で進めているが、現状のプレビューは簡易的で、実際に生成されるアプリ画面との差が大きい。

ユーザーがYAMLを直接意識せずに設計するには、設定内容から「どんな一覧・登録・更新・詳細画面になるか」をもっと高精度に確認できる必要がある。

要求¶

画面イメージを、実際の生成アプリに近い形で表示できるようにする。

対象¶

• tools/EPAA.Generator.Gui の画面イメージ/プレビュー画面
• アプリ設定、フィールド設定、一覧表示設定、サブテーブル設定、文言設定の反映
• 請求書サンプルの画面イメージ

やりたいこと¶

• 一覧画面プレビューの精度を上げる
  • 一覧表示項目
  • 表示名
  • formatter
  • null表示
  • relation表示
  • value_set表示
  • ソート可否
• 登録/更新フォームプレビューの精度を上げる
  • データ型
  • 入力UI
  • 必須
  • readonly/editable
  • grid xs/md
  • 単位表示
  • 初期値
• 詳細画面プレビューの精度を上げる
  • 表示項目
  • null表示
  • text display
  • relation/snapshot/calculation項目
• サブテーブル込みの画面イメージを表示する
  • 親フォーム内の明細グリッド
  • 明細列
  • 行追加/削除イメージ
  • 集計表示
• 請求書サンプルで、請求書ヘッダ + 明細 + 合計欄の画面イメージを確認できるようにする
• 可能なら簡易プレビューと詳細プレビューを分ける

受け入れ条件¶

• 請求書サンプルの一覧・登録/更新・詳細の画面イメージが確認できる
• invoice_details のサブテーブルが親フォーム内の明細グリッドとして表示される
• 一覧表示設定を変えると一覧プレビューに反映される
• フィールド設定の入力UI/必須/readonly/grid/単位がフォームプレビューに反映される
• value_set / relation / snapshot / calculation の代表的な表示がプレビューに反映される
• WebView2 published exe で画面イメージを確認し、スクリーンショット証跡を残す

ブランチ案¶

• codex/tak-100-screen-preview

備考¶

このissueはTAK-100本体のYAML管理画面から派生した改善。帳票GUI改善 TAK-102 とは別issueとして扱う。