# カテゴリーで複数選択した検索設定をしたい **URL:** \ **Category:** bubble\ **Created:** [2024 年 1 月 16 日午前 8:11 UTC](https://www.nocode-faq.com/t/topic/4105 "2024-01-16T08:11:38Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![t.ishii1990](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@t.ishii1990](https://www.nocode-faq.com/u/t.ishii1990)\ **Post date:** [2024 年 1 月 16 日午前 8:11 UTC](https://www.nocode-faq.com/t/topic/4105/1 "2024-01-16T08:11:38Z")
### 1.前提条件 ・添付画像のような検索ボックスで複数該当する検索をできるようにしたい 例）カテゴリ検索：「web制作」「システム開発」 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3b9f08bf668637384b026ac0b0571caec0abbee0.png) ### 2.発生している問題 ・複数該当する検索をした場合に、検索条件で選択した項目を用いて検索（絞り込み）をすることができない ・単一の項目（例：「web制作」のみ）で選択している場合は検索ができる ### 4.実装したい機能 添付画像の「カテゴリーから検索」で複数選択した検索ができるようになりたい ### 5.スクリーンショット ### 6.試したこと ・カスタムステートの機能を用いて、おそらくURLにデータを渡すことはできているはず ※添付のURLより ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/b5fffe5b75e986b48d0784ce57c425dc505b146b.png) ・参考情報まで一応、workflowの設定画面です ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/371de49a7b618755e2f559606a6378c8753abb0c.png) ・そもそも、URLからの値を受け取る設定ができていないようです・・・ textボックスで表示ができていないことを確認しています ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/5abfbab78c367c495136b7ccd5b31ffaabb9df3e.png) ### 7.補足情報 （調べたURL/参考になりそうな事例） チェックの付け方などはこちらを参考にしています。 ※いつもお世話になっております！ [https://makunblog.com/bubble/1927/](https://makunblog.com/bubble/1927/) どうぞ、よろしくお願いします。 ---
**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\ **Post date:** [2024 年 1 月 18 日午前 12:31 UTC](https://www.nocode-faq.com/t/topic/4105/2 "2024-01-18T00:31:48Z")
ブログ閲覧ありがとうございます。 @t.ishii1990 さんの検証された通り、BubbleではConstraintから複数検索をすることはできません。 ですが、constraintの対象を単数にしてあげれば検索可能です。 カテゴリーが5つであれば5つのconstraintを作成し、containsの先を一つずつ指定してあげます。 Ignore empty constraintsにチェックを入れることで、空白の場合も検索できるようになります。 ![スクリーンショット 2024-01-18 9.18.31](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c03c7ba7d0f09b8a52968ffa103664d23cb813f8.png) ただ、検索対象が増えてきたり、データ量が多くなるとフロント側の処理だけでは重くなったり、保守管理が大変になるので、このような複数検索はBackend workflowを使ってループ処置した方が良いです。 また、URLからの値受け取りについては、Listデータを取得してきてるが、出力先では単数になっているので、表示されないのではないかと思いました。 以下の画像のようにURLに複数のテキストが送れていれば、表示できるはずです。 ![スクリーンショット 2024-01-18 9.30.34](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/b4bb791d5695d898f7f0817ea2f15fb980293d3d.png) ---
**Author:** ![t.ishii1990](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@t.ishii1990](https://www.nocode-faq.com/u/t.ishii1990)\ **Post date:** [2024 年 1 月 19 日午後 3:12 UTC](https://www.nocode-faq.com/t/topic/4105/3 "2024-01-19T15:12:47Z")
ご回答いただき、ありがとうございます。 理解できた気がしますが、念のため認識合わせ（と追加で質問）をさせてください。 ＞URLからの値受け取りについては、Listデータを取得してきてるが、出力先では単数になっているので、表示されないのではないかと思いました。 こちらですが、get data from URLの設定において添付画像のようにTypeをtextで設定することで表示することができるようになりました！ ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c30757854dec9f58ef3fc1c7e001327823430165.png) 元々はTypeはOption Setで設定していたのですが、その場合は単数になってしまうので表示されなくなってしまう（つまり、複数表示させたいならoption setを適用できない）ということですね。 ですので、 ＞BubbleではConstraintから複数検索をすることはできません。 ＞カテゴリーが5つであれば5つのconstraintを作成し、containsの先を一つずつ指定してあげます。 と記載頂いているような対応が必要になるのですね。 ちなみに、 ＞このような複数検索はBackend workflowを使ってループ処置した方が良いです。 記載いただきましたが、具体的にはどのようなwork flowを設定すると対応可能でしょうか・・・？ 自分が知り得る限りのwork flowでは思いつかず、、、。 聞いてばかりで恐縮ですが、なにとぞよろしくお願いします。 ---
**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\ **Post date:** [2024 年 1 月 19 日午後 10:23 UTC](https://www.nocode-faq.com/t/topic/4105/4 "2024-01-19T22:23:13Z")
> こちらですが、get data from URLの設定において添付画像のようにTypeをtextで設定することで表示することができるようになりました！ よかったです。おめでとうございます！ > 記載いただきましたが、具体的にはどのようなwork flowを設定すると対応可能でしょうか・・・？ > 自分が知り得る限りのwork flowでは思いつかず、、、。 具体的にはSchedule API Workflow on a listというものを使います。 リストには選択したカテゴリーを設定し、選択したカテゴリー分検索し、結合します。 ![スクリーンショット 2024-01-20 7.21.05](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/7b8f01aa6534d9d056078c451eadeca5b53a9042.png) Backend workflowはこちらの動画で使い方を説明しているので、参考にしてみてください。 > **[backendworkflowの基礎と超裏技活用でBubbleを次のレベルで操ろう！](https://www.nocode-study.com/programs/backendworkflow_bubble_kei?category_id=99570)** > > BubbleのBackEndWorkFlowにリマインドメール以外の使い方があるのはご存知でしょうか。この動画ではBackEndWorkFlowの使い方を基礎編、裏技編に分けて解説しています。処理の高速化やループ処理に悩んでいる方の参考になれば幸いです。 ---
**Author:** ![t.ishii1990](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@t.ishii1990](https://www.nocode-faq.com/u/t.ishii1990)\ **Post date:** [2024 年 1 月 21 日午後 3:53 UTC](https://www.nocode-faq.com/t/topic/4105/5 "2024-01-21T15:53:53Z")
こちら、ご回答いただきましてありがとうございます。 共有いただいた動画についても拝見いたしました。 最後に、自分の理解についての確認の質問をさせてくださいmm 今回、backend workflowを設定する場合は、 ①：API woekflowの処理としては、検索対象にしたいカテゴリのconstraintひとつずつに対してcustum stateを設定する処理を作る ②：検索ボタンを押した時のworkflowとして、Schedule API Workflow on a listから①のAPIを処理するようにする といったイメージで合っておりますでしょうか？ どうぞ、よろしくお願いします。 ---
**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\ **Post date:** [2024 年 1 月 22 日午前 12:33 UTC](https://www.nocode-faq.com/t/topic/4105/6 "2024-01-22T00:33:09Z")
①の処理がちょっと違うかもしれません。 Backend workflowを使うのであれば、CustomStateはlist型で対応できます。 リストに含まれる回数分検索を繰り返し、結果を返してあげればOKです。 ![スクリーンショット 2024-01-22 9.32.43](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/058134ad81996260d409e376216befcb2d403fbe.png) ---
**Author:** ![t.ishii1990](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@t.ishii1990](https://www.nocode-faq.com/u/t.ishii1990)\ **Post date:** [2024 年 1 月 22 日午後 11:54 UTC](https://www.nocode-faq.com/t/topic/4105/7 "2024-01-22T23:54:42Z")
＞Backend workflowを使うのであれば、CustomStateはlist型で対応できます。 リストに含まれる回数分検索を繰り返し、結果を返してあげればOKです。 こちら、ご回答ありがとうございます！ Backend workfowにて各カテゴリごとにCustomStateが設定されているかをまとめて検索できるようになるのですね。 こちら、トライしてみます！ありがとうございます！