ポスター制作マニュアル
1. はじめに・画面構成
1.1 概要
POSACOは A0/A1/A2/B0/B1/B2 のポスターを Web ブラウザ上で編集するエディタです。ポスターを「メインタイトル」と「セクションエリア」の2段に分け、セクションを隙間なく敷き詰めながら、各セクションに見出し・本文・画像を配置していきます。
1.2 エディタモード
ヘッダー右側のモード切替ボタン（閲覧 / 簡易 / 詳細）で操作レベルを切り替えます。初期表示は 閲覧 モードです。
| モード | 用途 | 表示要素 |
|---|---|---|
| 閲覧 | プレビュー専用。編集できない | 中央のポスターのみ |
| 簡易 | 一般操作向け | 左右パネル + 左右キャンバス |
| 詳細 | フル機能 | 簡易と同等（差は今後の拡張用） |
閲覧モード
ポスターを大きく表示することのみが目的です。クリック・ドラッグでの選択や編集はできません。
詳細モード
左右にキャンバスが並びます。中央の縦線がスプリッターで、左右の比率を調整できます（ダブルクリックし50:50に戻せます）。
1.3 画面構成
詳細モードでは、ヘッダーの下に左パネル・左キャンバス・右キャンバス・右パネルが並びます。左パネルは初期状態では閉じており、キャンバス左上の ≡ ボタンで開きます。
ヘッダー
- POSACO ロゴ（左端）
- Undo / Redo（履歴の取消／やり直し）
- プロジェクト名（中央）— クリックで「プロジェクト情報」モーダルを開く（閲覧モードでは無効）
- モード切替（閲覧 / 簡易 / 詳細）
- ⋮ メニュー（新規作成 / 出力 / JSONデータ / ズーム中心 / 言語）
左キャンバス
ポスター全体を表示し、セクション を操作する領域です。セクションのクリック選択、Shift＋ドラッグでのグループ化、＋ボタンによる分割、×ボタンでの削除などが可能です。左下には常時 ミニマップ が表示されます。
右キャンバス
左キャンバスで選択中のセクションを拡大し、その内部の コンテンツセル を操作する領域です。テキスト編集、画像配置、セル分割などを行います。セクション未選択時は「左キャンバスでセクションを選択してください」のガイドが表示されます。
左パネル
ポスター全体の既定値（フォント／カラー／余白／枠線／装飾）を編集します。閉じているときはキャンバス左上の ≡ ボタンで開き、開いているときはパネル右上の × で閉じます。
右パネル
選択状態に応じてサブパネルが切り替わります（セクション設定・セル編集・グループ情報・メインタイトル調整・スタンプ管理）。
⋮ メニュー
- 新規作成 — ポスターを作り直す（既存内容は削除されます）
- 出力 — PDF出力（ブラウザの印刷ダイアログ）
- JSONデータ — エクスポート／取込
- ズーム中心 — ホイールズームの不動点（マウス位置 / キャンバス中央）
- 言語 / Language — 日本語 / English の切替
