📐 宣言的レイアウト指定
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で配置を定義
✅ 変更が簡単
レイアウトを直感的に編集
✅ 再利用可能
テンプレートとして保存