# リスト

*スキルレベル: 中級*

## 開始前に

* コンピューターでのコピーと貼り付けの方法を知っていること
* [データベース](/ja/database.md)の設定方法を知っていること
* この機能を使用するには有料のAdaloプランは必要ありません

## リストについて学ぶ

{% embed url="<https://youtu.be/Ziw0vYGIQ34>" %}

## ウォークスルー

{% tabs %}
{% tab title="シンプル" %}
**リストのソートとフィルタリング**

**1.)** アプリにリストをドラッグアンドドロップします

**2.)** リストに表示したいデータベースコレクションを選択します

**3.)** カスタムフィルタを挿入するには「別のフィルタを追加」をクリックします

**4.)** フィルタを依存させたいプロパティを選択します（この場合、Public）

**5.)** フィルタリングするプロパティの条件を選択します（True/False、Between、Includes、Excludesなど）

**6.)** ソート方法を選択してリストを並べ替えます（この例では、Cost- 低→高）

**カスタムリストの作成**

**1.)** リストをクリックし、「コンポーネント」を選択して「コンポーネントを追加」します

**2.)** 新しいコンポーネントをドラッグして配置します

**3.)** リストのすべての要素を動的に変更します（[マジックテキスト](/ja/component-basics/inserting-dynamic-text.md)を使用）

**リストのリスト**
{% endtab %}

{% tab title="ビデオ" %}
{% embed url="<https://youtu.be/Gypuib0lrHQ>" %}
{% endtab %}
{% endtabs %}

## 例

![](/files/mDEqZxqWMQCTg7Wwib4C)

リストコンポーネントは、データベース内の特定のコレクションのリストを表示します。アプリのデータベースにVacation Placesコレクションがある場合、リストを使用して画面にいくつかまたはすべてのVacation Placesを表示できます。

リストコンポーネントには、次の7種類があります:

* シンプルリスト
* カードリスト
* 画像リスト
* アバターリスト
* 水平カードリスト
* 水平チップリスト
* カスタムリスト

画面にリストコンポーネントを最初に追加すると、左パネルの最初のオプションは「何のリストですか？」と指定することです。ここで、コンポーネントが接続するデータベース内のコレクションを選択できます。その後、各リストをコレクションにバインドできます。

## ヘルプ

{% embed url="<https://youtu.be/Gypuib0lrHQ>" %}

## もっと学ぶ

[リストコース](https://appacademy.adalo.com/course/lists)でリストについて詳しく学ぶことができます。[The Adalo App Academy](https://appacademy.adalo.com/)から。


---

# Agent Instructions: 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:

```
GET https://help.adalo.com/ja/component-basics/connecting-lists-and-forms-to-a-database.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.