スクレイピングしたデータをeach文でテーブルタグに一覧表示させる方法を知りたいです。

Question

現在横断検索ツールを開発中です。
Webに公開するものではなく個人的用途として使用しようと考えております。

##やりたいこと
①検索結果（ヤフオク）からデータを取得してインスタンス変数に格納
②格納したデータ一覧をテーブルタグに出力（タイトル、入札件数、価格）

##問題点
以下のようにコードを書いたが取得したデータが繰り返し表示されてしまいます。（実行結果画面参照）
まずはとりあえず動かしたいので汚いコードですがご容赦くださいませ。

Viewファイル

<div class="uk-container uk-container-center uk-margin-top">
  <div class="uk-grid ">
  <form class="uk-align-center uk-flex">
    <%= form_with url: root_path, local: true do |f| %>
      <%= f.text_field :keyword, class: 'uk-input' %>
      <%= f.submit "探す", class: 'uk-button uk-button-primary' %>
    <% end %>
  </form>
  </div>
  <% if @keyword.present?%>
    <table class="uk-table uk-table-divider">
      <thead>
          <tr>
              <th class="uk-table-expand">タイトル</th>
              <th class="uk-table-shrink">入札</th>
              <th class="uk-width-small">価格</th>
          </tr>
      </thead>
      <tbody>
#以下の繰り返し処理がうまくできません。
        <% @titles.each do |title| %>
          <% @bids.each do |bid| %>
            <% @prices.each do |price| %>
              <tr>
                <td><%= title.inner_text %></td>
                <td><%= bid.inner_text %></td>　　
                <td><%= price.inner_text %></td>
              </tr>
            <% end %>
          <% end %>
        <% end %>
      </tbody>
    </table>
  <% end %>
</div>

Controller

class TopController < ApplicationController

  require 'mechanize'

  def home
      @keyword = URI.encode_www_form(p: params[:keyword])
      agent = Mechanize.new
      escaped_url = "https://auctions.yahoo.co.jp/search/search?auccat=&tab_ex=commerce&ei=utf-8&aq=-1&oq=&sc_i=&fr=auc_top&#{@keyword}"
      page = agent.get(escaped_url)
      @titles = page.search('//*[@id="allContents"]/div[1]/div[2]/div[3]/div/div[2]/div[1]/div/ul/li/div[2]/h3/a')
      @bids = page.search( '//*[@id="allContents"]/div[1]/div[2]/div[3]/div/div[2]/div/div/ul/li/div[2]/div[2]/div[1]/span[2]')
      @prices = page.search('//*[@id="allContents"]/div[1]/div[2]/div[3]/div/div[2]/div/div/ul/li/div[2]/div[1]/span/span[2]')
  end
end

実行結果

##試したこと
each文をひとつに絞って実行してみたところうまくいったのでやはり3重にしてeach文をつかいのがいけないのだと思います。
ハッシュをつくってキーを割り当て、そこからアクセスする方法など試みましたがうまくいきませんでした。

##質問点

• テーブルに繰り返し表示されずにスクレイピングしたデータをviewに表示させるのはどうしたらいいでしょうか？
• 今回のような実装をするにはいったんデータベースに保存してテーブルからデータを取り出す方法しかないのでしょうか？（この場合なら テーブル名.title,テーブル名.bid などとしてeach文を回せば表現できそうです。）

今回は個人的使用なのでデータベースまで用意するのは大掛かりすぎる気がしますので使わずに実装する方法を知りたいです。（使用頻度は低いので参照先への負荷はほとんどないと考えております。）

ご教授いただけますと幸いです。

Answer 1

each で回すところは、以下のようになるのではないでしょうか？

@titles.zip(@bids, @prices).each do |title, bid, price|
  # 省略
end

Comments

[Kiyobun510]

ご回答ありがとうございます。
言われた通りに書き換えたらうまくいきました！
zipメソッドは2つの配列ではなく3つ以上でもいけるんですね。
非常に勉強になりました。

丸2日ほどここで躓いていて進んでいなかったので本当に助かりました。
ありがとうございます！