# 検索機能について

**URL:** <https://www.nocode-faq.com/t/topic/3902>\
**Category:** bubble\
**Created:** [2023 年 8 月 22 日午前 9:57 UTC](https://www.nocode-faq.com/t/topic/3902 "2023-08-22T09:57:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2023 年 8 月 22 日午前 9:57 UTC](https://www.nocode-faq.com/t/topic/3902/1 "2023-08-22T09:57:16Z")

</div>

bubbleで下記画像の検索機能の実装ができますでしょうか？

 ![スクリーンショット 2023-08-22 184304](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/7a5f3821115432debadeb7b88ec17af7af3f4a4c.jpeg)

①Inputで検索したい文字を入れると、該当するテキストに黄色のマーカーがひかれ、検索に最初にひっかかったテキストは緑のマーカーがひかれるのとそのテキストのところまで自動でスクロールされる。

②アイコンを設置してそのアイコンを押すと次にひっかかったテキストのところまで自動でスクロールされ、そのテキストは緑のマーカーがひかれ、最初に検索がひっかかったテキストは黄色のマーカーになる。

※それと上記画像の右上に「9/14」とあるように検索にひっかかってるうちの何番目が緑のマーカーで強調表示されてるのと、何個の文字が検索にひっかかったのかの数字を表示させることはできるのでしょうか？

---

<div class="post-metadata">

**Author:** ![NoCodeCamp](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodecamp/32/6947_2.png) [@NoCodeCamp](https://www.nocode-faq.com/u/NoCodeCamp)\
**Post date:** [2023 年 8 月 23 日午後 1:05 UTC](https://www.nocode-faq.com/t/topic/3902/2 "2023-08-23T13:05:16Z")

</div>

質問の場合は、テンプレートを使うと回答を得られる確率が上がりますので、ぜひご利用ください。

【質問投稿用テンプレート】

1.前提条件  
2.発生している問題  
3.エラーメッセージ  
4.実装したい機能  
5.スクリーンショット  
（できれば、全体が分かるようにスクリーンショットを載せてもらえれば助かります。）

6.試したこと  
（ここに問題に対して試したことを記載してください。）

7.補足情報  
（調べたURL/参考になりそうな事例）

参考トピックス

> [@はじめての質問投稿ルール(ノーコード何でも質問回答 相談室）](https://www.nocode-faq.com/t/topic/1200):
>
> スキルに関係なく自由に投稿下さい \*\*質問者の方は、\*\*あとの方が読みやすいように、回答者が推測しやすいようにするためわかりやすいタイトルや画像などを多めに張り付けるようにしてください。また、質問に回答してもらった場合には、一言でも”お礼”を言っていただければ、回答者の励みになります。 質問の範囲 ノーコードツールに質問のある範囲でお願いします。Javascript,Flutter などのコ…

---

<div class="post-metadata">

**Author:** ![Turtle01](https://avatars.discourse-cdn.com/v4/letter/t/96bed5/32.png) [@Turtle01](https://www.nocode-faq.com/u/Turtle01)\
**Post date:** [2023 年 8 月 26 日午前 5:05 UTC](https://www.nocode-faq.com/t/topic/3902/3 "2023-08-26T05:05:24Z")

</div>

こんにちは～

ハイライトや色をつける挙動というのは、

> **[\[PLUGIN\] - TinyQ - (Text highlighting/comments)](https://forum.bubble.io/t/plugin-tinyq-text-highlighting-comments/191998)**
>
> Hi all, A small but very useful plugin here, TinyQ (aka tiny quoter). It allows for a customizable popup to appear above any text that is selected on a page which you can then use to Tweet, create a Facebook post or do anything else with. The...

このようなプラグインを使えばできるかもしれないですが、  
検索したものを抽出し、該当文字に色をつけるというのは難しそうな気がします。。

色々試してみてダメそうなら要件を代替する必要があるかもしれませんね、、

---

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2023 年 8 月 31 日午前 4:13 UTC](https://www.nocode-faq.com/t/topic/3902/4 "2023-08-31T04:13:03Z")

</div>

ご返信ありがとうございます。

該当の文字に色をつけるの機能は無くして検索機能を実装しようと思います。

いろいろと調べていただきありがとうございました。
