Railsで絞り込み検索を実装する

Question

複数条件の検索機能

indexで表示されているデータに、複数の検索をかけて絞り込みたいです。現在は、ひとつの条件だけ検索できる状態です。

Active_Hashを利用しているデータもあり、それらはプルダウンでの検索を望んでいます。
以下は、現在の状態です。

DB設計

棋譜テーブル
・日付（data）
・相手（string）
・結果（integer）・・・Active_Hash
・戦型（integer）・・・Active_Hash
・棋譜（text）

コード

app/models/kifu.rb

class Kifu < ApplicationRecord
  extend ActiveHash::Associations::ActiveRecordExtensions
  belongs_to_active_hash :result
  belongs_to_active_hash :type

  with_options presence: true do
    validates :date
    validates :opponent
    validates :result_id, numericality: { other_than: 1 }
    validates :type_id, numericality: { other_than: 1 }
    validates :kifu
  end

  def self.search(search)
    if search != ""
      Kifu.where('opponent LIKE(?)', "%#{search[:keyword]}%").where(result_id: search[:result]).where(type_id: search[:type])
    else
      Kifu.all
    end
  end

end

db/migrate/20201020172101_create_kifus.rb

class CreateKifus < ActiveRecord::Migration[6.0]
  def change
    create_table :kifus do |t|
      t.date       :date,        null: false
      t.string     :opponent,    null: false
      t.integer    :result_id,   null: false
      t.integer    :type_id,     null: false
      t.text       :kifu,        null: false

      t.timestamps
    end
  end
end

app/models/result.rb

class Result < ActiveHash::Base
  self.data = [
    { id: 1, name: '--' },
    { id: 2, name: '○' },
    { id: 3, name: '●' },
    { id: 4, name: '千' },
    { id: 5, name: '持' }
  ]
end

app/models/type.rb

class Type < ActiveHash::Base
  self.data = [
    { id: 1,  name: '--' },
    { id: 2,  name: '矢倉' },
    { id: 3,  name: '横歩取り' },
    { id: 4,  name: '角換わり腰掛け銀' },
    { id: 5,  name: '角換わり早繰り銀' },
    { id: 6,  name: '角換わり棒銀' },
    { id: 7,  name: '角換わり右玉' },
    { id: 8,  name: '一手損角換わり' },
    { id: 9,  name: '相掛かり' },
    { id: 10,  name: '雁木' },
    { id: 11, name: '嬉野流' },
    { id: 12, name: '中飛車' },
    { id: 13, name: '四間飛車' },
    { id: 14, name: '三間飛車' },
    { id: 15, name: '向かい飛車' },
    { id: 16, name: '角交換振り飛車' },
    { id: 17, name: 'その他' }
  ]
end

config/routes.rb

Rails.application.routes.draw do
  root to: 'kifus#index'
  resources :kifus do
    collection do
      get 'search'
    end
  end
end

app/controllers/kifus_controller.rb

class KifusController < ApplicationController
  before_action :set_kifu, only: [:edit, :show, :destroy, :update]

  def index
    @kifus = Kifu.all.order('date DESC')
  end

  def new
    @kifu = Kifu.new
  end

  def create
    @kifu = Kifu.create(kifu_params)
    if @kifu.valid?
      @kifu.save
      redirect_to root_path
    else
      render 'new'
    end
  end

  def edit
  end

  def update
    if @kifu.update(kifu_params)
      redirect_to kifu_path(@kifu.id)
    else
      render 'edit'
    end
  end

  def show
  end

  def destroy
    if @kifu.destroy
      redirect_to root_path
    else
      redirect_to kifu_path(@kifu.id)
    end
  end

  def search
    @kifus = Kifu.search(params)
  end

  private

  def kifu_params
    params.require(:kifu).permit(:date, :opponent, :result_id, :type_id, :kifu)
  end

  def set_kifu
    @kifu = Kifu.find(params[:id])
  end

end

app/views/kifus/index.html.erb

<div class="index-wrapper">

  <div class="new-link">
    <%= link_to '棋譜投稿ページへ', new_kifu_path %>
  </div>

  <h2>＜棋譜検索＞</h2>
  <%= form_with(url: search_kifus_path, local: true, method: :get, class: "search-form") do |f| %>

    <div class="selection-field">
      <%= f.label :opponent, '相手：' %>
      <%= f.text_field :keyword, placeholder: "名前の一部でも", class: "search-input" %>
    </div>

    <div class="selection-field">
      <%= f.label :result_id, '結果：' %>
      <%= f.collection_select :result_id, Result.all, :id, :name, {} %>
    </div>

    <div class="selection-field">
      <%= f.label :type_id, '戦型：' %>
      <%= f.collection_select :type_id, Type.all, :id, :name, {} %>
    </div>

    <%= f.submit "????", class: "search-btn" %>

  <h2>＜棋譜一覧＞</h2>

  <div class="kifu-lists">
    <% @kifus.each do |kifu| %>
      <div class="one-kifu">

        <%# 日付 %>
        <span class="date">
          <%= kifu.date %>
        </span>

        <%# 相手 %>
        <span class="opponent">
          <%= kifu.opponent %>
        </span>

        <%# 結果 %>
        <span class="result">
          <%= kifu.result.name %>
        </span>

        <%# 戦型 %>
        <span class="type">
          <%= kifu.type.name %>
        </span>

        <%# 棋譜リンク %>
        <span class="kifu-page">
          <%= link_to '棋譜', kifu_path(kifu.id)  %>
        </span>

      </div>
    <% end %>
  </div>
