📐 宣言的レイアウト指定

const layout = { width: 1000, height: 800, layers: [ { type: 'component', component: 'info-panel', y: 0, height: 150 }, { type: 'video', src: 'demo.mp4', y: 150, height: 450 }, { type: 'component', component: 'caption-panel', y: 600, height: 200 } ] };
✅ 見通しが良い
JSONで配置を定義
✅ 変更が簡単
レイアウトを直感的に編集
✅ 再利用可能
テンプレートとして保存