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

Sponsored Link

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。

 

えっ。

記事を読んでも検索機能を実装できなかったですって!?

そういうプログラミングではまってしまったときはteratailがおすすめです。

エンジニア専門のQAサイトなので、わからないところを高レベルのエンジニアに質問できちゃいますからね。

壁を乗り越えてプログラミングスキルを一緒に上げていきましょう。

 

 

それでは

Lin

飯橋凛(Ihashi Lin)

インターネット広告代理店を1年半で退職。
その後、副業として活動していたウェブメディア運営のフリーランスへ。
現在はプログラミングの勉強に励み、0からフリーエンジニアの道を目指す。最近はキムチをまとめ買いにはまっている。


Sponsored Link

コメントはこちらからお願いします!



もう1本読んでみる