> ## 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.

> 対話型の可視化で run データを探索するためのプレイグラウンド

# 実験結果の表示

export const AriaChatBubbles = ({prompt, response}) => {
  const [isDark, setIsDark] = useState(false);
  const [promptCopied, setPromptCopied] = useState(false);
  useEffect(() => {
    const root = document.documentElement;
    const sync = () => setIsDark(root.classList.contains('dark'));
    sync();
    const obs = new MutationObserver(sync);
    obs.observe(root, {
      attributes: true,
      attributeFilter: ['class']
    });
    return () => obs.disconnect();
  }, []);
  useEffect(() => {
    if (!promptCopied) {
      return undefined;
    }
    const timeout = setTimeout(() => setPromptCopied(false), 2000);
    return () => clearTimeout(timeout);
  }, [promptCopied]);
  const copyText = text => {
    navigator.clipboard.writeText(text).then(() => setPromptCopied(true)).catch(console.error);
  };
  const userBg = isDark ? '#363C44' : '#F8F8F8';
  const userBorder = isDark ? '#4B535C' : '#DFE0E2';
  const textColor = isDark ? '#E8E8E9' : '#2B3038';
  const iconColor = isDark ? '#8F949E' : '#79808A';
  const iconHoverBg = isDark ? 'rgba(255,255,255,0.10)' : 'rgba(0,0,0,0.05)';
  const bubbleText = {
    fontSize: '15px',
    color: textColor,
    overflowWrap: 'anywhere'
  };
  const bubbleBase = {
    maxWidth: '85%'
  };
  const copyIcon = promptCopied ? <svg aria-hidden="true" focusable="false" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{
    color: '#FCBC32'
  }}>
      <path d="M20 6 9 17l-5-5" />
    </svg> : <svg aria-hidden="true" focusable="false" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
      <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
      <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
    </svg>;
  return <div aria-label="ARIA chat example" className="not-prose flex flex-col gap-3" role="group">
      {}
      <div className="flex w-full justify-end">
        <div className="flex w-fit items-start gap-1 rounded-2xl py-2 pl-3 pr-1.5" style={{
    ...bubbleBase,
    backgroundColor: userBg,
    border: `1px solid ${userBorder}`
  }}>
          <div className="min-w-0 flex-1 hyphens-auto whitespace-pre-wrap" style={bubbleText}>
            {prompt}
          </div>
          <button type="button" className="mt-0.5 shrink-0 rounded-lg p-1.5 cursor-pointer" style={{
    color: iconColor,
    background: 'transparent'
  }} onMouseEnter={e => {
    e.currentTarget.style.backgroundColor = iconHoverBg;
  }} onMouseLeave={e => {
    e.currentTarget.style.backgroundColor = 'transparent';
  }} onClick={() => copyText(prompt)} aria-label="Copy user prompt">
            {copyIcon}
          </button>
        </div>
      </div>
      {}
      <div className="flex w-full justify-start">
        <div className="w-fit rounded-2xl py-2 px-3" style={{
    ...bubbleBase,
    border: '1px solid #CDF4F7'
  }}>
          <div className="hyphens-auto whitespace-pre-wrap" style={bubbleText}>
            {response}
          </div>
        </div>
      </div>
    </div>;
};

W\&B Workspace は、チャートをカスタマイズしてモデル結果を探索するための個人のサンドボックスです。W\&B Workspace は *Tables* と *Panel sections* で構成されています：

* **Tables**: project にログされたすべての run が project の表に一覧表示されます。run のオン/オフを切り替え、色を変更し、表を展開して各 run のメモ、設定、サマリー メトリクスを確認できます。
* **Panel sections**: 1 つ以上の [panels](/ja/products/wandb/app/features/panels) を含むセクションです。新しいパネルを作成し、整理して、Workspace のスナップショットを保存するために Reports にエクスポートします。

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/workspace_table_and_panels.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=2fc17739b68aacc3fa4e434a987770a5" alt="Workspace table and panels" width="1393" height="1015" data-path="products/wandb/_media/workspace_table_and_panels.png" />
</Frame>

<h2 id="workspace-types">
  Workspace のタイプ
</h2>

ワークスペースには、**個人ワークスペース**と**保存済みビュー**の2つの主なカテゴリがあります。

