> For the complete documentation index, see [llms.txt](https://docs.dashcomb.com/dashcomb-help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dashcomb.com/dashcomb-help-center/ide-and-dashboard-ui.md).

# 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のプロパティの表示・編集を行う領域です。データの入出力のルールや、ユーザーの操作に対するアクション（イベントハンドラ）を設定できます。

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

## 利用者画面

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

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