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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby

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

Ruby on Rails

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

Q&A

解決済

1回答

1341閲覧

【Rails】フォロー機能を実装できない

kumamin

総合スコア12

Ruby

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

Ruby on Rails

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

0グッド

0クリップ

投稿2020/09/17 08:59

前提・実現したいこと

今開発しているアプリで、ユーザー同士のフォロー機能を実装しています。
Twitterのように、ユーザーの詳細ページにある「フォロー」というボタンをクリックすると
ログイン中のユーザーがそのユーザーをフォローでき、ボタンは「フォロー中」と変化するように実装したいです。

そこで、フォローするユーザーのid(following_id)とフォローされるユーザーのid(follower_id)の組み合わせを
Relationshipと定義し、relationshipsという中間テーブルを作成しました。

しかし、なかなか上手く実装できないので解決法を教えていただけると助かります。

発生している問題

ユーザーの詳細ページにある「フォロー」というボタンをクリックすると、
relationshipsテーブルにfollowing_id、follower_idともにデータは正しく保存されるのですが、ボタンが「フォロー中」に変化しません。

原因としては、詳細ページのif文で使われているfollowing?というメソッドで、
ログイン中のユーザーの中にフォローした相手のユーザーが含まれていると認識されていないからだと思っています。

試しにコンソールで以下のように入力しデータを取り出そうとしても、自分がフォローしたユーザーではなく、
フォローしたユーザー自身のデータが返ってきてしまいます。
イメージ説明

アソシエーションの記述に問題があるのかと思い、Userモデルのforeign_keyの記述を
following_idからfollower_idに変更してみたのですが、それだとそもそもデータが保存されませんでした。

該当のソースコード

▼views/users/show.html.haml

haml

1 - if current_user.following?(@user) 2 = form_with(model: @following_relationship, method: :delete) do |f| 3 = f.hidden_field :follower_id, value: @user.id 4 = f.submit 'フォロー中', class: "Mypage_btn Following Left" 5 - else 6 = form_with(model: @following_relationship) do |f| 7 = f.hidden_field :follower_id, value: @user.id 8 = f.submit 'フォロー', class: "Mypage_btn Left"

▼user.rb

ruby

1class User < ApplicationRecord 2 3 has_many :following_relationships, foreign_key: "following_id", class_name: "Relationship", dependent: :destroy 4 has_many :followings, through: :following_relationships 5 has_many :follower_relationships, foreign_key: "follower_id", class_name: "Relationship", dependent: :destroy 6 has_many :followers, through: :follower_relationships 7 8 def following?(other_user) 9 self.followings.include?(other_user) 10 end 11 12 def follow(other_user) 13 self.following_relationships.create(follower_id: other_user.id) 14 end 15 16 def unfollow(other_user) 17 self.following_relationships.find_by(follower_id: other_user.id).destroy 18 end 19 20end

▼relationship.rb

ruby

1class Relationship < ApplicationRecord 2 belongs_to :follower, class_name: "User" 3 belongs_to :following, class_name: "User" 4 5 validates :follower_id, presence: true 6 validates :following_id, presence: true 7end

▼relationships_controller.rb

ruby

1class RelationshipsController < ApplicationController 2 before_action :set_user 3 4 def create 5 current_user.follow(@user) 6 redirect_to user_path(@user.id) 7 end 8 9 def destroy 10 current_user.unfollow(@user) 11 redirect_to user_path(@user.id) 12 end 13 14 private 15 def set_user 16 @user = User.find(params[:relationship][:follower_id]) 17 end 18end

▼users_controller.rb

ruby

1class UsersController < ApplicationController 2 3 def show 4 @following_relationship = current_user.following_relationships.new 5 end 6 7end

▼rails routesの結果

relationships POST /relationships(.:format) relationships#create relationship DELETE /relationships/:id(.:format) relationships#destroy

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

user.rbのアソシエーションを以下のように書き換えたら解決しました。
(2行目と4行目の最後にsourceを付け加えました)

ruby

1 has_many :following_relationships, foreign_key: "following_id", class_name: "Relationship", dependent: :destroy 2 has_many :followings, through: :following_relationships, source: :follower 3 has_many :follower_relationships, foreign_key: "follower_id", class_name: "Relationship", dependent: :destroy 4 has_many :followers, through: :follower_relationships, source: :following

投稿2020/09/18 03:11

kumamin

総合スコア12

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問