* **個人ワークスペース:** モデルやデータの可視化を詳しく分析するための、カスタマイズ可能なワークスペースです。変更を編集して保存できるのは、ワークスペースの所有者のみです。チームメンバーは個人ワークスペースを閲覧できますが、他の人の個人ワークスペースを変更することはできません。
* **保存済みビュー:** 保存済みビューは、共同作業用のワークスペースのスナップショットです。チームの誰でも、保存済みワークスペースビューを閲覧、編集し、変更を保存できます。実験や run などのレビューや議論には、保存済みワークスペースビューを使用します。

次の画像は、Cécile-parker のチームメンバーが作成した複数の個人ワークスペースを示しています。この project には保存済みビューがありません:

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/Menu_No_views.jpg?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=4679611a34665d10aa526ab21d8ba635" alt="保存済みビューなし" width="1350" height="1352" data-path="products/wandb/_media/Menu_No_views.jpg" />
</Frame>

<h2 id="saved-workspace-views">
  保存済みワークスペースビュー
</h2>

チームに合わせた Workspace ビューでコラボレーションを向上させましょう。保存済みビューを作成して、チャートとデータの好みのセットアップを整理します。

<h3 id="create-a-new-saved-workspace-view">
  新しい保存済みワークスペースビューを作成する
</h3>

