# リスト

*スキルレベル: 中級*

## 開始前に

* コンピューターでのコピーと貼り付けの方法を知っていること
* [データベース](https://help.adalo.com/ja/database)の設定方法を知っていること
* この機能を使用するには有料の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.)** リストのすべての要素を動的に変更します（[マジックテキスト](https://help.adalo.com/ja/component-basics/inserting-dynamic-text)を使用）

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

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

## 例

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-74a60f773dd298dee73e581a016f29e3c807eb3b%2FGif%201%20Magic%20Text.gif?alt=media)

リストコンポーネントは、データベース内の特定のコレクションのリストを表示します。アプリのデータベースに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/)から。