# コメントの投稿内容を正しく表示させたい。

Question

前提・実現したいこと

簡単な画像投稿アプリを作っています。
コメントを投稿すると、意図しない文字列が出てきます。
1.投稿した内容がコメント欄に表示されるようにしたい。
2.コメントをした人を投稿者名として表示させたい。（今は画像を投稿した本人の名前がでできます。「1」といいうのが画像を投稿した人の名前です。）

発生している問題・エラーメッセージ

該当のソースコード

view>prototypes>show.html.erb

<main class="main">
  <div class="inner">
    <div class="prototype__wrapper">
      <p class="prototype__hedding">
        <%= @prototype.title%>
      </p>
      <%= link_to "by#{@prototype.user.name} ", root_path, class: :prototype__user %>
      <%# プロトタイプの投稿者とログインしているユーザーが同じであれば以下を表示する %>
      <% if user_signed_in? && current_user.id == @prototype.user_id %>
        <div class="prototype__manage">
          <%= link_to "編集する", edit_prototype_path(@prototype.id), class: :prototype__btn %>
          <%= link_to "削除する", prototype_path(@prototype.id), method: :delete, class: :prototype__btn %>
        </div>
      <% end %>
      <%# // プロトタイプの投稿者とログインしているユーザーが同じであれば上記を表示する %>
      <div class="prototype__image">
        <%= image_tag @prototype.image %>
      </div>
      <div class="prototype__body">
        <div class="prototype__detail">
          <p class="detail__title">キャッチコピー</p>
          <p class="detail__message">
            <%= @prototype.catch_copy %>
          </p>
        </div>
        <div class="prototype__detail">
          <p class="detail__title">コンセプト</p>
          <p class="detail__message">
            <%= @prototype.concept %>
          </p>
        </div>
      </div>
      <div class="prototype__comments">
        <%# ログインしているユーザーには以下のコメント投稿フォームを表示する %>
        <% if user_signed_in? %>
          <%= form_with model: [@prototype,@comment], local: true do |f|%>
            <div class="field">
              <%= f.label :text, "コメント" %><br />
              <%= f.text_field :text %>
            </div>
            <div class="actions">
              <%= f.submit "送信する", class: :form__btn  %>
            </div>
          <% end %>
        <% end %>
        <%# // ログインしているユーザーには上記を表示する %>
        <ul class="comments_lists">
          <%# 投稿に紐づくコメントを一覧する処理を記述する %>
            <li class="comments_list">
               <%= @prototype.comments %>
              <%= link_to @prototype.user.name, root_path, class: :comment_user %>
            </li>
          <%# // 投稿に紐づくコメントを一覧する処理を記述する %>
        </ul>
      </div>
    </div>
  </div>
</main>

class PrototypesController < ApplicationController
  before_action :move_to_index, except: [:index, :show]
  before_action :set_prototype, only: [:edit, :show]


  def index
    @prototypes = Prototype.all
  end

  def new
    @prototype = Prototype.new
  end

  def create
    @prototype = Prototype.new(prototype_params)
    if @prototype.save
      redirect_to action: :index
    else
      render :new
    end
  end
  
  def show
    @comment = Comment.new
    @comments = @prototype.comments.includes(:user)
  end

  def edit
  end

  def update
    @prototype = Prototype.find(params[:id])
    if @prototype.update(prototype_params)
      redirect_to action: :show
    else
      render :edit
    end
  end

  def destroy
    @prototype = Prototype.find(params[:id])
    if @prototype.destroy
       redirect_to action: :index
    end
  end



  private

  def prototype_params
    params.require(:prototype).permit(:image, :title, :catch_copy, :concept,).merge(user_id: current_user.id)
  end

  def move_to_index
    unless user_signed_in?
      redirect_to action: :index
    end
  end

  def set_prototype
    @prototype = Prototype.find(params[:id])
  end

  
end

class CommentsController < ApplicationController
  def create
    @comment = Comment.new(comment_params)
    if @comment.save
      redirect_to prototype_path(@comment.prototype)
    else
      @prototype = @comment.prototype
      @comments = @prototype.comments
      render "prototypes/show"
    end
  end

  private
  def comment_params
    params.require(:comment).permit(:text).merge(user_id: current_user.id, prototype_id: params[:prototype_id])
  end
end

試したこと

1.showアクションのviewファイルの@prototype.commentsに記述の誤りがないか確認した。
2.それぞれのモデルのアソシエーションを確認した。

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

ここにより詳細な情報を記載してください。

Answer 1

変数が正しく設定されていない geometry dash の show アクションが問題の原因であると考えられます。 クロスサイト スクリプティング (XSS) 攻撃を回避し、セッションを管理する方法を実装します。

Answer 2

ユーザーからのコメントはセキュリティ上のリスクを伴うことがあるため、適切なセキュリティ対策を講じることが重要です。セッション管理、クロスサイトスクリプティング（XSS）攻撃の防止、retro bowl クロスサイトリクエストフォージェリ（CSRF）攻撃の防止などの対策を実施しましょう。

Answer 3

問題は、PrototypesController の show アクションにあるようで、@prototype 変数が正しく設定されていません。 set_prototype メソッドが before_action として呼び出されることを確認して、show.html.erb ビューをレンダリングする前に @prototype wordle インスタンス変数を設定します。

Answer 4

@prototype.commentsは複数のコメントの集合体のようなものなので
各々のコメントを取り出して表示する必要があります。

          <%# 投稿に紐づくコメントを一覧する処理を記述する %>
            <ol class="comments_list">
               <% @comments.each do |comment| %><li>
                 <%= link_to comment.user.name, root_path, class: :comment_user %>
                 <%= comment.text %>
               </li>
               <% end %>
            </ol>
          <%# // 投稿に紐づくコメントを一覧する処理を記述する %>

Answer 5

<%= @prototype.comments %>複数形になっているので each doで一つずつ表示すればできると思います！

<% @prototype.comments.each do |comment| %>
<%= link_to comment.user.name, root_path, class: :comment_user %>
<% end %>

Comments

[hiromu-t3966]

丁寧なご説明とコードの添付ありがとうございます。
ここでかなり止まっていたので、本当にありがたいす。
また機会があればよろしくお願いいたします！