# インスペクター

メニューバーで<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-44e7f360b58a083ec540cc81b55f8dc466d76935%2F%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%9A%E3%82%AF%E3%82%BF%E3%83%BC%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、コンポーネントのメニューが表示されます。

<figure><img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-be1eef6d8842373fb05f46b40121bf97ba4b9a2a%2F%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%9A%E3%82%AF%E3%82%BF%E3%83%BC%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC.png?alt=media" alt=""><figcaption></figcaption></figure>

インスペクターが表示される領域です。

構築した管理画面システムの内部状態の確認や、編集などを行うことができます。

ここで表示されるオブジェクトは、 `{{オブジェクト名.プロパティ名}}` の形式 で参照することができます。

## **キーワードフィルター**

入力したキーワードで、オブジェクトを絞り込みできます。

（例）`input` を入力すると、`input1` 、`input2` ... などの該当するオブジェクトが表示されます。

## **グローバルオブジェクト** Global Object エリア

画面上のGlobal Objectの一覧です。

オブジェクト名をクリックすると、その値の確認ができます。

### currentPage

現在ページのパスやパラメータなどを確認することができます。

### currentUser

現在のユーザ名、テナント、所属グループなどを確認することができます。

### global

複数のコンポーネントやデータで共通に利用するためのデータやユーティリティ関数を保持させるためのオブジェクトです。

[データソース](https://docs.dashcomb.com/dashcomb-help-center/ide/others/dtassu) メニューのコンスタンツで設定したものが表示されます。

## **コンポーネントオブジェクト** Component Object エリア

画面上のComponent Objectの一覧です。

オブジェクト名をクリックすると、その値の確認ができます。

画面上でObjectの値を変更すると、リアルタイムでこのエリアに反映されます。

## **データオブジェクト** Data Object エリア

画面上のData Objectの一覧です。

[連携機能パネル](https://docs.dashcomb.com/dashcomb-help-center/ide/query-region) のDBクエリやAPIで取得したデータが表示されます。

オブジェクト名をクリックすると、その値の確認ができます。

画面上やバックエンドでObjectの値を変更すると、リアルタイムでこのエリアに反映されます。

<figure><img src="https://github.com/dashcomb/gitbook-doc/blob/master/ide/.gitbook/assets/inspector.jpg" alt=""><figcaption></figcaption></figure>