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

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

ただいまの
回答率

87.77%

【Ruby on Rails】users/show.html.erbにユーザーが投稿した写真の一覧を出したい

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 627

score 17

前提・実現したいこと

users/show.html.erbにユーザーが投稿した写真の一覧を出したい

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

イメージ説明

該当のソースコード

モデル

user.rb

class User < ApplicationRecord
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :validatable

  has_many :post_images, dependent: :destroy
  has_many :favorites, dependent: :destroy
  has_many :fav_post_images, through: :favorites, source: :post_image
  has_many :cosplay_favorites, dependent: :destroy
  has_many :cosplay_fav_post_images, through: :favorites, source: :post_image
  has_many :post_comments, dependent: :destroy
  has_many :relationships
  has_many :followings, through: :relationships, source: :follow
  has_many :reverse_of_relationships, class_name: 'Relationship', foreign_key: 'follow_id'
  has_many :followers, through: :reverse_of_relationships, source: :user

  # 2~8文字以内で名前が入っているかの確認
  validates :name, presence: true, length: { in: 2..8 }, uniqueness: true
  # 自己紹介 100文字以内
  validates :introduction, length: { maximum: 100 }
  # 可能なコスプレ 100文字以内
  validates :like_cos, length: { maximum: 100 }

  # refile定義
  attachment :profile_image

  # フォロー機能のメソッド
  def follow(other_user)
    unless self == other_user # フォローしようとしている人が自分自身ではないか
      # フォローしようとしている人が自分以外ならフォローする
      self.relationships.find_or_create_by(follow_id: other_user.id)
    end
  end

  def unfollow(other_user)
    relationship = self.relationships.find_by(follow_id: other_user.id)
    relationship.destroy if relationship # フォローしていたらアンフォローする
  end

  def following?(other_user)
    self.followings.include?(other_user) # other_userが含まれていたらtrueを返す
  end
end


post_image.rb

class PostImage < ApplicationRecord
    belongs_to :user
    has_many :favorites, dependent: :destroy
    has_many :fav_users, through: :favorites, source: :user
    has_many :cosplay_favorites, dependent: :destroy
    has_many :cosplay_fav_users, through: :cosplay_favorites, source: :user
    has_many :post_comments, dependent: :destroy

    # refile定義
    attachment :real_image
    attachment :cosplay_image

    validates :real_image, presence: true
    validates :cosplay_image, presence: true

    # 投稿を降順に並び替えし、最新のものを上にくるようにする
    default_scope -> { order(created_at: :asc) }
end

コントローラー

users_controller.rb

class UsersController < ApplicationController
  def show
    @user = User.find(params[:id])
    @post_images = @user.post_images.map(&:cosplay_image)
  end

  def edit
    @user = User.find(params[:id])
  end

  def update
    @user = User.find(params[:id])
    if @user.update(user_params)
      redirect_to user_path(@user.id)
    else
      render 'edit'
    end
  end

  def following
    @user = User.find(params[:id])
    @users = @user.followings
    render 'show_follow'
  end

  def followers
    @user = User.find(params[:id])
    @users = @user.followers
    render 'show_follower'
  end

  private

  def user_params
    params.require(:user).permit(:name, :profile_image, :introduction, :like_cos)
  end
end


post_images_controller.rb

class PostImagesController < ApplicationController
    def new
        @post_image = PostImage.new
    end

    # 投稿データの保存
    def create
        @post_image = PostImage.new(post_image_params)
        @post_image.user_id = current_user.id
        if @post_image.save
          redirect_to post_images_path
        else
          render 'new'
        end
    end

    def index
        @post_images = PostImage.page(params[:page]).reverse_order
    end

    def show
        @post_image = PostImage.find(params[:id])
        @post_comment = PostComment.new
    end

    def destroy
        @post_image = PostImage.find(params[:id])
        @post_image.destroy
        redirect_to post_images_path
    end

    private

    # 投稿データのストロングパラメータ
    def post_image_params
        params.require(:post_image).permit(:real_image_name, :cosplay_image_name, :real_image, :cosplay_image, :caption, :favorites_count)
    end
end

ビュー

users/show.html.erb