1. 個人の Workspace または保存済みビューにアクセスします。
2. Workspace を編集します。
3. Workspace の右上隅にある **action (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックします。**新しいビューとして保存** をクリックします。

ARIA に現在の Workspace レイアウトを新しいビューとして保存するよう依頼することもできます。

<AriaChatBubbles prompt="この Workspace を LR comparison という新しいビューとして保存して、チームが learning-rate の実験を確認できるようにしてください。" response="現在の Workspace レイアウト（表示中の run とパネルの配置を含む）を、LR comparison という名の新しい保存済みビューとして保存します。" />

新しい保存済みビューは Workspace のナビゲーションメニューに表示されます。

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/Menu_Views.jpg?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=0711f25e7876e80149a01faadb9f4d47" alt="保存済みビューのメニュー" width="1366" height="1352" data-path="products/wandb/_media/Menu_Views.jpg" />
</Frame>

<h3 id="update-a-saved-workspace-view">
  保存済みワークスペースビューの更新
</h3>

保存した変更は、保存済みビューの以前の状態を上書きします。保存していない変更は保持されません。W\&B で保存済みワークスペースビューを更新するには、次の手順に従います。

1. 保存済みビューにアクセスします。
2. ワークスペース内のチャートとデータに必要な変更を加えます。
3. **Save** ボタンをクリックして変更を確定します。

<Note>
  Workspace ビューへの更新を保存すると、確認ダイアログが表示されます。今後この確認を表示しない場合は、保存を確定する前に **Do not show this modal next time** オプションを選択します。
</Note>

<h3 id="delete-a-saved-workspace-view">
  保存済みワークスペースビューを削除する
</h3>

不要になった保存済みビューを削除します。

1. 削除したい保存済みビューにアクセスします。
2. ビューの右上にある **menu (<Icon icon="menu" iconType="solid" />)** ボタンを選択します。
3. **Delete view** を選択します。
4. 削除を確認して、ワークスペースメニューからビューを削除します。

<h3 id="share-a-workspace-view">
  Workspace ビューを共有する
</h3>

ワークスペースの URL を直接共有することで、カスタマイズしたワークスペースをチームと共有できます。ワークスペースの project にアクセスできるすべてのユーザーは、そのワークスペースの保存済みビューを表示できます。

<h2 id="workspace-templates">
  Workspace templates
</h2>

<Note>
  この機能には [Enterprise](https://coreweave.com/forge-pricing) License が必要です。
</Note>

既存の workspace と同じ設定を使用して workspaces を作成するには、新しい workspaces の [デフォルト設定](#default-workspace-settings) の代わりに *workspace templates* を使用します。

<h3 id="default-workspace-settings">
  デフォルトのWorkspace settings
</h3>

W\&B は workspaces に次のデフォルト設定を使用します:

<h4 id="hide-empty-sections-during-search">
  検索中に空のセクションを非表示にする
</h4>

デフォルトでは、W\&B は Workspace に空のセクションを表示しません。この設定を変更すると、Workspace に空のセクションを表示できます。

<h4 id="sort-panels-alphabetically">
  パネルをアルファベット順に並べ替える
</h4>

デフォルトでは、W\&B はパネルをプロットのタイトルのアルファベット順に並べ替えません。この設定を変更すると、パネルをプロットのタイトルのアルファベット順に並べ替えられます。

<h4 id="section-organization">
  セクションの整理
</h4>

デフォルトでは、W\&B はメトリクス名の最初の接頭辞に基づいてパネルをセクションに整理します。たとえば、Workspace にメトリクス `a/b/c/d` と `a/e/f` が含まれている場合、W\&B はこれらのメトリクスを `a` というセクションに整理します。Workspace にメトリクス `a/b/c/d` と `e/f/g` が含まれている場合、W\&B はこれらのメトリクスを `a` と `e` というセクションに整理します。

デフォルトのセクション整理を最後の接頭辞でグループ化するように変更できます。たとえば、Workspace にメトリクス `a/b/c/d` と `a/e/f` が含まれている場合、W\&B はこれらのメトリクスを `d` と `f` というセクションに整理します。Workspace にメトリクス `a/b/c/d` と `e/f/g` が含まれている場合、W\&B はこれらのメトリクスを `d` と `g` というセクションに整理します。

<h4 id="line-plot-settings">
  折れ線グラフの設定
</h4>

デフォルトでは、新しいWorkspaceは折れ線グラフにこれらのデフォルト設定を使用します：

| X軸 | デフォルト |
| - | - |
| 値 | Step |
| 対数スケール | false |

| Y軸 | デフォルト |
| - | - |
| 対数スケール | false |

| スムージング | デフォルト |
| - | - |
| タイプ | Time weight EMA |
| 重み | 0 |
| スムージング後に元を表示 | Off |

| run の最大数 | デフォルト |
| - | - |
| 最大 run 数 | 10 |

| データ | デフォルト |
| - | - |
| ポイント集約 | Full fidelity |

| Grouping | デフォルト |
| - | - |
| チャートでグループ化を使用 | On |
| グループ集約 | Mean |

| Display preferences | デフォルト |
| - | - |
| run 名に色を付ける | On |
| run 名を完全に表示 | Off |
| ツールチップにX範囲を表示 | Off |
| ツールチップのrun | デフォルト |
| チャート間でズームを同期 | Off |
| ハイライトされたrunのみを表示 | Off |

<h3 id="configure-your-workspace-template">
  ワークスペーステンプレートを設定する
</h3>

1. 任意の Workspace を開くか、新しい Workspace を作成します。
2. Workspace の右上隅にある **Settings** ボタンをクリックします。
3. パネルから **Workspace layout** を選択します。
4. 好みに応じて Workspace の設定を構成します。

<h3 id="save-your-workspace-template">
  ワークスペースのテンプレートを保存する
</h3>

1. ワークスペース上部で、**元に戻す**と**やり直す**の矢印アイコンの近くにある **action (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックします。
2. **個人用ワークスペースのテンプレートを保存**をクリックします。
3. テンプレートの設定を確認し、**保存**をクリックします。

新しいワークスペースでは、デフォルトの代わりにこれらの設定が使用されます。

<h3 id="view-your-workspace-template">
  ワークスペーステンプレートを表示する
</h3>

ワークスペーステンプレートの現在の設定を表示するには:

1. どのページからでも、右上のユーザーアイコンを選択します。ドロップダウンから **User Settings** を選択します。
2. **Personal workspace template** セクションにアクセスします。ワークスペーステンプレートを使用している場合、その設定が表示されます。それ以外の場合は、セクションに詳細は含まれません。

<h3 id="update-your-workspace-template">
  ワークスペーステンプレートを更新する
</h3>

ワークスペーステンプレートを更新するには：

1. 任意のワークスペースを開きます。
2. ワークスペースの設定を変更します。たとえば、含める run の数を `11` に設定します。
3. 変更をテンプレートに保存するには、**元に戻す**と**やり直す**の矢印アイコンの近くにある **action (<Icon icon="ellipsis" iconType="solid" />)** メニューをクリックし、**個人用ワークスペーステンプレートを更新**をクリックします。
4. 設定を確認し、**更新**をクリックします。テンプレートが更新され、それを使用するすべてのワークスペースに再適用されます。

<h3 id="delete-your-workspace-template">
  ワークスペーステンプレートを削除する
</h3>

ワークスペーステンプレートを削除してデフォルト設定に戻すには、次の手順を実行します。

1. 任意のページで、右上隅のユーザーアイコンを選択します。ドロップダウンから **User Settings** を選択します。
2. **Personal workspace template** セクションにアクセスします。ワークスペーステンプレートの設定が表示されます。
3. **Settings** の横にあるごみ箱アイコンをクリックします。

<Note>
  専用クラウドおよびセルフマネージドでは、v0.70 以降でワークスペーステンプレートの削除がサポートされます。古いサーバーバージョンでは、代わりに[デフォルト設定](#default-workspace-settings)を使用するようにワークスペーステンプレートを更新してください。
</Note>

<h2 id="programmatically-create-workspaces">
  ワークスペースをプログラムで作成する
</h2>

<Tip>
  エンドツーエンドの例については、[Programmatic Workspaces](https://colab.research.google.com/github/wandb/wandb-workspaces/blob/Update-wandb-workspaces-tuturial/Workspace_tutorial.ipynb) ノートブックを参照してください。
</Tip>

[`wandb-workspaces`](https://github.com/wandb/wandb-workspaces/tree/main) は、[W\&B](https://forge.coreweave.com/wandb) の Workspace と report をプログラムで操作するための Python ライブラリです。

[`wandb-workspaces`](https://github.com/wandb/wandb-workspaces/tree/main) を使用して Workspace をプログラムで定義します。[`wandb-workspaces`](https://github.com/wandb/wandb-workspaces/tree/main) は、[W\&B](https://forge.coreweave.com/wandb) の Workspace と report をプログラムで操作するための Python ライブラリです。

Workspace のプロパティを定義できます。例:

* パネルレイアウト、色、セクションの順序を設定します。
* デフォルトの X 軸、セクション順序、折りたたみ状態などの Workspace 設定を構成します。
* セクション内の Panel を追加およびカスタマイズして、Workspace ビューを整理します。
* URL を使用して既存の Workspace を読み込み、変更します。
* 既存の Workspace への変更を保存するか、新しいビューとして保存します。
* シンプルな式を使用して、run をプログラムでフィルター、グループ化、並べ替えます。
* 色や可視性などの設定で run の外観をカスタマイズします。
* 統合と再利用のために、ある Workspace から別の Workspace にビューをコピーします。

<h3 id="install-workspace-api">
  Workspace API のインストール
</h3>

`wandb` に加えて、`wandb-workspaces` をインストールしてください：

```bash theme={"system"}
pip install wandb wandb-workspaces
```

<h3 id="define-and-save-a-workspace-view-programmatically">
  プログラムで Workspace ビューを定義して保存する
</h3>

```python theme={"system"}
import wandb_workspaces.workspaces as ws

workspace = ws.Workspace(entity="your-entity", project="your-project", views=[...])
workspace.save()
```

<h3 id="edit-an-existing-view">
  既存のビューを編集する
</h3>

```python theme={"system"}
existing_workspace = ws.Workspace.from_url("workspace-url")
existing_workspace.views[0] = ws.View(name="my-new-view", sections=[...])
existing_workspace.save()
```

<h3 id="clone-a-saved-workspace-view">
  保存済みワークスペースビューのクローン
</h3>

Reports and Workspaces API を使用して保存済みワークスペースビューをクローンし、そのレイアウトと設定を新しいビューの基盤として使用します。

開始する前に、以下を特定します:

* ソースの Workspace ビューを含む entity と project。
* Workspace ビュー ID。
  * ビュー ID を検索するには、W\&B で保存済みワークスペースビューを開き、URL から nw クエリパラメーターの値をコピーします。たとえば、`https://wandb.ai/awesome-team/mnist?nw=54ro5zcn9d4` の場合、ビュー ID は `54ro5zcn9d4` です。
* 宛先の entity と project。
* 新しい Workspace ビュー名。

次の例は、保存済みワークスペースビューをクローンします:

```python theme={"system"}
import wandb_workspaces.workspaces as ws

# ソースの Workspace ビューを指定します
source_entity = "source-entity"
source_project = "source-project"
saved_view = "saved-view-id"
source_url = f"https://wandb.ai/{source_entity}/{source_project}?nw={saved_view}"

# 送信先を指定します
target_entity = "target-entity"
target_project = "target-project"
target_view_name = "view-name"

# ソースの Workspace ビューを読み込みます
workspace = ws.Workspace.from_url(source_url)

# 送信先を設定します
workspace.entity = target_entity
workspace.project = target_project
workspace.name = target_view_name

# Workspace を新しいビューとして保存します。
workspace.save_as_new_view()
```