投稿一覧でいいね機能の横にいいねを押したユーザーの名前を表示させたい！！

Question

前提・実現したいこと

ruby on rails を使いインスタグラムのようなsnsを作成中です。
現在いいね機能の実装中なのですが、いいねの非同期通信は完了している状態です。
投稿一覧での「いいね」の横にいいねをしたユーザーの名前が表示されるようにしたいです。
Aという投稿に複数人いいねを押すことになると思うのですが、表示をいいねを押したユーザー１人のみ代表して表示させ他を「他…」のように省略してブラウザに表示させたいのですがうまくいきません。

該当のソースコード

_like.html.erb

<% if post.liked_by?(current_user) %>
  <%= link_to(post_add_path(post), method: :delete, remote: true, id: :"like-button-#{post.id}", class:"like-button") do %>
    <%= image_tag "like_red.png", class:"like-icon" %> 
  <% end %>
    <span class="like-name">LIKE!</span> :
    <% post.likes.each do |like| %> 
      <%= like.user.name %>
    <% end %> 
<% else %>
   <%= link_to(post_add_path(post), method: :post, remote: true, id: :"like-button-#{post.id}", class:"like-button") do %>
    <%= image_tag "like.png", class:"like-icon" %> 
  <% end %>
    <span class="like-name">LIKE!</span> :
    <% post.likes.each do |like| %>
      <%= like.user.name %>
    <% end %>
<% end %>

likes_controller

class LikesController < ApplicationController
  before_action :authenticate_user!
  before_action :set_like

  def create
    user = current_user
    post = Post.find(params[:post_id])
    @like = Like.create(user_id: user.id, post_id: post.id)
  end

  def destroy
    user = current_user
    post = Post.find(params[:post_id])
    like = Like.find_by(user_id: user.id, post_id: post.id)
    like.delete
  end

  private

  def set_like
    @post = Post.find(params[:post_id])
  end
end

試したこと

truncateを使い文字数を制限してみたところ、ユーザーの名前に対しての文字数がかかってしまい、求めている挙動にはなりませんでした。

補足情報（FW/ツールのバージョンなど）

プログラミング初心者です。
説明不足でしたら申し訳ありません。
よろしくお願いいたします。

Comments

[winterboum]

<span class="like-name">LIKE!</span> :
<% post.likes.each do |like| %>
<%= like.user.name %>
<% end %>
この部分を
ユーザー１人のみ代表して表示させ他を「他…」
にしたいということですか？

[hana_123]

はい！そうです！
このコードですと、いいねを押したユーザーが永遠に並んでしまいみづらいと思い

[現在の表示]
LIKE! : ユーザーA ユーザーB　ユーザーC

[求めている表示]
LIKE! :　ユーザーA ...他

としたいです！

Answer 1

ごちゃごちゃしちゃいますが
likes = post.likes
likes.first.name + (lists.size > 1 ? "他。。。" : "")
でしょうか

Comments

[hana_123]

参考にさせていただきましたところ
NameError in Posts#index
Did you mean? like
@like

とエラーが出てしまいました。エラーの指摘を解消しようと
post.likes.each do |like| を使い
like.first.name + (lists.size > 1 ? "他。。。" : "")
としたところ
NoMethodError in Posts#index
undefined method `first' for #<Like:0x00007fb567554410>
となってしまいました・・・

[winterboum]

どこに書きました？

[hana_123]

like_controllerの方に
likes = post.likes
_like.html.erbの方に
likes.first.name + (lists.size > 1 ? "他。。。" : "")
と書きました！

[hana_123]

ちなみにですが、こちら該当のpost_controllerの記述になります！

```
class PostsController < ApplicationController
before_action :authenticate_user!
before_action :set_post, only: [:show, :edit, :update, :destroy]
def index
@posts = Post.includes(:user).order('created_at DESC')
@like = Like.new
end
```

[winterboum]

変えるのは
<% post.likes.each do |like| %>
<%= like.user.name %>
<% end %>
ここ
どう変えるかは
<% likes = post.likes %>
<%= likes.first.name + (lists.size > 1 ? "他。。。" : "") %>

[hana_123]

たびたび申し訳ありません。

<% likes = post.likes %>
<%= likes.first.name + (lists.size > 1 ? "他。。。" : "") %>
で実行したところ
NoMethodError in Posts#index
undefined method `name' for #<Like:0x00007fb56c0b0df0>
となってしまいました。

userのnameという情報が足りないのかと思い
<% likes = post.likes %>
<%= likes.first.user.name + (lists.size > 1 ? "他。。。" : "") %>
としたところ
NameError in Posts#index
undefined local variable or method `lists' for #<#<Class:0x00007fb56c79ae90>:0x00007fb56c7a0890>
となってしまいました。

[winterboum]

typo, likes.size にしてください。

[hana_123]

<%= likes.first.user.name + (lists.size > 1 ? " 他..." : "") %>
を
<%= likes.first.user.name + (likes.size > 1 ? " 他..." : "") %>
にしたらできました！！！

何度も回答ありがとうございます！
１日これで詰まっていたので解決してよかったです！
本当に助かりました。。。

ありがとうございました！！！！