質問編集履歴

1 画像

is02

is02 score 17

2020/02/05 14:34  投稿

【Ruby on Rails】users/show.html.erbにユーザーが投稿した写真の一覧を出したい
### 前提・実現したいこと
users/show.html.erbにユーザーが投稿した写真の一覧を出したい
### 発生している問題・エラーメッセージ
![![イメージ説明](dd1b698a1b11cdfbb4464414cdc02980.png)](b73883ad6b3b893ecb97941c7fdf3a61.png)
![イメージ説明](dd1b698a1b11cdfbb4464414cdc02980.png)
### 該当のソースコード
####モデル
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
  • Ruby

    17606 questions

    Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

  • Ruby on Rails

    19267 questions

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

  • Ruby on Rails 5

    5966 questions

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

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る