質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.42%

  • Ruby on Rails

    7874questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

【Rails】 viewで n列ごとに表示させたい

解決済

回答 2

投稿

  • 評価
  • クリップ 1
  • VIEW 1,140

hogehogehoge

score 170

1列で表示させるには以下のようにすればよいですが、

<ul>
<% for user in @users %>
  <li><%= user.name %></li>
<% end %>
</ul>

例えば以下のように3列で表示させたい場合はどうするのがよいでしょうか?

<div class="row">
  <ul>
    <li><%=user1.name%></li>
    <li><%=user2.name%></li>
    <li><%=user3.name%></li>
  </ul>
</div>
<div class="row">
  <ul>
    <li><%=user4.name%></li>
    <li><%=user5.name%></li>
    <li><%=user6.name%></li>
  </ul>
</div>
<div id="row">
  <ul>
    <li><%=user7.name%></li>
    <li><%=user8.name%></li>
    <li><%=user9.name%></li>
  </ul>
</div>

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

+2

解決済みですが、こう書いたほうがスッキリするかと思います。
<% @users.each_slice(3) do |users| %>
  <div class="row">
    <ul>
      <% users.each do |user| %>
        <li><%= user.name %></li>
      <% end %>
    </ul>
  </div>
<% end %>

ポイントは、each_slice(n)です。
3要素ずつブロックに渡して繰り返し、さらに内部でeachで繰り返してあげれば思ったことが出来るかと思います。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2014/09/13 09:23

    すばらしい!
    each_slice なんてメソッドがあるんですね。勉強になりました。

    キャンセル

checkベストアンサー

+1

ul タグの出力を if 文で制御してはどうでしょうか?
以下は erb ではありませんが、ul を 3つ毎に出力する 制御のコンセプトを試したものです。
users = [1,2,3,4,5,6,7,8]
# users = [1,2,3]
# users = [1]
# users = []

count = 0
users.each do |u|
  if count % 3 == 0
    if count != 0
      puts '</ul>'
    end
    puts '<ul>'
  end
  puts "  <li>#{u}</li>"
  count += 1
end
if count > 0
  puts "</ul>"
end
これを走らせると、次の出力が得られます。
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>
<ul>
  <li>4</li>
  <li>5</li>
  <li>6</li>
</ul>
<ul>
  <li>7</li>
  <li>8</li>
</ul>
この制御を view にそのまま書くと保守しにくくなります。
そこで この制御をメソッドとして抽出し、erb では
  <% multi_row(@users, 3) %>
のようにだけ記述できるようにするのが好ましいです。

まったく別の実装方針案もあります。
controller で 3 つ毎に user まとめた user_blocks をview に渡して
view では、 <url> </ul> で囲んで、 usre_bloks の内容を 複数の <li>..</li> を出力するというものです。


投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2014/08/28 09:57

    親切な回答ありがとうございました!

    キャンセル

  • 2014/09/13 16:10

    こちらのコードですが、保守性で言うと
    テンプレートエンジンをHamlやSlimに変更しようとした際で問題がでそうな気がします。

    キャンセル

同じタグがついた質問を見る

  • Ruby on Rails

    7874questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。