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

ブラウズホームリスティング機能のテンプレートは、物件管理者や賃貸仲介業者にとって最適なベースです。利用可能な住宅を閲覧し、家の詳細や画像ギャラリーを見ることができます。このテンプレートを使用すると、すぐに利用可能な賃貸物件を表示し、入居者をさらに早く見つけることができます！

## 画面概要:

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

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

### ユーザー画面

🏡 **リスティング画面**

特定のエリアにあるすべての利用可能な住宅を表示する、場所固有の地図を備えた画面です。

🔍 **リスティング詳細画面**

この画面では、住所、ベッドルーム＆バスルームの数、平方フィート、月額家賃など、特定のリスティングに関連するすべての情報が表示されます。

🖼️ **モーダル画像ギャラリー画面**

当社の画像ギャラリーモーダルでリスティングのすべての画像を表示します。

## データベース概要

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

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

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

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

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

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

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

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

* Email \[テキスト] — ユーザーのメールアドレス。
* Password \[暗号化] — アプリにログインするためのユーザーのパスワード。これは管理者を含め、誰にも表示されません。
* Username \[テキスト] — ユーザーのユーザー名。
* Full Name \[テキスト] — ユーザーの名字と名前。
* Selected Image \[数値] — 大きな画像を表示する際に選択された写真に関連付けられた番号。
* Profile Photo \[画像] — ユーザーのプロフィール写真。

#### 🏙️ リスティング写真

リスティング写真コレクションには、各リスティングに表示できるすべての写真が含まれています。

* Name \[テキスト] — 写真の名前。
* Image \[画像] — 各リスティングの表示に使用される画像
* Listing \[多対一の関係] — この関連フィールドは、各写真が属するリスティングを示します。各写真は1つのリスティングにのみ属することができますが、各リスティングには複数の写真が含まれることができます。

#### 🏠 リスティング

リストのコレクションには、賃貸物件や売買物件に関連するすべての情報が含まれています。

* Description \[Text] — 物件の長い説明。
* Address \[Location] — 物件の住所。 \*Google Maps APIキーが必要です。
* Primary Image \[Image] — 物件に関連する主要な画像。
* Square Feet \[Number] — 家の平方フィート数。
* Bathrooms \[Number] — 家のバスルームの数。
* Bedrooms \[Number] — 家のベッドルームの数。
* Rent \[Number] — 月額賃料。
* Listing Photos \[One-to-Many Relationship] — この関連フィールドは、リスティングに関連付けられたリスティング写真を表示します。各リスティングには複数の写真がある場合がありますが、各写真は1つのリスティングにのみ属することができます。

## レイアウト設定

「Browse Home Listings Feature Template」の各画面は、レスポンシブデザインを使用して作成されています。画面はどのデバイスやタブレットでも見栄えが良くなります。

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

### レイアウトの概要

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

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

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

## 使用例

* 物件管理者は利用可能な賃貸リスティングをすべて紹介できます。
* 不動産エージェントは、個々のリスティングや仲介リスティングをすべて紹介できます。
* アパート管理者は、複合施設内で利用可能なさまざまなユニットを紹介できます。
* その他多くの用途があります！
