> ## 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/">
        公式ウェブサイトはこちら
      </Card>
      <Card title="X (Twitter)" icon="x-twitter" href="https://x.com/VoicePingMedia">
        Xでフォロー
      </Card>
      <Card title="Facebook" icon="facebook" href="https://www.facebook.com/voiceping.inc">
        Facebookでいいね
      </Card>
      <Card title="LinkedIn" icon="linkedin" href="https://www.linkedin.com/company/28684130/">
        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. カスタムオブジェクトの角をクリックしながら適切な部分を切り取る

<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]を同時に押すと1つ前の状態に戻すことができます。

<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 />