> ## Documentation Index
> Fetch the complete documentation index at: https://wb-21fd5541-wbdocs-1882.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# パネル

> Workspace パネルを使用およびカスタマイズして、ログしたデータを可視化します

Workspace パネルの可視化を使用すると、キーごとに[ログしたデータ](/ja/models/ref/python/experiments/run.md/#method-runlog)を確認したり、ハイパーパラメーターと出力メトリクスの関係を可視化したりできます。

<div id="workspace-modes">
  ## Workspace モード
</div>

W\&B Projects では、2 つの異なる Workspace モードをサポートしています。Workspace 名の横にあるアイコンで、そのモードを確認できます。

| Icon                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Workspace mode                                                                                                                                                                                                                                                                                               |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| <img src="https://mintcdn.com/wb-21fd5541-wbdocs-1882/g98EkbyZbbkyMi8o/images/app_ui/automated_workspace.svg?fit=max&auto=format&n=g98EkbyZbbkyMi8o&q=85&s=a520273146a1e174ace8911bd50c1309" alt="自動 Workspace アイコン" width="32px" data-path="images/app_ui/automated_workspace.svg" /> | **自動 Workspace** では、プロジェクトでログされたすべてのキーに対してパネルが自動生成されます。次の場合は自動 Workspace を選択してください。<ul><li>プロジェクトで利用可能なすべてのデータを可視化して、すばやく作業を始めたい場合。</li><li>ログするキー数が少ない小規模な Projects の場合。</li><li>より幅広い分析を行いたい場合。</li></ul>自動 Workspace でパネルを削除した場合は、[Quick add](#quick-add) を使用して再作成できます。                                   |
| <img src="https://mintcdn.com/wb-21fd5541-wbdocs-1882/gvIZGkH-i0H7aNZQ/images/app_ui/manual_workspace.svg?fit=max&auto=format&n=gvIZGkH-i0H7aNZQ&q=85&s=451b61d67870242e4813924e42da8aec" alt="手動 Workspace アイコン" width="32px" data-path="images/app_ui/manual_workspace.svg" />                         | **手動 Workspace** は空の状態から始まり、Users が明示的に追加したパネルのみを表示します。次の場合は手動 Workspace を選択してください。<ul><li>プロジェクトでログされたキーのうち、一部だけを主に確認したい場合。</li><li>より focused な分析を行いたい場合。</li><li>Workspace のパフォーマンスを向上させ、自分にとって重要度の低いパネルの読み込みを避けたい場合。</li></ul>[Quick add](#quick-add) を使用すると、手動 Workspace やそのセクションに役立つ可視化をすばやく簡単に追加できます。 |

Workspace でのパネル生成方法を変更するには、[Workspace をリセット](#reset-a-workspace)してください。

<Note>
  **Workspace への変更を元に戻す**

  Workspace への変更を元に戻すには、Undo ボタン (左向きの矢印) をクリックするか、**CMD + Z** (macOS) または **CTRL + Z** (Windows / Linux) を押します。
</Note>

<div id="reset-a-workspace">
  ## Workspaceをリセットする
</div>

Workspace をリセットするには、次の手順に従います。

1. Workspace 上部の **アクション (<Icon icon="ellipsis" iconType="solid" />) ** メニューをクリックします。
2. **Reset workspace** をクリックします。

<div id="configure-the-workspace-layout">
  ## Workspace の Layout を設定する
</div>

Workspace の Layout を設定するには、Workspace 上部付近にある **Settings** をクリックし、次に **Workspace layout** をクリックします。

* **検索時に空のセクションを非表示にする** (デフォルトでオン)
* **パネルをアルファベット順に並べ替える** (デフォルトでオフ)
* **セクションの構成** (デフォルトでは最初のプレフィックスごとにグループ化) 。この設定を変更するには:
  1. 鍵アイコンをクリックします。
  2. セクション内のパネルのグループ化方法を選択します。

Workspace の折れ線グラフのデフォルトを設定するには、[Line plots](/ja/models/app/features/panels/line-plot/)を参照してください。

<div id="configure-a-sections-layout">
  ### セクションのLayoutを設定する
</div>

セクションのLayoutを設定するには、歯車アイコンをクリックし、次に **Display preferences** をクリックします。

* **ツールチップで色付きのrun 名の表示をオンまたはオフにする** (既定ではオン)
* **コンパニオンチャートのツールチップでは、ハイライトされたrunのみを表示する** (既定ではオフ)
* **ツールチップに表示するRunsの数** (single run、すべてのRuns、または **Default**)
* **プライマリチャートのツールチップにrun 名をフル表示する** (既定ではオフ)

<div id="view-a-panel-in-full-screen-mode">
  ## パネルを全画面モードで表示する
</div>

全画面モードでは run selector が表示され、パネルでは通常の 1,000 buckets ではなく、10,000 buckets の full-fidelity sampling mode プロットが使用されます。

パネルを全画面モードで表示するには、次の手順に従います。

1. パネルにカーソルを合わせます。
2. パネルの **アクション (<Icon icon="ellipsis" iconType="solid" />) ** メニューをクリックし、次に全画面ボタンをクリックします。このボタンは、ファインダー、または正方形の四隅を示す枠線のようなアイコンです。
   <Frame>
     <img src="https://mintcdn.com/wb-21fd5541-wbdocs-1882/gvIZGkH-i0H7aNZQ/images/app_ui/panel_fullscreen.png?fit=max&auto=format&n=gvIZGkH-i0H7aNZQ&q=85&s=dba236d0409359f7a16fb0387e2166e5" alt="全画面パネル" width="352" height="79" data-path="images/app_ui/panel_fullscreen.png" />
   </Frame>
3. 全画面モードで表示中に[パネルを共有](#share-a-panel)すると、生成された link は自動的に全画面モードで開きます。

* 全画面モードからパネルの Workspace に戻るには、ページ上部の左向き矢印をクリックします。
* 全画面モードを終了せずにセクション内のパネルを切り替えるには、パネルの下にある **Previous** ボタンと **Next** ボタン、または左右の矢印キーを使用します。
* パネル用のスペースをさらに確保するには、**Cmd+.** (macOS) または **Ctrl+.** (Windows/Linux) で run selector を最小化します。
* [メディアパネル](/ja/models/app/features/panels/media)の画像を全画面モードで表示している場合は、キーボードショートカットでズームイン、ズームアウト、ズームのリセット、または画面に合わせたズームができます。詳しくは、[キーボードショートカット](/ja/models/app/keyboard-shortcuts#media-panels)を参照してください。

その他の全画面表示やパネルのショートカットについては、[キーボードショートカット](/ja/models/app/keyboard-shortcuts)を参照してください。

<div id="add-panels">
  ## Add panels
</div>

このセクションでは、Workspace にパネルを追加するさまざまな方法を説明します。

<div id="add-a-panel-manually">
  ### パネルを手動で追加する
</div>

Workspace にパネルを 1 つずつ、Workspace 全体またはセクション単位で追加します。

1. パネルを Workspace 全体に追加するには、パネル検索フィールドの近くにあるコントロールバーで **Add panels** をクリックします。
2. パネルを特定のセクションに直接追加するには、セクションの **アクション (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックし、**+ Add panels** をクリックします。
3. 追加するパネルのタイプを選択します (グラフなど)。パネルの設定詳細が表示され、デフォルト値が選択されています。
4. 必要に応じて、パネルとその表示設定をカスタマイズします。使用できる設定オプションは、選択したパネルのタイプによって異なります。各パネルタイプのオプションの詳細については、下記の該当するセクション ([折れ線グラフ](/ja/models/app/features/panels/line-plot/) や [棒グラフ](/ja/models/app/features/panels/bar-plot/) など) を参照してください。
5. **Apply** をクリックします。

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-wbdocs-1882/g98EkbyZbbkyMi8o/images/app_ui/add_single_panel.gif?s=7581ea32b7ead941cd2bb0b2d16bdfe5" alt="パネル追加のデモ" width="3822" height="2842" data-path="images/app_ui/add_single_panel.gif" />
</Frame>

<div id="quick-add-panels">
  ### Quick add パネル
</div>

**Quick add** を使用すると、選択した各キーに対応するパネルを、グローバルまたはセクションレベルで自動的に追加できます。

<Note>
  自動 Workspace で削除されたパネルがない場合、ログされたすべてのキーのパネルがすでに Workspace に含まれているため、**Quick add** オプションは表示されません。削除したパネルを再度追加するには、**Quick add** を使用できます。
</Note>

1. **Quick add** を使用してパネルをグローバルに追加するには、パネル検索フィールドの近くにあるコントロールバーで **Add panels** をクリックし、次に **Quick add** をクリックします。
2. **Quick add** を使用してパネルをセクションに直接追加するには、セクションの **アクション (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックし、**Add panels** をクリックしてから **Quick add** をクリックします。
3. パネルの一覧が表示されます。チェックマークが付いたパネルは、すでに Workspace に含まれています。
   * 利用可能なすべてのパネルを追加するには、一覧の上部にある **Add `<N>` panels** ボタンをクリックします。**Quick Add** の一覧が閉じ、新しいパネルが Workspace に表示されます。
   * 一覧から個別のパネルを追加するには、パネルの行にカーソルを合わせて **Add** をクリックします。追加したい各パネルについてこの step を繰り返し、その後右上の **X** をクリックして **Quick Add** の一覧を閉じます。新しいパネルが Workspace に表示されます。
4. 必要に応じて、パネルの Settings をカスタマイズします。

<div id="share-a-panel">
  ## パネルを共有する
</div>

このセクションでは、リンクを使ってパネルを共有する方法を説明します。

リンクを使ってパネルを共有するには、次のいずれかの方法を使用します。

* パネルを全画面モードで表示した状態で、ブラウザーの URL をコピーします。
* **アクション (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックし、**Copy panel URL** を選択します。

リンクをユーザーまたはチームに共有します。リンクにアクセスすると、パネルは[全画面モード](#view-a-panel-in-full-screen-mode)で開きます。

全画面モードからパネルの Workspace に戻るには、ページ上部の左向き矢印をクリックします。

<div id="compose-a-panels-full-screen-link-programmatically">
  ### パネルのフルスクリーンリンクをプログラムで生成する
</div>

[オートメーションを作成する](/ja/models/automations/)場合など、特定の状況では、パネルのフルスクリーンURLを含めると便利です。このセクションでは、パネルのフルスクリーンURLの形式を示します。次の例では、角括弧内の entity、プロジェクト、パネル、およびセクション名を置き換えてください。

```text theme={null}
https://wandb.ai/<ENTITY_NAME>/<PROJECT_NAME>?panelDisplayName=<PANEL_NAME>&panelSectionName=<SECTON_NAME>
```

同じセクション内に同じ名前のパネルが複数ある場合、このURLを開くと、その名前の最初のパネルが表示されます。

<div id="embed-or-share-a-panel-on-social-media">
  ### パネルを埋め込む、またはソーシャルメディアで共有する
</div>

Web サイトにパネルを埁め込んだり、ソーシャルメディアで共有したりするには、そのパネルがリンクを知っているすべてのユーザーに表示可能である必要があります。project が非公開の場合、パネルを表示できるのは project のメンバーのみです。project が公開の場合は、リンクを知っているすべてのユーザーがパネルを表示できます。

パネルを埋め込んだり、ソーシャルメディアで共有したりするためのコードを取得するには、次の手順に従います。

1. Workspace でパネルにカーソルを合わせ、**アクション (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックします。
2. **Share** タブをクリックします。
3. **Only those who are invited have access** を **Anyone with the link can view** に変更します。変更しないと、次の step の選択肢は使用できません。
4. **Share on Twitter**、**Share on Reddit**、**Share on LinkedIn**、または **Copy embed link** を選択します。

<div id="email-a-panel-report">
  ### パネルレポートをメールで送信する
</div>

単一のパネルを独立したレポートとしてメールで送信するには、次の手順に従います。

1. パネルにカーソルを合わせ、パネルの\*\*アクション (<Icon icon="ellipsis" iconType="solid" />) \*\*メニューをクリックします。
2. **Share panel in report** をクリックします。
3. **Invite** タブを選択します。
4. メールアドレスまたはユーザー名を入力します。
5. 必要に応じて、**can view** を **can edit** に変更します。
6. **Invite** をクリックします。W\&B は、共有しているパネルだけを含むレポートへのリンクを記載したメールをユーザーに送信します。

[パネルを共有する](#share-a-panel)場合とは異なり、受信者はこのレポートからWorkspaceに移動できません。

<div id="manage-panels">
  ## パネルを管理
</div>

<div id="edit-a-panel">
  ### パネルを編集する
</div>

パネルを編集するには、次の手順を実行します。

1. パネルの鉛筆アイコンをクリックします。
2. パネルの設定を編集します。
3. パネルを別のタイプに変更するには、タイプを選択し、設定を行います。
4. **適用** をクリックします。

<div id="move-a-panel">
  ### パネルを移動する
</div>

パネルを別のセクションに移動するには、パネルのドラッグハンドルを使用できます。代わりにリストから移動先のセクションを選択する場合は、次の手順に従います。

1. 必要に応じて、最後のセクションの後にある **Add section** をクリックして、新しいセクションを作成します。
2. パネルの\*\*アクション (<Icon icon="ellipsis" iconType="solid" />)\*\*メニューをクリックします。
3. **移動** をクリックし、移動先のセクションを選択します。

ドラッグハンドルを使って、セクション内でパネルの順序を並べ替えることもできます。

<div id="duplicate-a-panel">
  ### パネルを複製する
</div>

パネルを複製するには、次の手順に従います。

1. パネル上部のアクション (<Icon icon="ellipsis" iconType="solid" />) メニューをクリックします。
2. **Duplicate** をクリックします。

必要に応じて、複製したパネルを[カスタマイズ](#edit-a-panel)したり、[移動](#move-a-panel)したりできます。

<div id="remove-panels">
  ### パネルを削除する
</div>

パネルを削除するには、次の手順に従います。

1. パネルにマウスカーソルを合わせます。
2. **アクション (<Icon icon="ellipsis" iconType="solid" />)** メニューを選択します。
3. **削除** をクリックします。

手動 Workspace からすべてのパネルを削除するには、その **アクション (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックしてから、**すべてのパネルをクリア** をクリックします。

自動または手動 Workspace からすべてのパネルを削除するには、[Workspace をリセット](#reset-a-workspace)できます。デフォルトのパネルセットで開始するには **Automatic** を選択し、パネルのない空の Workspace で開始するには **Manual** を選択します。

<div id="manage-sections">
  ## セクションを管理する
</div>

デフォルトでは、Workspace のセクションにはキーのログ階層が反映されます。ただし、手動の Workspace では、パネルを追加し始めるまでセクションは表示されません。

<div id="add-a-section">
  ### セクションを追加する
</div>

セクションを追加するには、最後のセクションの後にある **Add section** をクリックします。

既存のセクションの前後に新しいセクションを追加するには、そのセクションの **アクション (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックし、**New section below** または **New section above** をクリックします。

<Warning>
  セクション名に "Section" は使用しないでください。既知の制限事項により、このセクション内のパネルはセクション名を変更するまで表示されません。
</Warning>

<div id="manage-a-sections-panels">
  ### セクションのパネルを管理する
</div>

多数のパネルを含むセクションは、デフォルトでページ分割されます。1ページあたりのデフォルトのパネル数は、パネルの設定と、セクション内のパネルのサイズによって異なります。

1. パネルのサイズを変更するには、パネルにカーソルを合わせ、ドラッグハンドルをクリックしてドラッグし、サイズを調整します。1つのパネルのサイズを変更すると、そのセクション内のすべてのパネルのサイズも変更されます。
2. セクションがページ分割されている場合は、1ページに表示するパネル数をカスタマイズできます。
3. セクション上部の **1 to `<X>` of `<Y>`** をクリックします。ここで、`<X>` は表示中のパネル数、`<Y>` はパネルの総数です。
4. 1ページあたりに表示するパネル数を、最大100まで選択します。
5. セクションからパネルを削除するには:
6. パネルにカーソルを合わせてから、その **アクション (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックします。
7. **Delete** をクリックします。

Workspace を自動 Workspace にリセットすると、削除したすべてのパネルが再び表示されます。

<div id="rename-a-section">
  ### セクション名を変更する
</div>

セクション名を変更するには、その **アクション (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックし、**セクション名を変更** をクリックします。

<Warning>
  セクション名を "Section" にしないでください。既知の制限により、セクション名を変更するまで、このセクション内のパネルは表示されません。
</Warning>

<div id="delete-a-section">
  ### セクションを削除する
</div>

セクションを削除するには、**action (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックし、**セクションを削除** をクリックします。これにより、そのセクションと含まれるパネルが削除されます。