見出し画像

【bubble.io】あいまい検索機能の作り方

ねぎらーめんです。
会社でbubble.ioで在庫管理システム作った実績だけあります。
今後は家庭菜園のサポートアプリ作れたらと思っています。

今年の上旬に
会社の在庫管理システムであいまい機能を実装する必要が生じ
bubble.ioのあいまい検索機能の実装方法について調査しました。

ネットで調べたり、日本のDiscordコミュニティに質問し助けてもらいました。
その時コミュニティでどんなやり方があるかわからないから
この機会にいろいろ調べて、まとめて欲しいと言われちゃったので

頑張って
自分の試したやり方をまとめていきます。

主に4つ紹介します。


1. Any field contains

bubble既存のやり方です。
これが一番軽いあいまい検索だと思います。
WUの消費も一番緩やかでした。

でも、検索漏れが発生します。

在庫部品点数は3000点程なのですが
ヒットするものが100件あっても 98件ヒットみたいなことがある

これが、日本語だからというわけでもなく
数字、アルファベットだけの場合でも検索漏れが発生する事がありました。

やり方はコミュニティで教えてもらったものを参考にしました。
その時のスクショと参考画像を貼っておきますね。

コミュニティで頂いた回答
回答に添付されているスクショ


2. Advanced:

これはあまりおすすめできません。
最初私はこのやり方だったんですが、コミュニティで珍しいやり方なんて言われちゃいました。

おすすめできない理由としては
まず、動作が重いです。
検索開始したらカクッと止まってから検索結果が出ます。
そしてWUの消費がとんでもないです。
一日平均3000 くらいなのですが
この機能実装してからは15000くらいに増えました。
多いときは30000くらい行きましたヮ(゚д゚)ォ!

ただ、検索漏れはなかったと思います。

このやり方は下記の記事を参考にさせていただきました。

いろいろ悪く言いましたが1. Any field containsとは違う良さがあるとのことなので
下記記事を自身で読んでから判断が良いと思います。


3. Search box

公式備え付けのinputの一種です

あいまい検索ではないのですが
途中まで入力したら予測出してくれて便利なのでいれました。

ただ結果に反映できるのが一つだけで
データベースから入力途中のものの予測を出してくれて
ユーザーはそこからクリックで選択して
Repeating GroupなどでSearchbox Inputの値を参照して検索

みたいな感じです。

やり方はGoogleで調べたら公式のとか動画とかでてきてくれるので
自分にあったものを探してみてください

一応参考記事を乗せます


4. Plugin Fuzzy search & Auto complete

あいまい検索機能のプラグインです。
こいつがベストな気がしてます。

性能としては
ちょっと重かったです。
1. Any field containsが レベル1
2. Advanced:が レベル2だとしたら
レベル6くらいの位置です。
他の方は重さ感じないと言っていたので私のやり方の問題かもしれませんが。。。

WUの消費も上と同じくらいで
2. Advanced:と比べたらかなり少ないです。

おそらく平均3000の現在が
5000位になるかなと予想してます。

検索漏れもなさそうです。

無料プラグインの中ではベストだと思います。
有料プラグインは調査してないです。

やり方は デモ版参考にしてください。


以上4つのあいまい検索(一つ違う)の実装のやり方レポートでした。

最後まで読んでくださった方ありがとうございます。
スキもらえるとモチベに繋がります。

いいなと思ったら応援しよう!