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

アカウント設定は、ログイン機能を含むすべてのアプリに通常表示されます。アカウント設定テンプレートを使用して、その作成を簡素化しましょう。美しくデザインされた画面で、アカウント設定プロセスを迅速に作成し、既存のユーザーコレクションに簡単に接続できます。

## 画面概要:

📚 **説明画面**

テンプレートの概要を素早く把握できるように、クイックチップ、ヘルプドキュメント、関連するテンプレートが表示されます。*この画面はいつでも削除できます。*

### ユーザー画面

*これらの画面は、アプリの顧客やクライアントが操作します*。

✅ **アカウント設定画面**

エンドユーザーのアカウントで利用可能な情報を更新または編集する画面。サインアウトオプションとアカウント削除ボタンが完備されています。

❌ **アカウント削除確認**

適切なアカウント削除を確認する確認画面。

## データベース概要

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

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

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

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

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

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

#### 👥 **ユーザー**

ユーザーコレクションは、すべてのAdaloアプリに自動的に付属しています。このコレクションには、アプリを使用するすべてのユーザーに関連する情報が格納されます。この情報は、ユーザーがアプリの利用を開始する際に最初に収集されます。

* Email \[テキスト] — ユーザーのメールアドレス。
* Password \[暗号化] — ユーザーのアカウントにログインするためのパスワード。これは管理者を含め、誰にも表示されません。
* Username \[テキスト] — ユーザーのユーザー名。
* Full Name \[テキスト] — ユーザーの名字と名前。
* Profile Photo \[画像] — ユーザーのプロフィール写真。

## レイアウト設定

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

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

### レイアウト概要

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

<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>

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

## 使用例

* ユーザーの情報が格納されているアプリケーションは、これらのいずれかが必要です！ログイン画面やサインアップ画面を使用する場合、この機能テンプレートを使用できます。
