【Rails】フリーワード検索で２語以上を入力した場合にも結果を取得したい

Question

フリーワード検索を実装したのですが、現在1語で検索した場合はしっかりと検索結果をとってきてくれるのですが、２語以上をスペース空けて検索した場合は結果を取得できません。

検索部分のコードは下記の通りです。

  def index
    @word = params[:q]
    @topics = Topic.where('text like ?', "%#{params[:q]}%").order("id DESC").page(params[:page]).per(25)
    prepare_meta_tags(title: "#{@word}の検索結果")
  end

また、なぜか結果のクエリが下記のように「button=」がはいってしまいます。

https://cremu.jp/search?q=◯◯%&button=

view

      <%= form_tag search_index_path, :method => 'get', class: "header_form_wrap", enforce_utf8: false do %>
            <%= text_field_tag :q, params[:q], :placeholder => "気になるワードを入力" ,class: "header_form" %>
            <%= button_tag :type => "submit", :class =>"header_form_submit" do %>
              <%= fa_icon("search") %>
          <% end %>
      <% end %>

お手数ですが、ご教示お願い致します。

Comments

[gouf]

View の記述に誤りはありませんか? 当該部分は公開可能ですか

[_ayumi]

ありがとうございます。viewのほう追加しました。どうかよろしくお願い致します。

[gouf]

仮に書いたとしてもおかしなコードになると思うので( https://gist.github.com/anonymous/d534c7936a64759e9936e95100b54d41 ) Ransack を導入されるのがよいかもしれません : [activerecord-hackery/ransack: Object-based searching.]( https://github.com/activerecord-hackery/ransack )

[gouf]

params の中身はどうなっていますか?

[scivola]

スペース区切りの場合，どういう結果を期待しますか。`foo bar` で検索したとき，`foo bar` を含むものを検索したいのか，`foo` と `bar` をいずれも含むものを検索したいのか。

[_ayumi]

> goufさん　paramsの中身には入力した検索ワードがそのまま入ります！

[_ayumi]

> scivolaさん　foo barのどちらも含むものを検索したいです！

Answer 1

概略こんな感じでしょうか。

words = params[:q].to_s.gsub(/(?:[[:space:]%_])+/, " ").split(" ")
query = (["text LIKE ?"] * words.size).join(" AND ")
@topics = Topic.where(query, *words.map{|w| "%#{w}%"})

１ 行めで ["foo", "bar"] 的な配列を作ります。

params[:q] についてる .to_s は nil の可能性を考慮して。

区切りに % と _ を含めてあるのは，LIKE 検索でワイルドカードとみなされるものを排除するため。（エスケープ面倒）

実際にはもっとたくさんの記号をキーワードから除いたほうがいいと思いますが，そのへんは目的に応じて。

ともかく，これによって，params[:q] が

"  foo bar 20%  "

であった場合に，words は

["foo", "bar", "20"]

になる。

このとき，query は

"text LIKE ? AND text LIKE ? AND text LIKE ?"

になる。

あとは簡単ですね。

Comments

[_ayumi]

ありがとうございます。

教えていただきましたとおりに記述しました。すると２語での検索ができるようになりました！

が、以下について質問があります。
・view側で「◯◯の検索結果」とだしたいときに配列のままでてしまう（["foo", "bar"]の検索結果）
・検索結果のURLに&button=が入ってしまうのが解決されない。（こういうものなのでしょうか？）

初心者で大変恐縮ですが、もしよろしければ教えていただけますと幸いです。

Answer 2

URL に button= が入る件について。

私もよくわかってないのですが，submit_tag を使った場合に commit= が入るのと同じで，どちらの場合も value の値を伝えるものだと思います。
今の場合は value オプションを付けていないので button= の値が空なのですね。

なので，これは「そういうもの」なのではないかと思います。

ところで，一つ前の回答で追記しようとして忘れていましたが，このような検索の機能を設けるのに， gouf さんがお勧めになっている Ransack を私も勧めます。ややこしい検索を簡潔に書くことができ，保守性のよいコードになると思います。

Answer 3

結果表示ですが，@words にキーワードの配列が入っているとします。
例えば ["foo", "bar"] と。

私がよくやるのは，

<div class="search-condition">
  <span class="kw">foo</span> <span class="kw">bar</span> で AND 検索した結果，3 件ヒットしました。
</div>

みたいなのを表示します。

CSS は

.search-condition > .kw {
  border: 1px solid #EE0;
  padding: 1px 0.25em;
  background: #FF0;
  margin: 0 0.25em;
}

みたいな感じで，

ヘルパーで

def keywords_html(keywords)
  keywords.map{ |w| tag.span w, class: "kw"}.join(" ")
end

みたいのを作っておくとやりやすいかも。（Rails 5.1 前提）