ポスター制作マニュアル
5. セクション操作
ポスターのセクションエリアを矩形で分割した、操作の基本単位です。位置・サイズは % 値で管理され、セクションは隙間なく敷き詰められます。
5.1 初期状態

新規作成で生成された 4 セクション + メインタイトルの状態です。
5.2 セクションの選択
セクションをクリックすると選択状態になります。

選択中のセクションには以下が表示されます:
- 水色のハイライト(選択中であることを示す)
- 4辺中央の + ボタン(分割/挿入)
- 右上の × ボタン(削除モード切替)
右パネルにはセクション編集 UI が表示されます。

- 見出し トグル — 見出し領域の表示/非表示
- 見出し スタイル(文字サイズ / 行間 / 字間 / 文字色 / 背景色)
- 内容 トグル — 内容領域の表示/非表示
- 内容 スタイル
- セクション選択解除 ボタン
5.3 分割(+ ボタン)
| 操作 | 効果 |
|---|---|
| + ボタンを クリック | その辺方向にセクションを2分割(新セクションは押した辺側に生成) |
| + ボタンを Shift+クリック | その辺の位置で行 / 列を挿入(同じ辺を持つ全セクションを縮小して新セクション群を挿入) |
5.4 削除(× ボタン → 方向矢印)
セクション右上の × をクリックすると 削除モード に入ります。

- ボタンが赤い矢印に変化します。矢印の向き = 吸収方向で、その方向の隣接セクション群が拡大して削除セクションを吸収します。
矢印は以下の条件を満たす方向にのみ表示されます:
- その方向の隣接セクションが、辺を完全にカバーしている
- 吸収しても他のセクションと重なりが発生しない
矢印クリックで削除実行 + 隣接セクションが拡大します。再度 × クリックでキャンセル(削除モード解除)。
5.5 リサイズ
セクション同士の 共有辺 をドラッグでリサイズできます。
- 隣接セクションが連動して反対側に動きます(連結リサイズ)
- 辺を超えるセクションがある場合はドラッグ不可(カーソルが
not-allowed、ツールチップで理由を表示) - リサイズ中は専用カーソルに固定 + アニメーションを停止
スナップガイド
ドラッグ中は近接位置に色付きガイド線が出現し、自動吸着します:
| 色 | 種類 | 説明 |
|---|---|---|
| 青 | grid | 隣接2セクションの合計範囲を100%とした 10% 刻み |
| 緑 | edge | 他のセクションの辺の位置 |
| オレンジ | origin | 開始位置(元の辺の位置) |
吸着閾値は 0.5%(ズーム連動で 0.2%〜1.0% にクランプ)。
5.6 セルタブへの切替
右パネル上部のタブで セクション / セル を切り替えます。

「セル」を選ぶと、選択セクションの内部セルを編集する UI に切り替わります(→ 第6章)。