</div>

app/assets/stylesheets/index.scss

.index-wrapper {
  margin: 20px;
}

.new-link {
  font-size: 20px;
}

h2 {
  margin-top: 20px;
}

.search-form {
  margin: 5px 0px;
}

.selection-field {
  margin-bottom: 5px;
}

.kifu-lists {
  width: 550px;
  margin-top: 5px;
}

.one-kifu {
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid black;
  font-size: 20px;
  position: relative;
}

.opponent {
  left: 150px;
  position: absolute;
}

.result {
  left: 250px;
  position: absolute;  
}

.type {
  left: 300px;
  position: absolute;  
}

.kifu-page {
  right: 10px;
  position: absolute;
}

app/views/kifus/search.html.erb

// indexと同じコード

調べた内容

・【Rails】複数の条件の検索機能を作る。日付範囲検索を行う
・【Rails】キーワード追加検索、絞り込み検索

検索をかけても、search.html.erbに飛んで棋譜がひとつも出てきません。原因をご教授いただきたいです。

バージョン情報

ruby 2.6.5p114
Rails 6.0.3.4

Comments

[no1knows]

> いずれも、現在のアプリの構造に合わないです。
どういうことでしょうか？

[m.ts10806]

全く同じでなくても応用はできるのでは。そのまんまのものを探しても見つかりませんよ。作りたいものはあなたが作りたいわけですし。

Answer 1

やりたいことはこれかなぁ

参考：同じくQiitaから。【rails】チェックボックスを使った検索フォーム

• 検索フォームにType（戦型）のチェックボックス作る
• 選択したTypeによるOR検索を実装する

---

なんとなくやりたいこと分かってきたので追記です。2020/10/29 19:05
上のことは忘れてください。

やりたいこと

複数の条件で絞り込み検索を行いたい。

index画面-入力項目
　相手：text_field （現状できてるのはこれだけ）
　結果：プルダウンで選択する
　戦型：プルダウンで選択する
　[検索]

というような画面で検索したい。。。という前提が正しいとして。

プルダウンメニュー/セレクトボックスの作り方

qiita

チェックボックスは作れたということなので参考をもとに作成してください。

結果プルダウン：result
戦型プルダウン：type
とそれぞれ名前つけたとして、

app/controllers/kifus_controller.rb

  def search
-    @kifus = Kifu.search(params[:keyword])
+    @kifus = Kifu.search(params)
  end

app/models/kifu.rb

  def self.search(search)
    if search != ""
-      Kifu.where('opponent LIKE(?)', "%#{search}%")
+      Kifu.where('opponent LIKE(?)', "%#{search[:keyword]}%").where(result_id: search[:result]).where(type_id: search[:type])
    else
      Kifu.all
    end
  end

といった感じでどうでしょう？

質問の主題について

現在のコードと参考のコードがどう結びつくかが分からなかったです。

複数の条件で検索したい場合は、 where メソッドを連結します。

勘違いして迷走して申し訳なかったです。
これも間違ってたら目も当てられない。

Comments

[Zengo_Master]

ありがとうございます。
hamlではなくerbの参考はありませんか？

[bracket_i]

参考URLはerbの記述かと

[bracket_i]

すみません、勘違い。

https://teratail.com/questions/96366#reply-150030

[Zengo_Master]

チェックボックスは作れるようですが、絞り込み検索としてはどう使いますか？

[bracket_i]

app/models/kifu.rb

Kifu.where(' LIKE(?)', "%#{search}%")
を
Kifu.where(opponent: search)

--------

質問への追記依頼にあるこちらもお答えいただけますか？
no1knowsさんの
> > いずれも、現在のアプリの構造に合わないです。
> どういうことでしょうか？

「現在のアプリに合うような」
が何を意味しているのか分からないので正直想像で回答してます。
どのような機能にしたいのか教えて下さい。

[Zengo_Master]

ありがとうございます。

> > いずれも、現在のアプリの構造に合わないです。
> どういうことでしょうか？

現在のコードと参考のコードがどう結びつくかが分からなかったです。

[bracket_i]

回答を修正しました。
おそらく間違ってるであろう過去の回答についてはそのままにしてます。

[Zengo_Master]

ありがとうございます。
ご回答いただいた内容でコードを修正し、質問を編集しました。

しかし、検索しても該当ゼロでひとつも棋譜が出てきません。