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

# メディアパネル

> W&B Workspace で画像、動画、オーディオ、3D オブジェクト、ポイントクラウドのメディアパネルを追加および設定します。

メディアパネルは、[メディアオブジェクトのログされたキー](/ja/products/wandb/track/log/media) を視覚化します。これには 3D オブジェクト、オーディオ、画像、動画、またはポイントクラウドが含まれます。このページでは、Workspace でメディアパネルを追加および管理する方法について説明します。

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/demo-media-panel.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=c46ff9ec07db939c4abb2876594c35fa" alt="メディアパネルのデモ" width="612" height="663" data-path="products/wandb/_media/demo-media-panel.png" />
</Frame>

<h2 id="add-a-media-panel">
  メディアパネルを追加する
</h2>

Workspace 全体または特定のセクションにメディアパネルを追加します。

特定のセクションにメディアパネルを追加するには、次の手順に従います。

1. セクションの **action** (<Icon icon="ellipsis" iconType="solid" />) メニューを開き、**Add panels** を選択します。
2. **メディア** を展開します。
3. **3D オブジェクト**、**画像**、**Video**、**オーディオ** のいずれかを選択します。
4. パネルを設定し、**Apply** を選択します。

<Info>
  パネルを追加するその他の方法については、[パネルを手動で追加する](/ja/products/wandb/app/features/panels#add-a-panel-manually)を参照してください。
</Info>

メディアパネルの設定については、以下のセクションを参照してください。

<h2 id="configure-a-media-panel">
  メディアパネルを設定する
</h2>

メディアパネルを手動で追加すると、メディアのタイプを選択した後に設定ページが開きます。

既存のパネルを設定するには、パネルにカーソルを合わせ、右上隅にある歯車アイコン (<Icon icon="settings" iconType="solid" />) を選択します。以下のセクションは、メディアパネルの設定画面にあるタブと設定グループに対応しています。

<h3 id="display">
  Display
</h3>

**Display** タブでパネルの外観と動作を設定します。利用できる設定はメディアのタイプによって異なります。

<h4 id="viewer-settings">
  ビューアー設定
</h4>

メディアパネルの表示方法と操作方法を設定します。

* **パネルタイトル**: パネルのタイトルを指定します。
* **Panel mode**: メディアパネルのレイアウトを指定します。次のモードから選択します。
  * **ギャラリー** (デフォルト) : 列数と、グリッドに run、ステップ、インデックスごとに 1 項目を表示するかどうかを指定します。別のオプションを選択しない限り、run ごとに 1 項目が表示されます。
  * **グリッド**: 列数、X 軸、Y 軸を指定します。デフォルトの X 軸は **ログステップ**、デフォルトの Y 軸は **Run** です。
  * **Compare**: 最大 4 つのメディア項目を並べて比較します。必要に応じて、ステップまたはインデックスごとに項目を展開できます。詳しくは、[Compare モード](#compare-mode)をご覧ください。
* **メディアキー**: 表示する画像、動画、その他のメディアが含まれる、ログされた W\&B のフィールドを指定します。
* **スライダーキー**: パネルのステップスライダーに使用するキーを指定します。デフォルトは **Step** です。

<h4 id="appearance">
  外観
</h4>

パネルでのメディアの表示方法を設定します。

* **Smooth image**: 画像をスムージングして見た目を向上させます。

<h4 id="navigation-playback">
  ナビゲーションと再生
</h4>

run のさまざまなポイントでログされたメディアをどのように移動するかを設定します。

* **Snap to ステップ**: オンとオフを切り替えます。オンにすると、ステッパーは *Stride length* 分進んだ後、次に存在する ステップ に移動します。オフの場合、**Snap to ステップ** は既存の ステップ と一致しなくても **Stride length** の分だけ進みます。
* **Stride length**: 動画の再生中に左右のボタン (マイナスボタンとプラスボタン) を使用するたびに進む ステップ 数を指定します。この設定は、動画のメディアパネルでのみ使用できます。
* **Video seek ステップ**: 動画の再生中に左右のボタン (マイナスボタンとプラスボタン) を使用したときに、前後にスキップする量を指定します。この設定は、動画のメディアパネルでのみ使用できます。

<h3 id="sync">
  Sync
</h3>

セクション内の動画のステップスライダーを連動させるかどうかを設定します。この設定は動画のメディアパネルでのみ使用できます。

<h4 id="sync-video-playback">
  Sync video playback
</h4>

セクション内のメディアパネル間で動画の再生を同期します。

* **動画の自動再生**: Workspace またはパネルを開いたときに、動画の再生を自動的に開始します。
* **動画のループ再生**: 再生が終了したら、動画を自動的に最初から再生します。

<h3 id="layout">
  Layout
</h3>

パネル内で個々のメディア項目をどのように配置・表示するかを設定します。

<h4 id="grid-organization">
  グリッドと整理
</h4>

パネルに表示するメディア項目と、その配置方法を設定します。

* **Number of columns**: パネルに表示する列の数を指定します。
* **列の内容**: 列ごとに変える項目を指定します。
  * **run**: 各列が異なる run を表します。
  * **ログステップ**: 各列が run 内の異なるログステップを表します。
  * **例のインデックス**: 各列がログされたメディアの異なるインデックスを表します。たとえば、\[`img0`, `img1`, `img2`] をログした場合、各列はインデックス 0、1、2 を表します。
* **含める run の最大数**: パネルに表示する run の最大数を指定します。
* **メディアの表示上限**: 各 run に表示するメディア項目の数を指定します。
  * **すべて表示**: 各 run でログされたすべてのメディア項目を表示します。
  * **メディアを制限**: 各 run に表示するメディア項目の数を制限します。表示する項目の最大数を指定します。

<h4 id="fit-alignment">
  Fit & Alignment
</h4>

W\&B がメディア項目を読み込み、スケーリングする方法を設定します。

<Tabs>
  <Tab title="画像">
    **Image fit and resolution** 設定で、パネル内の画像の表示方法を選択します。選択できるオプションはデプロイメントタイプによって異なります。

    <Note>
      これらの設定は [**Compare** モード](#compare-mode) では適用されません。
    </Note>

    W\&B Multi-tenant Cloud の場合:

    * **Thumbnails** (デフォルト): 読み込みを高速化するため、小さなプレビューを読み込みます。W\&B はサムネイルをパネルに合わせてスケーリングします。
    * **Original image**: フル解像度の画像を読み込み、パネルに合わせてスケーリングします。

    W\&B 専用クラウドおよび W\&B Self-Managed の場合:

    * **Default** (デフォルト): 選択した Panel mode のデフォルトの画像サイズを使用します。

    すべてのデプロイメントタイプの場合:

    * **Fit to available space**: フル解像度の画像ファイルを読み込み、パネル全体を埋めるようにスケーリングします。表示領域からはみ出した部分は、スクロールして表示します。
    * **Original size**: フル解像度の画像ファイルを、ログされたピクセルサイズのまま読み込みます。表示領域からはみ出した部分は、スクロールして表示します。

    <Note>
      Multi-tenant Cloud では、パネルで選択したメディア読み込みオプションにかかわらず、全画面表示では常にフル解像度の画像が読み込まれます。
    </Note>
  </Tab>

  <Tab title="Videos">
    パネル内での動画の表示方法を選択します。

    <Note>
      これらの設定は [**Compare** モード](#compare-mode) では適用されません。
    </Note>

    * **Use original size**: **ギャラリー** モードで動画を元のサイズで表示します。このオプションが off の場合、W\&B は動画のアスペクト比を維持したまま、パネル内のスペースをできるだけ広く使うように動画をスケーリングします。**グリッド** モードでは、各動画がグリッドの幅いっぱいに表示されます。
    * **Disable video streaming**: 動画のストリーミング再生を無効にします。
  </Tab>

  <Tab title="3D オブジェクト">
    パネル内での 3D オブジェクトの表示方法を選択します。

    * **Right-handed system**: デフォルトの左手座標系ではなく、右手座標系でポイントクラウドをプロットします。
  </Tab>
</Tabs>

<h3 id="overlays">
  オーバーレイ
</h3>

このタブは、セグメンテーションマスクまたはバウンディングボックスとともにログされた画像やポイントクラウドに表示されます。このタブを使用すると、次の操作を行えます。

* 名でオーバーレイを検索し、フィルターを適用する。
* オーバーレイの色をカスタマイズする。

<h2 id="configure-all-media-panels-in-a-section">
  セクション内のすべてのメディアパネルを設定する
</h2>

セクション内のすべてのメディアパネルに同じ設定を適用し、Workspace レベルのデフォルト設定を上書きする場合は、セクションレベルのデフォルト設定を指定します。

セクション内のすべてのメディアパネルのデフォルト設定をカスタマイズし、メディアパネルの Workspace 設定を上書きするには、次の手順に従います。

1. セクションの歯車アイコンをクリックして設定を開きます。
2. **Media settings** をクリックします。
3. 表示されたドロワーで **Display**、**Layout**、または **Sync** タブをクリックし、セクションのデフォルトのメディア設定を指定します。画像、動画、オーディオ、3D オブジェクトの設定を指定できます。表示される設定は、セクション内の現在のメディアパネルによって異なります。

**Display** または **Layout** のメディア設定の詳細については、[メディアパネルを設定する](#configure-a-media-panel)を参照してください。**Sync** タブはセクションまたは Workspace レベルでのみ使用でき、個々のメディアパネルでは使用できません。

**Step slider syncing** をオンにすると、同じステップスライダーを持つセクション内のメディアパネルが同期されます。ステップスライダーの同期をオンにするには、次の手順に従います。

1. **Sync** タブをクリックします。
2. **Sync slider by key (Step)** をオンにします。

<h2 id="configure-all-media-panels-in-a-workspace">
  Workspace 内のすべてのメディアパネルを設定する
</h2>

Workspace のすべてのセクションでメディアパネルのベースラインを統一するには、Workspace レベルのデフォルトを設定します。

Workspace 内のすべてのメディアパネルのデフォルト設定をカスタマイズするには、次の手順を実行します。

1. 歯車アイコンと **Settings** ラベルが付いた Workspace の設定をクリックします。
2. **Media settings** をクリックします。
3. 表示されるドロワーで **Display** または **Layout** タブをクリックし、Workspace のデフォルトのメディア設定を行います。画像、動画、オーディオ、3D オブジェクトの設定ができます。表示される設定は、Workspace 内の現在のメディアパネルによって異なります。

**Sync** タブを除き、各設定の詳細については[メディアパネルを設定する](#configure-a-media-panel)を参照してください。**Sync** タブはセクションまたは Workspace レベルでのみ使用でき、個々のメディアパネルでは使用できません。

**Step slider syncing** をオンにすると、同じステップスライダーを持つセクション内のメディアパネルが同期されます。ステップスライダーの同期をオンにするには、次の手順を実行します。

1. **Sync** タブをクリックします。
2. **Sync slider by key (Step)** をオンにします。

各設定の詳細については、[メディアパネルを設定する](#configure-a-media-panel)を参照してください。

<h2 id="compare-mode">
  Compare モード
</h2>

Compare モードでは、任意の run、ステップ、またはインデックスの組み合わせから 2 〜 4 枚の画像または動画を選択し、1 つのグリッドで表示できます。1 つ以上のファイルをダウンロードしたり、タブを切り替えたりせずにメディアを比較できます。

Compare モードは次の用途に使用します。

* 新しいチェックポイントまたは run がベースラインや以前のチェックポイントよりも優れた出力を生成することを確認する。
* 現在の run を同じステップまたはインデックスの既知の良好なチェックポイントと比較して回帰を検出する。
* リファレンスと生成されたメディアを並べて表示することで、モデル出力をグラウンドトゥルースに対して検証する。
* 生成された画像または動画がトレーニングステップ間、または異なるチェックポイントや run 間でどのように変化するかを確認する。

Compare モードは、拡散モデルや生成モデルなどの画像または動画生成ワークフロー、マルチモーダル評価、ビジョン実験、およびメディアをログして run、ステップ、またはインデックス間で比較する必要があるその他のワークフローに役立ちます。

Compare モードを使用するには:

1. Workspace でメディアパネルを開きます (画像または動画用) 。
2. **Panel mode** を **Compare** に設定します。
3. 列数とファンアウトモードを指定して、グリッドの寸法と密度を構成します。最適なグリッド形状は、run がメディアをどのようにログするかに依存します。
   * **Number of columns**: 1 行あたりに表示する項目数 (`1` 〜 `4`) 。
   * **Fan out**: グリッド行ごとに表示するメディアの粒度を制御します。最適な設定は、run ごとにステップごとにログするメディア項目の数と、クイックスポットチェックが必要か詳細分析が必要かによって異なります。
     * **None** (デフォルト) : ファンアウトなし。各グリッド列が run を表し、各グリッド行がログされた画像または動画を表します。
       <Frame>
         <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/compare-mode-fan-out-none.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=92505616ca78f4004194014b6fd78e13" alt="2 つの run を表示し、ファンアウトなしの Compare モードのメディアパネル" width="1132" height="718" data-path="products/wandb/_media/compare-mode-fan-out-none.png" />
       </Frame>
     * **Step**: ステップ軸に沿ってファンアウトします。各グリッド列が run を表し、各グリッド行が run:step の組み合わせで最初にログされた画像または動画を表示します。
       <Frame>
         <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/compare-mode-fan-out-by-step.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=f07c9549a03474e52d7b53b2d1a2f516" alt="2 つの run を表示し、ステップごとにファンアウトする Compare モードのメディアパネル" width="1132" height="718" data-path="products/wandb/_media/compare-mode-fan-out-by-step.png" />
       </Frame>
     * **Index**: インデックス軸に沿ってファンアウトします。ステップごとに複数の項目をログする場合に便利です (例: `run.log({"images": [img0, img1, img2, img3]})`) 。各行のセルは、指定された run:step:index の組み合わせでログされた画像または動画を表示します。
       <Frame>
         <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/compare-mode-fan-out-by-index.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=23365f8229470ac42989a0facd91ffdc" alt="2 つの run を表示し、インデックスごとにファンアウトする Compare モードのメディアパネル" width="1132" height="718" data-path="products/wandb/_media/compare-mode-fan-out-by-index.png" />
       </Frame>
4. 指定した変数が単一のタイル (**Individual**) に影響するか、すべてのタイル (**Linked**) に影響するかを構成します。
   * **メディアキー**: デフォルトは **Linked** です。
   * **Run**: デフォルトは **Individual** です。
   * **Step**: デフォルトは **Linked** です。
   * **Index**: デフォルトは **Linked** です。

W\&B は選択内容を保存するため、パネルを再構成せずに同じ比較に後で戻ることができます。

<h2 id="interact-with-a-media-panel">
  メディアパネルを操作する
</h2>

メディアパネルを追加して設定したら、次の操作でログされたメディアを順に表示、比較、確認できます。

* メディアパネルを設定するには、パネルにカーソルを合わせ、上部の歯車アイコンをクリックします。
* メディアパネルのステップスライダーを動かすには、**Cmd + 左矢印キーまたは右矢印キー** (macOS) か **Ctrl + 左矢印キーまたは右矢印キー** (Windows または Linux) を使用します。セクションまたはWorkspaceで **Sync slider by key** がオンの場合、1 つのメディアパネルのステップスライダーを動かすと、同じステップスライダーキーを持つ他のメディアパネルのスライダーも動きます。
* メディアパネル上部のステッパーを使用して、run のメディアを順に表示します。ステップスライダーを動かすには、画面上の操作ボタンを使用します。
* メディアパネルをクリックすると、全画面モードで表示できます。全画面モードを終了するには、パネル上部の矢印ボタンをクリックします。
* 全画面モードを終了せずにセクション内のパネルを移動するには、パネルの下にある **Previous** ボタンと **Next** ボタン、または左右の矢印キーを使用します。
* 全画面モードで画像を表示しているときは、右上のズーム操作をクリックして拡大または縮小します。デフォルトでは、画像は画面に収まるように表示されます。拡大した画像をクリックしてドラッグすると、表示位置を移動できます。キーボードショートカットを使用して、拡大、縮小、ズーム倍率の 100% へのリセット、画面に合わせた表示もできます。[キーボードショートカット](/ja/products/wandb/app/keyboard-shortcuts#media-panels)を参照してください。
* セグメンテーションマスク付きでログされた画像では、各マスクの表示を調整したり、オン・オフを切り替えたりできます。パネルにカーソルを合わせ、下側の歯車アイコンをクリックします。
* バウンディングボックス付きでログされた画像やポイントクラウドでは、各ボックスの表示を調整したり、オン・オフを切り替えたりできます。パネルにカーソルを合わせ、下側の歯車アイコンをクリックします。
* メディアの操作ボタンを使用して、動画を再生、一時停止、停止します。左右の矢印キーを使用すると、設定された **video seek step** の分だけ前後に移動できます。**Sync video playback** がオンの場合、セクション内のすべての動画が同期して再生されます。**動画のループ再生** がオンの場合、セクション内の動画は停止するまで自動的に最初から繰り返し再生されます。


## Related topics

- [パネル](/ja/products/wandb/app/features/panels.md)
