# 概要 - スクリーン、データベース、レイアウト設定、ユースケース

ユーザーダッシュボード機能テンプレートは、どんなアプリにも適した管理機能です。アプリの健康状態を確認するためのユーザー詳細のダッシュボードを表示し、プロフィールページを通じてユーザーに権限を付与できます。どの業界でも、管理者向けの「ユーザー管理」機能がアプリに必要です。

## 画面概要:

📚 **インストラクション画面**

クイックなヒント、ヘルプドキュメント、関連するテンプレートを使ってテンプレートの概要を素早く把握します。*この画面はいつでも削除できます。*

### ユーザー画面

👩🏾‍💻 **管理ダッシュボード画面**

アプリを利用しているユーザーに関する詳細や統計を確認します。

👤 **プロフィール画面**

アプリのユーザーの管理権限を制御し、プロフィール情報を確認します。

## データベース概要

ユーザーアドミンダッシュボード機能テンプレートには、サンプルデータが含まれたデータベースが付属しています。各Adaloデータベースにはコレクションが含まれ、各コレクションには関連するプロパティが付属しています。コレクション間の必要な関係も設定されています。

{% hint style="info" %}
**データベースに関する重要な注意:**

機能テンプレートからコレクションやプロパティを**削除**すると、アプリの機能に影響する可能性があります。

機能テンプレートにコレクションやプロパティを**追加**しても、アプリの機能には影響しません。
{% endhint %}

以下に含まれるコレクションとそのプロパティの概要が示されています。コレクション名は太字で表示され、説明が含まれています。プロパティには、名前、プロパティタイプ（角かっこ内）、説明が含まれています。

### 基本的なコレクションとプロパティ

## レイアウト設定

ユーザーアドミンダッシュボード機能テンプレートの各画面は、レスポンシブデザインを使用して作成されています。画面はどんなデバイスやタブレットでも見栄えが良いです。

ほとんどの画面はカスタムレイアウトで設計されています。画面に新しいコンポーネントを追加すると、他の画面サイズに影響を与える場合があります。

### レイアウト概要

異なる画面サイズのレイアウトを表示または編集するには、画面タイトルをクリックしてドロップダウンを表示します。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-0a98b0144050234aedd2b5e3fb1441156412f400%2FLayoutOverview1.png?alt=media" alt="" width="311"><figcaption></figcaption></figure>

このテンプレートのデフォルトビューはデスクトップです。ビルダーで1つの画面のサイズを変更しても、キャンバス上の他の画面のサイズは変更されません。

#### 非表示コンポーネント

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-0c0c6290c48169cd05f8be4e76ce60f303a0cad0%2FLayoutoverview2.png?alt=media" alt="" width="476"><figcaption></figcaption></figure>

各ビューには、デスクトップでは表示されないがモバイルで表示されるコンポーネントがある場合があります。これらは左側パネルでグレーアウトされ、アイコンで示されます。

どのデバイスコンポーネントが表示されているかを確認する別の方法は、こちらのレイアウトタブです:

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-2bbea52ddce833a1d274220fbf1f4148195cd901%2FLayoutoverview3.png?alt=media" alt="" width="540"><figcaption></figcaption></figure>

#### カスタムレイアウト

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-5b867757643ee4aa22bb0c83ad9a711eabdb00f8%2FLayoutoverview4.png?alt=media" alt="" width="347"><figcaption></figcaption></figure>

一部のコンポーネントには、画面サイズに基づいたカスタムレイアウトが付属しています。これらの設定を表示するには、レイアウトタブを確認し、カスタムレイアウト設定までスクロールしてください。

## 使用例

* ユーザーを持つアプリケーション、特に管理側を持つアプリケーションは、これらのユーザーを管理する方法に価値を見出すでしょう。
