【開発メモ】Railsアプリに検索機能を実装する方法をわかりやすくまとめてみた。




Railsアプリに検索機能を実装する方法をメモしておこう

どうも、Linです。香辛料買いました。

 

Ruby on Railsのアプリで検索機能を実装したい時ってありますよね??

何を隠そう、ぼく自身も、どうしてもrailsアプリに検索機能を実装させてみたくなり、ググって検索機能のつけ方を探しまくりました。

 

その結果、

Rails4上でRailsチュートリアルの「簡単な検索フォーム」を実装する

という神のようなQiitaのページにたどり着くことができ、見事に自分のRailsアプリにも検索機能を実装することに成功したのです。

 

今日はその方法を忘れないうちにメモしておこうと思います。

ゼロベースでrailsアプリを作る段階から紹介します。

 

 

Step1. railsアプリを作る

まずは、rails newコマンドで新しいrailsアプリを作成しちゃいましょう。

今回は例として、「search」というアプリを作成してみます。

 

 Step2. Projectモデル作成

続いては、例としてProjectモデルを作成。

railsアプリ内のディレクトリに移動して、

 

Projectモデルを作成します。

カラムはstring属性のnameのみで十分です。

 

scaffoldで作成されたマイグレーションファイルからデータベースを作成するために、

を唱えましょう。

これで一番簡単なrailsアプリが世の中に誕生しました。

 

rails 検索 実装

 

Step3. モデルファイル編集

mode/project.rbのモデルファイルを下記のものに変更。

意味はよくわからないのできかないでください笑

>>元ソース参考

 

Step4. 検索フォーム設置

続いては、検索できるフォームをrailsアプリ内に設置して行きます。

 

ぼくは個人的に、全てのページのナビゲーションに検索フォームを設置したかったので、

layout/application.html.erb

を編集。

 

この<body>から</body>内を次のように変更。

すると、全てのrailsアプリ内のページに対して検索フォームが登場します。

rails 検索 実装

 

Step5. コントローラー変更

最後にコントローラーを変更します。

projects_controller.rbを開いて、

indexアクションを次のように変更してください。

 

これでファイル編集完了。

検索機能実装できましたね。

 

 

試しにrailsアプリで検索してみよう!

さて、railsアプリに検索機能は実装できているのでしょうか??

実際に検索してみましょう。それが一番手っ取り早いですね。

 

まず適当に、

  • 海の幸
  • 山の幸

というデータを登録してみます。

 

rails 検索 実装

 

試しに、「山」と検索フォームで打って見ると、

本当に山がつくやつだけに絞られた!

 

rails 検索 実装

すげえええじゃんw

ありがとうございました。Qiita。

 

それでは

Lin

Pocket
LINEで送る




音生入力で楽にブログを書く技が満載!
ブログ音声入力術

音声入力の使い方から文章を書くコツまで完全網羅。ブログを書きたいすべての人向けの電子書籍




コメントを残す

メールアドレスが公開されることはありません。