# フィルター絞り込み検索機能の実装方法について教えてください

**URL:** <https://www.nocode-faq.com/t/topic/1657>\
**Category:** Adalo\
**Created:** [2021 年 5 月 29 日午前 8:51 UTC](https://www.nocode-faq.com/t/topic/1657 "2021-05-29T08:51:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirin](https://avatars.discourse-cdn.com/v4/letter/k/3e96dc/32.png) [@kirin](https://www.nocode-faq.com/u/kirin)\
**Post date:** [2021 年 5 月 29 日午前 8:51 UTC](https://www.nocode-faq.com/t/topic/1657/1 "2021-05-29T08:51:49Z")

</div>

YukariさんのDEKAKERUのフィルター検索機能はどのようにして実装しているのでしょうか？

DBの仕組みと絞り込み検索の挙動を教えていただきたいです。  
ちなみに実装する検索機能は、名前検索と金額検索です。金額検索は画像にある、募集人数検索や年齢検索のような見た目にしたいと考えています。  
よろしくお願いいたします。

 ![画像](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c5d3430860a6a6eddb44d71c0d19291577bad1d2.jpeg)

---

<div class="post-metadata">

**Author:** ![shuhayas](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/shuhayas/32/5306_2.png) [@shuhayas](https://www.nocode-faq.com/u/shuhayas)\
**Post date:** [2021 年 5 月 30 日午前 2:37 UTC](https://www.nocode-faq.com/t/topic/1657/2 "2021-05-30T02:37:44Z")

</div>

単純にフィルターで絞り込みたいデータをデータベースに持たせて、カスタムフィルターをANDで繋げていけば実装できますよ。インプットでやると複数ユーザーの使用を想定すると書き換わる可能性があるので、データベースにキャッシュとして一次的にログインユーザー情報と共に書き加えておいた方がいいですね

---

<div class="post-metadata">

**Author:** ![kirin](https://avatars.discourse-cdn.com/v4/letter/k/3e96dc/32.png) [@kirin](https://www.nocode-faq.com/u/kirin)\
**Post date:** [2021 年 5 月 30 日午前 6:36 UTC](https://www.nocode-faq.com/t/topic/1657/3 "2021-05-30T06:36:38Z")

</div>

ありがとうございます！  
教えていただいたものの、あまり理解できていないので画像などを添付していただけないでしょうか？  
どうぞよろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2021 年 5 月 30 日午後 4:50 UTC](https://www.nocode-faq.com/t/topic/1657/4 "2021-05-30T16:50:34Z")

</div>

CC:@shuhayas

ポイントは、選択するようのDBをわざわざ作る。というのがポイントです。  
例えば、Selext-AgeというDBを新しく1個つくります。

> **[Gyazo](https://gyazo.com/ed49cc96a60bd47d2a48e4b5bb487a56)**

コンポーネントはinput以外なら何でも良いですが、  
Selectmenuがおすすめです。（名前検索の場合は、Text使ってください）

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/9ceaf964090142fa087b70b927b418e0ad62b596.png)

そのあとに検索結果のScreenでCustomFilter で  
前のスクリーンで検索した  
（今回の場合は）  
性別  
年齢 をそれぞれ、Customfilter で選んで終了です。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/8eacf723ae751616360f71851573f2d1cde6cca0.png)

 ![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/2e130b6e9b206377fcd4abc22de66f3eeea223b9.png)

> **[Gyazo](https://gyazo.com/c10aface8215c2005f0e46d4e633e750)**

実装イメージは、こんな感じです。

> **[Gyazo](https://gyazo.com/7c3b73cd9666b4424dd27f42b8080f2e)**

---

<div class="post-metadata">

**Author:** ![kirin](https://avatars.discourse-cdn.com/v4/letter/k/3e96dc/32.png) [@kirin](https://www.nocode-faq.com/u/kirin)\
**Post date:** [2021 年 5 月 30 日午後 5:35 UTC](https://www.nocode-faq.com/t/topic/1657/5 "2021-05-30T17:35:20Z")

</div>

ありがとうございます！  
理解できました！！