<div class="header">
  <nav class="navigation">
    <img src="/assets/logo.png">
    <ul>
      <li>
        <%= link_to "ログアウト", destroy_user_session_path, method: :delete %>
      </li>

      <li>
        <%= link_to '投稿一覧', root_path %>
      </li>

      <li>
        <%= link_to 'マイページ', user_path(current_user.id) %>
      </li>
    </ul>
  </nav>
</div>
<div class="mypage_wrapper">
  <div class="mypage_innner_wrapper">
    <div class="profile_image">
      <%= attachment_image_tag @user, :profile_image, format: 'jpeg', fallback: "no_image.jpg" %>
    </div>
    <div class="profile_content">
      <h1><%= @user.name %></h1>
      <% if @user.id == current_user.id %>
        <%= link_to "プロフィールを編集", edit_user_path(@user), class: "profile_edit_path" %>
      <% end %>
    </div>
    <div class="profile_count">
      <ul>
        <li>
          <%= @post_images.count %>
        </li>
        <li>
          <%= link_to following_user_path(@user) do %>
            <%= @user.followings.count %>
          <% end %>
        </li>
        <li>
          <%= link_to followers_user_path(@user) do %>
            <%= @user.followers.count %>
          <% end %>
        </li>
      </ul>
    </div>
    <div class="profile_count_name">
      <ul>
        <li class="first">投稿</li>
        <li>フォロー</li>
        <li>フォロワー</li>
      </ul>
    </div>
    <div class="introduction">
      <h4>自己紹介</h4>
      <%= @user.introduction %>
    </div>
    <div class="like_cos">
      <h4>実装可能なコスプレ</h4>
      <%= @user.like_cos %>
    </div>


    <div class="user_gallery">
      <%= @post_images.each do |post_image| %>
        <%= attachment_image_tag post_image, :cosplay_image %>
      <% end %>
    </div>



  </div>
</div>

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

ruby 2.5.7p206
Rails 5.2.4.1

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 2

check解決した方法

0

users_controller showアクション内
@post_images = @user.post_imagesにして、

viewで
<% @post_images.each do |post_image| %>
<%= attachment_image_tag post_image, :cosplay_image %>
<% end %>
記載したところ直りました。

<% @post_images.each do |post_image| %>で、はじめのところに=がついていたので変な文字が表示されていました。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

0

        <%= attachment_image_tag post_image, :cosplay_image %>
      <% end %>


では post_image は class PostImag であることを期待しているようですが
@post_images = @user.post_images.map(&:cosplay_image)なので違っています。
@post_images = @user.post_images としてください

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2020/02/06 17:45

    はい、そうです。

    キャンセル

  • 2020/02/06 17:55

    以外のもの とは何か、具体的に書いてください。

    キャンセル

  • 2020/02/06 18:04

    [#<PostImage id: 3, real_image_name: "ふぇあふぇあfふぁえふぁ", real_image_id: "82e4af43678ed234a3632aa938f692635e7ed076f60c8090fa...", caption: "ふぇあふぇあfFate", user_id: 1, created_at: "2020-02-05 03:10:28", updated_at: "2020-02-05 03:10:28", cosplay_image_id: "b32033690a52b763d31fcdb7ccf294fb25dabdb106a541d57a...", cosplay_image_name: "ふぁえあf", favorites_count: 6, cosplay_favorites_count: 3>,

    #<PostImage id: 4, real_image_name: "faewaw", real_image_id: "94f0adf624ffade1b8b7c4d91253653dab762866d4c967781d...", caption: "fwfaewf", user_id: 1, created_at: "2020-02-06 08:54:07", updated_at: "2020-02-06 08:54:07", cosplay_image_id: "dcc60adb76d6542a5fefff06d00702819055a4be8d2fe5191b...", cosplay_image_name: "fewfewafewafwa", favorites_count: nil, cosplay_favorites_count: nil>]

    PostImageの
    id, real_image_name, real_image_id, caption, user_id, created_at, updated_at, cosplay_image_id, cosplay_image_name, favorites_count, cosplay_favorites_countが上記のような文字で表示されてしまいます。

    また、2個投稿しているため、2個分でています。

    キャンセル

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

  • ただいまの回答率 87.77%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

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