vue.jsでの検索機能

Question

現在フロントにVue.jsバックエンドにRailsの構成でアプリケーションを作っています。
検索機能を実装する際に、フロント側で絞り込むorリクエストを送ってレスポンスをもらうのどちらが良いのでしょうか？

作成しているのはサッカーに関するアプリケーションになります。
内容としてポジションとチームで絞り込み、選手一人一人の評価点によって並び替えをできるようにしたいと思っています。

現状リクエストを送る形で進めていたのですが、フロント側で絞り込みができそうなので修正した方が良いのか迷っています。

リクエストを少なくするという点ではフロント側で絞り込み等をした方が良いと思いました。

qiitaなどを調べてみてもどちらのパターンもあったため質問させていただきました。
よろしくお願いいたします。

Answer 1

リクエストを少なくするという点ではフロント側で絞り込み等をした方が良いと思いました。

全体の件数がどれだけかによります。全データが数十件など少量であれば、ブラウザ内で絞り込んでも負荷にはなりませんが、1万件など大量にあるデータであればまずブラウザに送信する時点で相応の負荷となります。

（今回の場合は関係しないかもしれませんが、特定のユーザーに見せられないデータが存在する場合、その絞り込みはサーバサイドで行う必要があります）

Comments

[kos_chan]

ご回答ありがとうございます。
ページネーションを使用して常に20件のデータを表示させたいと思っています。
この場合にはフロント側での絞り込みで大丈なのでしょうか？

[maisumakun]

> この場合にはフロント側での絞り込みで大丈なのでしょうか？

「その20件からさらに絞り込む」ということでしょうか？

[kos_chan]

自己解決しました！
ありがとうございました！