> ## Documentation Index
> Fetch the complete documentation index at: https://manual.voiceping.net/llms.txt
> Use this file to discover all available pages before exploring further.

# フロアカスタマイズ

> 仮想オフィスのレイアウトをアプリ内でカスタマイズする方法

export const FeedbackJa = () => <>
    <Tip>
      この機能へのご意見・ご要望は、<a href="/ja/product-feedback">Product Feedback</a>からお寄せください。
    </Tip>

    <h2>公式リンク</h2>

    <CardGroup cols={2}>
      <Card title="公式サイト" icon="globe" href="https://voiceping.net/">
        VoicePing公式サイト
      </Card>
      <Card title="X (Twitter)" icon="x-twitter" href="https://x.com/VoicePingMedia">
        VoicePing公式X
      </Card>
      <Card title="Facebook" icon="facebook" href="https://www.facebook.com/voiceping.inc">
        VoicePing公式Facebook
      </Card>
      <Card title="LinkedIn" icon="linkedin" href="https://www.linkedin.com/company/28684130/">
        VoicePing公式LinkedIn
      </Card>
    </CardGroup>
  </>;

仮想オフィスのレイアウトをアプリ内でカスタマイズできます。

## カスタムレイアウトとは

フロアの背景やオブジェクトを自由に編集できます。用意した画像を背景に設定したり、椅子やテーブルなどの素材を配置したりできます。

## レイアウトの作成

1. フロア左上のハンマーアイコンをクリックします。
2. オブジェクトまたは背景を選び、ドラッグ＆ドロップするか画像をクリックして配置します。

<Note>
  * テキストのサイズや色はツールバーで変更できます。
  * ツールバーでは、オブジェクトの回転、ロック、複製、トリミングも行えます。ロックすると、誤って移動するのを防げます。
</Note>

<iframe src="https://www.loom.com/embed/5dbc077ece364d758403f10bd764997d" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### カスタムオブジェクトをアップロードする

1. 「カスタム」の下にある「アップロード」をクリックします。
2. 画像を選んでアップロードします。
3. 左側に表示された画像をドラッグ＆ドロップするかクリックして、フロアへ配置します。

<Tip>
  背景にも任意の画像を設定できます。
</Tip>

<iframe src="https://www.loom.com/embed/edda4b6a0fd4473795f5e13a73b4ac0e" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### アップロードしたカスタムオブジェクトを削除する

1. カスタムオブジェクトにカーソルを合わせます。
2. ゴミ箱アイコンをクリックします。
3. 「削除する」をクリックします。

<iframe src="https://www.loom.com/embed/64656278cf884ce4ad994124a842d845" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### 複数のオブジェクトの選択

1. Shiftキーを押しながら、対象のオブジェクトをクリックします。
2. 選択したオブジェクトをまとめて移動します。

<iframe src="https://www.loom.com/embed/9bcefa028ac04a638297b4962e492178" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### オブジェクトの拡大・縮小

1. オブジェクトをクリックします。
2. オブジェクトの角をドラッグして、サイズを調整します。

<iframe src="https://www.loom.com/embed/0ecca294b5d44d86a31eb59d8a6a8524" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### カスタムオブジェクトのトリミング

1. カスタムオブジェクトを選びます。
2. 画面下部のツールバーで、右から3番目のトリミングアイコンをクリックします。
3. オブジェクトの角をドラッグして、表示範囲を調整します。

<iframe src="https://www.loom.com/embed/9e1716b003344c36932941192f4eab52" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### 直前の操作を取り消す

Ctrl+Zを押すと、直前の操作を取り消せます。

<iframe src="https://www.loom.com/embed/bdaf19854dab4e9388ec6374372a827e" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

## オフィス空間への反映

1. 画面左上の「適用」をクリックします。
2. 確認通知が表示されたら、画面左上の「キャンセル」をクリックして編集画面を閉じます。

<iframe src="https://www.loom.com/embed/43964acaf37d45c7992fac9ed96a1fac" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

## フロア画像をダウンロードする

1. 画面左上の「ダウンロード」をクリックします。
2. 保存先を選び、画像を保存します。

