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

# リモートデバッグ

> BRICKS Controller 経由でアプリケーションのプロパティをリモートで検査する

リモートデバッグを使用すると、デバイスへのローカルネットワークアクセスなしに [BRICKS Controller](/ja/controller) からリアルタイムでアプリケーションのプロパティを検査できます。フィールドに展開されたデバイス、クライアントサイト、または物理的にアクセスできない場所のデバイスに役立ちます。

## リモートデバッグセッションを開始する

<Steps>
  <Step title="BRICKS Controller でデバイスを開く">
    [BRICKS Controller](/ja/controller/devices) にアクセスし、デバッグしたいデバイスをクリックします。
  </Step>

  <Step title="リモートデバッグを開始する">
    デバイス詳細ページの**リモートデバッグ**をクリックします。コントローラーがデバイスに接続し、利用可能なプロパティの一覧を取得します。
  </Step>

  <Step title="監視するプロパティを選択する">
    検査したいプロパティを選択します。データ量を削減するため、選択したプロパティのみがストリーミングされます。
  </Step>
</Steps>

<Info>
  リモートデバッグが機能するには、デバイスがオンラインで BRICKS サーバーに接続されている必要があります。この機能はすべてのワークスペースプランで利用できない場合があります。
</Info>

## 検査できる内容

リモートデバッグセッションは実行中のアプリケーションのプロパティ値をリアルタイムで表示します：

* **データノード値** — データノードの現在の状態
* **Generator プロパティ** — 設定とアウトレット値
* **Brick プロパティ** — UI コンポーネントの設定とバインディング

### フィルタリング

フィルターオプションを使ってプロパティ一覧を絞り込みます：

* **名前で検索** — キーワードでプロパティをフィルタリングする
* **自動生成を非表示** — ユーザー定義のプロパティのみ表示する
* **コマンドを非表示** — コマンドタイプのノードをフィルタリングする

プロパティ値をクリップボードにコピーしてさらに分析することができます。

## リモートデバッグとローカルデバッグの比較

| 機能          | ローカルデバッグ                           | リモートデバッグ                         |
| ----------- | ---------------------------------- | -------------------------------- |
| **ネットワーク**  | 同じローカルネットワークが必要                    | インターネット経由で動作                     |
| **検査できる内容** | 完全な DOM、JavaScript、ネットワーク、パフォーマンス  | アプリケーションのプロパティ値                  |
| **セットアップ**  | デバイスで DevTools を有効にして Chrome 経由で接続 | BRICKS Controller でリモートデバッグをクリック |
| **最適な用途**   | 開発と詳細なデバッグ                         | フィールド展開デバイスの監視                   |

完全な DOM 検査、JavaScript デバッグ、パフォーマンスプロファイリングには、同じネットワーク上で[ローカルデバッグ](/ja/foundation/local-debugging)を使用してください。ローカルでアクセスできないデバイスのプロパティ値を確認したい場合はリモートデバッグを使用します。

## 次のステップ

<CardGroup cols={2}>
  <Card title="ローカルデバッグ" icon="laptop-code" href="/ja/foundation/local-debugging">
    Chrome DevTools に直接接続して完全なデバッグ機能を使用します。
  </Card>

  <Card title="アクティビティログ監視" icon="chart-line" href="/ja/foundation/activity-log">
    デバイスイベントとアプリケーションの動作を時系列で監視します。
  </Card>
</CardGroup>