> For the complete documentation index, see [llms.txt](https://help.adalo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.adalo.com/ja/feature-templates/image-gallery-modal/overview-screens-database-layout-settings-use-cases.md).

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

画像ギャラリーモーダル機能テンプレートは、不動産リスト、ポートフォリオ、製品カタログ、イベント写真など、多くの画像を持つアプリに特に適しています。2列のギャラリーをクリックするだけで、モーダル内で画像を拡大表示して、没入型の閲覧体験を提供します。視覚的に魅力的かつユーザーフレンドリーにビジュアルを提示したい場合は、このテンプレートが最適なソリューションです。

## 画面概要:

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

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

### ユーザー画面

🏡 **写真画面**

特定のアイテムの異なる画像をショーケースするために画像のギャラリーリストが画面に表示されます。

🎠 **モーダル画像ギャラリー**

画像をクリックすると、このモーダルが顧客によるより詳細な検査のためにより大きな画像を表示します。

## データベース概要

画像ギャラリーフィーチャーテンプレートには、サンプルデータが含まれたデータベースが付属しています。各Adaloデータベースにはコレクションが含まれ、各コレクションには関連するプロパティが付属しています。コレクション間の必要な関係も設定されています。

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

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

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

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

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

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

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

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

#### 🖼️ 画像

画像コレクションには、カルーセルで表示される画像に関するすべての情報が含まれています。

* Name \[テキスト] — 画像の名前。
* Image \[画像] — 画像。

## レイアウト設定

画像ギャラリーフィーチャーテンプレートの各画面は、レスポンシブデザインを使用して作成されています。画面はどんなデバイスやタブレットでも見栄えが良いです。

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

### レイアウトの概要

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

<figure><img src="/files/2X5wCFBj9xIhYOWQYkew" alt="" width="311"><figcaption></figcaption></figure>

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

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

<figure><img src="/files/TSkjCvv3JEJBo4HgCJep" alt="" width="476"><figcaption></figcaption></figure>

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

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

<figure><img src="/files/0fkpndVuEv0rWuupgZFN" alt="" width="540"><figcaption></figcaption></figure>

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

<figure><img src="/files/QGX74mlUmjqR6a9rV66B" alt="" width="347"><figcaption></figcaption></figure>

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

## 使用例

* 物件管理者は賃貸物件の最高の資産を紹介できます。
* ブティックオーナーは最新のファッションのさまざまなアングルを紹介できます。
* パーソナルトレーナーはさまざまな画像を通じてエクササイズの方法を紹介できます。
* その他多くの用途があります！


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.adalo.com/ja/feature-templates/image-gallery-modal/overview-screens-database-layout-settings-use-cases.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
