# IDE画面と利用者画面

DashcombのシステムはIDE画面と利用者画面の二つに構成されています。

## IDE画面

IDE画面は開発者が作成したり、テストしたりする場所です。さまざまなツールとUIコンポーネントを提供しています。

主な画面構成は以下になります。

<figure><img src="/files/ULNnDBLxPxtp2RqryjRG" alt=""><figcaption></figcaption></figure>

### サイドバー

<figure><img src="/files/zoiW3zlR0sX3ZxyA6WQl" alt=""><figcaption></figcaption></figure>

グローバル的なナビゲーション領域です。主要な機能をここからアクセスします。

### コンテキストメニュー

<figure><img src="/files/NP8jQvTeqYuKwa1PF25l" alt=""><figcaption></figcaption></figure>

サイドバーの右には、選択しているメニューに合わせて内容が変化するコンテキストメニューが表示されます。IDE画面では、サイドバー選択したメニューに合わせて、ユーザーメニュー、UIコンポーネント、インスペクタの3つの項目が切り替わって表示されます。

### 画面UIエディタ

<figure><img src="/files/590I3dusXxsehzUkZGWs" alt=""><figcaption></figcaption></figure>

作成する管理画面を作成する領域です。UIコンポーネントをドラッグアンドドロップして、画面のレイアウトを作成します。

### 連携機能パネル

<figure><img src="/files/3mnbOTDABFogkRE95pCW" alt=""><figcaption></figcaption></figure>

外部のデータに対する操作を設定する領域です。データベースに対するSQLクエリや、APIエンドポイントへのリクエストを作成することができます。

### プロパティパネル

<figure><img src="/files/GiR5NfR4X8F0jIT7zpQn" alt=""><figcaption></figcaption></figure>

選択中のView, Section, またはComponentのプロパティの表示・編集を行う領域です。データの入出力のルールや、ユーザーの操作に対するアクション（イベントハンドラ）を設定できます。

選択している内容によって、設定できる項目が異なります。

## 利用者画面

利用者画面は、構築した管理画面をリリースした後に利用者が実際に触れる画面です。

主な画面構成は以下になります。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.dashcomb.com/dashcomb-help-center/ide-and-dashboard-ui.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.