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

ブラウズユーザー機能テンプレートは、ユーザーがアプリを使用している他のユーザーを見ることができ、ある種の方法でやり取りしているコミュニティアプリに最適です — フォーラム、メッセージング、イベントなどを想像してみてください！

この機能テンプレートには、美しくデザインされたプロフィール画面とメンバーリストが付属しており、アプリに簡単にブラウジング機能を追加できます。

## 画面概要:

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

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

### ユーザー画面

🚻 **メンバーをブラウズする画面**

この画面には、アプリのすべてのメンバーが含まれており、ユーザーはスクロールして誰かを見つけることができます。

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

この画面には、他のユーザーが閲覧できる他のユーザーに関連するすべての情報が含まれています。

## データベース概要

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

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

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

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

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

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

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

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

* Email \[テキスト] — ユーザーのメールアドレス。
* Password \[暗号化] — ユーザーがアプリにログインするためのパスワード。これは管理者を含め、誰にも表示されません。
* Username \[テキスト] — ユーザーのユーザー名。
* Full Name \[テキスト] — ユーザーの名前と姓。
* Profile Photo \[画像] — ユーザーのプロフィール写真。
* User Bio \[テキスト] — ユーザーが書いたバイオ。
* Rating \[数値] — ユーザーのスキルレベルの評価。
* Games Played \[数値] — ユーザーがプレイしたゲームの数。

## レイアウト設定

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

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

### レイアウト概要

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

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

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

## 使用例:

* ピクルボールクラブは、ゲームやトーナメントを調整するためにすべてのメンバーを表示できます。
* 企業は、メンバーがつながり、製品を使用するのを支援するフォーラムを作成できます。
* 託児所は、親がよりよく知るために従業員を紹介できます。
* その他多くの用途があります！
