Ruby on Railsで検索・置換アプリを使ってみた

Railsで作ってみたかったのが、

あるテキストからあるキーワードを検索して別の何かに置き換える

というアプリ。

僕自身、この「検索・置換」という機能を重宝していて、音声入力で文章を書くときや、imgタグのalt属性に一括でキーワードを挿入するときに頻繁に使っていたのです。

なんとかその「検索・置換」機能を持ったアプリをRailsで作れましたので、その方法をまとめておこうと思います。

Ruby on Railsを使った検索・置換アプリの作り方

なお、今回のRailsの開発の環境は次のようになっています。

Railsのバージョン：5.0.7.2
Rubyのバージョン：2.3.1

アプリを作成する

まずはRailsのアプリ作成からですね。

今回は「replacer」というアプリを作りたいので、

$ rails new replacer

1	$ rails new replacer

でオッケー。アプリを作成したらアプリフォルダのディレクトリに移動します。

$ cd replacer

1	$ cd replacer

splite3のバージョンを指定

続いて、splite3のバージョン指定しましょう。

僕の場合、Railsのバージョンが5で、この動作をしないとコントローラーを作れないので止むを得ずといった動作。

Gemファイルの

gem 'sqlite3'

1	gem 'sqlite3'

という記述を

gem 'sqlite3', '~> 1.3.6'

1	gem 'sqlite3', '~> 1.3.6'

に編集してバージョンを指定してあげましょう。

編集が終わったら

$ bundle update

1	$ bundle update

コントローラーを作成する

準備ができたので、コントローラーを作っていきましょう。

$ rails g controller words search

1	$ rails g controller words search

で、wordsコントローラーを作ってみました。そして、そいつにsearchというアクションも同時に追加です。

ビューファイルを作成する（フォーム作成）

あとは見た目をビューファイルの作成ですね。

今回はsearch.html.erbというファイルを作成してみました。

  <h1><a href="/">Replacer</a></h1>
<div class='content'>
  <div id="search-box">
    <h2>検索</h2>

    <%= form_tag('/', method: :get) do %>
        <%= text_field_tag :word, "",  id: "word_search", name: "keyword", placeholder: "検索ワードを打ち込んでください", style: "width: 200px;"%>
<br><br><br>
  <h2>次に変更</h2>
<%= text_field_tag :word, "",  id: "word_search", name: "replace", placeholder: "置換ワードを打ち込んでください", style: "width: 200px;"%>

 <h2>検索対象</h2>
        <%= text_field_tag :content, "",  id: "word_search", name: "content", placeholder: "テキストデータをコピペしてください", maxlength: "8000"   %>

        <br><br><br>


        <button title="置換" type="submit">置換</button>
    <% end %>
  </div>

  </div>

</div>

<h1><a href="/">Replacer</a></h1>

<%= form_tag('/', method: :get) do %>

<%= text_field_tag :word, "", id: "word_search", name: "keyword", placeholder: "検索ワードを打ち込んでください", style: "width: 200px;"%>

<%= text_field_tag :word, "", id: "word_search", name: "replace", placeholder: "置換ワードを打ち込んでください", style: "width: 200px;"%>

<%= text_field_tag :content, "", id: "word_search", name: "content", placeholder: "テキストデータをコピペしてください", maxlength: "8000" %>

<% end %>

</div>

このファイルには、

検索ワード
置換ワード
キーワードを置換するテキスト

を格納する3つのフォームが含まれています。

ルーティング設定

後はルーティングですね。

Rails.application.routes.draw do
   root to: 'words#search'
end

Rails.application.routes.draw do

root to: 'words#search'

end

トップページのルートディレクトリに検索フォーム、さらに置換結果を表示するようにします。

コントローラーを編集する

先ほど作成したコントローラーを編集します。

class WordsController < ApplicationController
  def search

    keyword=params[:keyword]
    replace = params[:replace]
    content = params[:content]

    if keyword&&replace&&content
      @output = content.gsub!(/#{keyword}/, replace)

    end

  end
end

class WordsController < ApplicationController

def search

keyword=params[:keyword]

replace = params[:replace]

content = params[:content]

if keyword&&replace&&content

@output = content.gsub!(/#{keyword}/, replace)

end

ビューファイルのフォームから得た3つの値をparmasで取得して、それを@outputというクラス変数に代入します。

そして、その@outputを Ruby の string 型メソッドの gsub!を使って、正規表現にマッチした文字列を置換します。

このメソッドは、

第1引数：正規表現
第2引数：置換したい文字列

を入れます。第1引数のように、スラッシュで囲んでやると、正規表現のオブジェクトができるみたいですね。

ビューファイル編集（出力結果表示）

最後にビューファイルの出力を表示するためのページを作っていきます。

  <h1><a href="/">Replacer</a></h1>
<div class='content'>
  <div id="search-box">
    <h2>検索</h2>

    <%= form_tag('/', method: :get) do %>
        <%= text_field_tag :word, "",  id: "word_search", name: "keyword", placeholder: "検索ワードを打ち込んでください", style: "width: 200px;"%>
<br><br><br>
  <h2>次に変更</h2>
<%= text_field_tag :word, "",  id: "word_search", name: "replace", placeholder: "置換ワードを打ち込んでください", style: "width: 200px;"%>

 <h2>検索対象</h2>
        <%= text_field_tag :content, "",  id: "word_search", name: "content", placeholder: "テキストデータをコピペしてください", maxlength: "8000"   %>

        <br><br><br>


        <button title="置換" type="submit">置換</button>
    <% end %>
  </div>

  </div>
 <textarea rows="100" cols="100"><%=@output%></textarea> 
</div>