# ステージを作成する

> ステージビルダーで、座席、エリア、ラベル、レイアウトコントロール、会場の詳細を含む座席表を作成して保存します。

要素を追加して配置し、エラーを確認して会場の詳細とともに保存することで、ステージビルダーで座席表を作成します。座席表を開く、複製する、削除する、管理する方法については、[ステージの概要](/organizers/stages/stages-overview.md)を参照してください。

---

## ステージビルダーについて

ステージビルダーは通常、新しいポップアップウィンドウで開きます。3つのエリアがあります。

- 中央の**アートボード**は、座席表を作成する場所です。
- 左側の**ツールボックス**には、使用可能なツールと要素オプションがあります。
- 右側の**概要パネル**には、座席表全体に対する操作と設定、セクターの収容人数、エラーや推奨事項が表示されます。

同じ種類の要素を1つ以上選択すると、使用可能なツールの下にあるツールボックス内に設定インスペクターが表示されます。異なる種類の要素をまとめて選択した場合、その設定は表示されません。

### ピクセルで作業する

作業時の単位はピクセル（PX）です。全体的な見た目と座席、エリア、セクターの配置を意識して、目視で座席表を作成します。Entaseでは、表示される場所に応じて座席表が利用可能なスペースに自動的に収まります。

---

## ツールボックスから要素を追加する

ツールボックスから要素をドラッグし、アートボードにドロップします。使用可能な要素は、**ステージ**、**エリア**、**固定要素**、**1席**、**座席グループ**、**テキスト**です。

セクターの計画方法とチケット価格グループとしての使用方法については、[セクターの説明](/organizers/stages/sectors-explained.md)を参照してください。

### ステージ要素を追加する

**ステージ**要素は、ステージの位置を示します。複数ステージのイベントでは、必要な数だけステージ要素を追加できます。

設定を使用して、以下を構成します。

- **名前** – **ステージ**、**スクリーン**、**リング**、**アリーナ**、**フィールド**、**コート**から選択するか、カスタムラベルを入力します。
- **サイズ** – 幅と高さを設定します。
- **角丸** – 角の丸みを0～100%で設定します。

ベストプラクティス：

- ステージ要素ではなく、装飾には**固定要素**を使用します。
- モダンなインターフェースでは、ステージは座席表の上部に表示されます。これは、2D座席表における参加者の正面を向いた視点に対応しています。ステージは任意の位置に配置できますが、より明確な顧客体験のために、ステージが下部に配置された元の座席表は回転を検討してください。

### 座席を追加する

座席は、参加者1人が予約できる場所を表します。個別の座席はそれぞれ収容人数の1単位として数えられます。

1席を追加するには、**1席**をアートボードにドラッグします。

複数の座席を一度に追加するには：

1. **座席グループ**をアートボードにドラッグします。
2. 表示されるボックスで、列数と1列あたりの座席数を入力します。
3. **追加**をクリックします。
4. 必要に応じて、追加した座席を個別に調整します。

個別の座席と座席グループのどちらでも、設定インスペクターを使用して以下を設定します。

- **セクターと色** – 座席に割り当てるセクターです。
- **列** – 英字テキストです。
- **座席** – 英字テキストです。
- **属性** – クーポンや価格ポリシーによる割引に使用できる情報です。
  - **障がい者対応**
  - **視界制限あり**
  - **利用不可**
- **座席からの見え方** – その座席からの眺めを示す写真です。

座席のセクター名を既存のセクター名に変更すると、選択した座席にはそのセクターの色が自動的に適用されます。セクターの色だけを変更した場合は、1席のみを選択していても、そのセクター内のすべての座席に変更が適用されます。

### エリアを追加する

**エリア**要素は、収容人数のみを設定するスペースです。エリア内の参加者は特定の場所を予約しないため、先着順となります。エリアは、立見スペース、指定席のない座席スペース、またはその両方を表すことができます。

エリアでは、以下を設定します。

- **セクターと色** – エリアに割り当てるセクターです。
- **エリア名** – 要素の上部に表示されます。
- **収容人数** – 参加者の最大数です。
- **予約可能な最少数** – 注文に含める必要がある最少座席数です。
- **予約時にロック** – 最初の予約注文が行われた時点でセクター全体をロックします。
- **座席からの見え方** – そのセクターからの眺めを示す写真です。
- **サイズ** – 幅と高さです。
- **角丸** – 角の丸みを0～100%で設定します。
- **表示** – **標準**または**SVG**です。

#### エリアの表示方法を選択する

標準のエリア表示は、必要に応じて角を丸くした色付きの長方形です。

高度な形状には、SVG表示を選択してSVGパスを貼り付けます。エリアは、そのパスで定義された形状になります。SVG表示では、セクターの色とエリア名は適用されません。色やテキストはSVGパス内に含めてください。パス内に色がない場合、形状には透明色が適用され、表示されません。

メインの`<svg>`要素内のコンテンツを貼り付けます。例：

```html
<circle fill="#a8c8d8" cx="50" cy="50" r="50" />
```

```html
<g clip-path="url(#clip0_1_2)">
<path d="M42.35 12.51L52.89 1.70001V50.48L42.35 40.03V12.51Z" fill="#35A248"/>
<path d="M10.54 40.03L0 50.84V2.04999L10.54 12.51V40.03Z" fill="#35A248"/>
<path d="M12.78 10.54L1.97 0H50.75L40.3 10.54H12.78Z" fill="#35A248"/>
<path d="M40.21 41.64L51.02 52.18H2.23001L12.69 41.64H40.21Z" fill="#35A248"/>
<path d="M40.2 12.69H13.04V39.85H40.2V12.69Z" fill="#35A248"/>
</g>

<clipPath id="clip0_1_2">
<rect width="52.89" height="52.18" fill="white"/>
</clipPath>
```