<iframe src="https://www.loom.com/embed/2a955a03e0a144efb3af5ab6e652cc1f" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

## カスタム背景をアップロード

1. サイドバーの「履歴」をクリックします。
2. 「カスタム背景」の下にあるアップロードボタンをクリックし、画像を選びます。

<iframe src="https://www.loom.com/embed/99a70b588dcb4b08a09b97f257d4907c" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### カスタム背景を使用

1. サイドバーの「背景」をクリックします。
2. カスタム背景を選びます。
3. フロア左上の「適用」をクリックします。
4. 確認通知が表示されたら、画面左上の「キャンセル」をクリックして編集画面を閉じます。

<iframe src="https://www.loom.com/embed/ccfa6b7f68be454fa5d8c65a2a233591" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### カスタム背景を削除

1. サイドバーの「履歴」をクリックします。
2. 削除するカスタム背景にカーソルを合わせます。
3. 右上のゴミ箱アイコンをクリックします。
4. 「削除する」をクリックします。

<iframe src="https://www.loom.com/embed/3d0d144f3e924f10924123ae05b33d1c" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

## フロアをテンプレートとして保存

1. サイドバーの「履歴」をクリックします。
2. 対象の履歴をクリックします。
3. 左上の「テンプレートとして保存」をクリックします。または、履歴の3点リーダーから「テンプレートとして設定」を選びます。

<iframe src="https://www.loom.com/embed/2714d5aabd7e4077a452f52db5d04d57" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### テンプレートを使用

1. サイドバーの「背景」をクリックします。
2. テンプレートを選びます。
3. フロア左上の「このテンプレートを使用」をクリックします。
4. 「使用」をクリックします。
5. オフィスへ反映する場合は「適用」をクリックします。
6. フロア左上の「キャンセル」をクリックして編集画面を閉じます。

<iframe src="https://www.loom.com/embed/0a17e57fe746452792a686e3e35a4278" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### テンプレートを削除

1. 削除するテンプレートにカーソルを合わせます。
2. 右上のゴミ箱アイコンをクリックします。
3. 「削除する」をクリックします。

<iframe src="https://www.loom.com/embed/9dcd4b1f42564e71a291ce51f7ddf1a6" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

## 編集履歴を使う

### 履歴を確認する

1. サイドバーの「履歴」をクリックします。
2. 確認する履歴をクリックします。
3. 確認を終えるには、フロア左上の「プレビュー終了」をクリックします。
4. フロア左上の「キャンセル」をクリックして編集画面を閉じます。

<iframe src="https://www.loom.com/embed/af827285d68d4307ad876dd5cd3d6dd8" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### 履歴を削除

1. サイドバーの「履歴」をクリックします。
2. 削除する履歴をクリックします。
3. 履歴の3点リーダーにカーソルを合わせます。
4. 「バージョン情報を削除」をクリックします。
5. 「削除する」をクリックします。
6. フロア左上の「キャンセル」をクリックして編集画面を閉じます。

<iframe src="https://www.loom.com/embed/2b44d53697484ced962e407c0d17ec84" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

## フロアを復元

### 方法1：サイドバーから復元する

1. サイドバーの「履歴」をクリックします。
2. 復元するフロアの履歴をクリックします。
3. 履歴の3点リーダーにカーソルを合わせます。
4. 「このバージョンを復元」をクリックします。
5. 「復元」をクリックします。
6. フロア左上の「適用」をクリックします。
7. フロア左上の「キャンセル」をクリックして編集画面を閉じます。

<iframe src="https://www.loom.com/embed/0098041cd3944d08ac9dfc127fad3052" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### 方法2：フロアから復元する

1. サイドバーの「履歴」をクリックします。
2. 復元するフロアの履歴をクリックします。
3. フロア左上の「このバージョンに戻す」をクリックします。
4. 「復元」をクリックします。
5. フロア左上の「適用」をクリックします。
6. フロア左上の「キャンセル」をクリックして編集画面を閉じます。

<iframe src="https://www.loom.com/embed/42b0b7cfadd04c28be66b4dd11fcf6e6" width="100%" height="400" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

<FeedbackJa />
