# 検索バーの作成方法

始めるには、すでにデータベースコレクションが設定されていると便利です。このチュートリアルでは、「Friends」という名前の1つのデータベースコレクションが必要です。コレクション内には、「名前」用のテキストフィールドとコレクション用の画像フィールドが必要です。コレクション内には、レコードを追加する必要があります。これらのレコードは、ユーザーがアプリ内で検索できる基準になります。私たちは名前と画像の6つのレコードを追加しましたが、追加する数に制限はありません。

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

1. Adaloキャンバスに戻り、左パネルを開いたら、「Add Screen」の下にある「search list」を検索します。そのスクリーンを\_\_\_\_\_にドラッグします。
2. アプリ画面のシンプルリストをクリックし、左パネルに移動します。最初のドロップダウンメニューで、データベースコレクションとして「Friends」という名前を選択して、リストとデータベースをバインドします。
3. スクロールしてフィルターをクリックし、「add another filter」を選択します。
4. 「Name」を選択し、「Contains」を選択し、「Form Inputs > Search Term」を選択します。これにより、データベースコレクション内のすべてが表示され、ユーザーが入力すると検索結果が表示されます。
5. 左パネルの一番下までスクロールし、Subtitleをクリックしたら、右側のスライダーをオフにします。
6. 次に、アプリのプレビューに移動して、テストしてみてください！

\
Adaloアプリに検索機能を追加しました！ 🎉\
クローン可能なアプリ！ 👀 → [リンク](https://previewer.adalo.com/763aa3a8-bf22-41ff-be15-2db992e04f1c)\\