#### 収容人数をロックしたボックス席を設定する

バーまたはクラブの座席表では、**予約時にロック**を使用して、企業用のエリアを指定できます。たとえば、5～10人用のVIPボックス席の場合：

- **収容人数**を`10`に設定します。
- **予約可能な最少数**を`5`に設定します。
- **予約時にロック**を有効にします。

最初の顧客は少なくとも5枚のチケットを購入する必要があり、収容人数に達していなくても最初の予約時にボックス席がロックされます。

### 固定要素を追加する

**固定要素**は装飾専用で、座席表の総収容人数にはカウントされません。

設定項目は以下のとおりです。

- **サイズ** – 幅と高さです。
- **角丸** – 角の丸みを0～100%で設定します。
- **表示** – **標準**または**SVG**です。エリアの場合と同じSVGの手順に従ってください。

### テキストを追加する

座席表を分かりやすくするには、**テキスト**要素を使用します。以下を設定します。

- **値** – 表示するテキストです。
- **テキストの方向** – **横**または**縦**です。
- **回転** – 0～360度です。

---

## アートボードを配置する

中央の白いエリアがアートボードで、周囲のエリアはグレーです。顧客に表示するすべての要素は、白いアートボードの境界線内に配置してください。境界線の外にあるものは切り取られ、チェックアウト時には表示されません。

### 座席表をズームして移動する

- マウスホイールまたはウィンドウ下部のズームコントロールで、ズームインまたはズームアウトします。
- スペースキーとマウスの左ボタンを押したままマウスを動かすと、表示エリアを移動できます。

### 要素を移動、回転、サイズ変更する

- **移動：** 1つ以上の要素を選択し、マウスの左ボタンでドラッグします。より細かく配置するには、キーボードの矢印キーを使用します。
- **回転：** 1つ以上の要素を選択します。選択範囲の上にある円形ハンドル上でマウスの左ボタンを押したまま、マウスを動かします。
- **サイズ変更：** 対応している要素では、設定インスペクターで寸法を入力するか、1つの要素を選択して周囲にある四角形のハンドルのいずれかをドラッグします。すべての要素がサイズ変更に対応しているわけではありません。

### 配置ガイドを使用する

選択範囲の端が別の要素の端と交差すると、青い水平線または垂直線が表示されます。この配置ガイドを使用して位置を調整し、特に細かく調整する場合は矢印キーと組み合わせてください。

### 要素を削除する

削除する要素を選択し、次のいずれかを行います。

- キーボードのDeleteキーを押す、または
- 設定インスペクターで**選択項目を削除**をクリックします。

複数の種類の要素が選択されている場合、設定インスペクターは表示されません。その場合は、Deleteキーを押すか、同じ種類の要素を選択してから**選択項目を削除**を使用してください。

---

## 概要パネルを使用する

### 変更を元に戻す、やり直す

**元に戻す**と**やり直す**を使用して、変更を戻したり進めたりできます。次のオペレーティングシステムのショートカットも使用できます。

- Windows：元に戻すには`Ctrl + Z`、やり直すには`Ctrl + Y`。
- macOS：元に戻すには`Cmd + Z`、やり直すには`Cmd + Shift + Z`。

### セクターと収容人数を確認する

**セクター**リストには、座席表内の現在のセクターと、それぞれの計算された収容人数が表示されます。セクター名をクリックすると、アートボード上でそのセクターのすべての要素が選択されます。

### アートボードのサイズを設定する

**アートボード設定**を使用して、アートボードの幅と高さを設定します。より広いスペースが必要な場合は拡張し、座席表が完成したら縮小します。

座席表とアートボードの境界線の間に、過度な余白を残さないでください。座席表の周囲には40～50 PXの余白を確保することをおすすめします。

### エラーを修正し、推奨事項に従う

エラーと推奨事項のパネルには、座席表の作成中に検出された問題が一覧表示されます。推奨事項に従い、可能な場合はエラーを解決してください。エラーは多くの場合、座席名の欠落または重複に関連しています。

エラーをクリックすると、関連する要素がアートボード上で選択されるため、見つけて修正しやすくなります。

> **重要：** エラーがある座席表も保存できますが、エラーを修正するまでそのステージを使用してイベントを作成することはできません。

---

## ステージを保存してロケーションを設定する

1. ステージビルダーの右下隅にある**変更を保存**をクリックします。
2. ロケーションのポップアップで、**検索**ウィンドウに会場名を入力します。システムが詳細情報の取得を試行できるよう、可能な限りGoogle Placesで表示される名称を使用してください。
3. 次の画面で、ロケーションの詳細を確認・編集します。
   - **場所の名前** – 会場または建物の名前です。
   - **ステージ** – 任意です。座席表が会場内の特定のホール用である場合はホール名を入力し、それ以外の場合は空欄のままにします。
   - **メモ** – あなたとチーム向けの任意の内部情報です。
   - **住所** – 番地を含む住所です。
   - **都市** – 該当する場合は州を含む都市名です（例：`New York, NY`）。
   - **国** – 国名です。
   - **緯度／経度** – 調整可能なGPSピンです。必要に応じて動かして座標を微調整します。
4. **保存**をクリックします。

**メモ**以外のすべてのロケーション詳細は、参加者に表示されます。**メモ**は内部情報のみに使用してください。保存後、座席表は[ステージの概要](/organizers/stages/stages-overview.md)に表示されます。
