Railsアプリに「いいね機能」を実装する方法

Railsアプリにいいね機能を実装する方法は？？

Railsアプリでやってみたいのが「いいね機能」の実装です。

もはや世の中のアプリで「いいね機能」がないアプリは死んだも同然。ほぼすべてのアプリにいいね機能がついています。

ってことで、今日はその「いいね機能」をRailsアプリで実装する方法をまとめておきました。

例としてuserとtweetの2モデルを使って、userがある任意のtweetにいいねができる機能をつけていきます。

まず、基本的な実装方法からですね。

likeモデル作成

まずはいいね（like）モデルの作成です。

user_id（integer）
tweet_id（integer）

を持ったモデルを作ります。

コマンドは

$ rails g model like tweet_id:integer user_id:integer

1	$ rails g model like tweet_id:integer user_id:integer

ですね。

それが終わったら、最後に

$ rails db:migrate

1	$ rails db:migrate

を発動してデーターベースを更新しましょう。

コントローラーを作成

お次はコントローラーです。

いいね用のコントローラーは手動で作ってみましょう。

likes_controller.rb

ですね。

こちらをRailsアプリのファイル階層の「app > controllers」にぶちこみましょう。

今回はlikeモデルにビューファイルが必要ないので、コマンドでコントローラーを作成する必要がないのです。

ルーティングを設定

次はルーティング設定ですね。

次のように設定してあげましょう。

  post "likes/:tweet_id/create" => "likes#create"
  post "likes/:tweet_id/destroy" => "likes#destroy"

1 2	post "likes/:tweet_id/create" => "likes#create" post "likes/:tweet_id/destroy" => "likes#destroy"

ポイントはgetではなくpostになっている点ですね。

いいねすると、いいねのデーターベースの値が変化しますので、tweetメソッドを採用します。

コントローラーにアクションを追加

あとは、空っぽのコントローラーにアクションを追加しましょう。

ルーティングでも出てきましたが、今回いいねにつけるのは

create
destroy

の2アクションです。

それぞれこのようになってますね。

  def create
    @like = Like.new(user_id: @current_user.id, tweet_id: params[:tweet_id])
    @like.save
    redirect_to("/tweets/#{params[:tweet_id]}")
  end
  
  def destroy
    @like = Like.find_by(user_id: @current_user.id, tweet_id: params[:tweet_id])
    @like.destroy
    redirect_to("/tweets/#{params[:tweet_id]}")
   end

def create

@like = Like.new(user_id: @current_user.id, tweet_id: params[:tweet_id])

@like.save

redirect_to("/tweets/#{params[:tweet_id]}")

end

def destroy

@like = Like.find_by(user_id: @current_user.id, tweet_id: params[:tweet_id])

@like.destroy

redirect_to("/tweets/#{params[:tweet_id]}")

end

いいねボタンを表示

最後にいいねボタンを表示します。

すでにいいねをしたユーザーかそうではないかによって、表記とリンク先を切り替え。

<% if Like.find_by(user_id: @current_user.id, tweet_id: @tweet.id) %>
        <!-- 以下の1行をdestroyアクションへのリンクに書き換えてください -->
        <%=link_to("いいね！済み", "/likes/#{@tweet.id}/destroy", {method: "post"})%>
      <% else %>
        <%= link_to("いいね！", "/likes/#{@tweet.id}/create", {method: "post"}) %>
      <% end %>

<% if Like.find_by(user_id: @current_user.id, tweet_id: @tweet.id) %>

<%=link_to("いいね！済み", "/likes/#{@tweet.id}/destroy", {method: "post"})%>

<% else %>

<%= link_to("いいね！", "/likes/#{@tweet.id}/create", {method: "post"}) %>

<% end %>

いいねをしたuser_idとログイン中のuser_idが一致するかどうかによって条件分岐させます。

いいね数をカウントしたい時はどうする？

あとは、いいね数をカウントできると面白いですね。

ここではcountメソッドを使っていきます。

具体的に言うとtweets_controller.rbのshowアクションで「@like_count」という変数を定義。

そして、likeのtweet_idが@tweet.idと一致したものをwhereメソッドで取得したものを代入。

それをtweetのビューファイルshow.html.erbで、

<%=@likes_count%>

1	<%=@likes_count%>

という形で表示させれば、いいね数のカウントが出てくるでしょう。

いいねを一覧で表示する

場合によっては、いいねしたデータを一覧で表示したい時があるかもしれません。

そういう時は次のステップを踏むと良いでしょう。

ルーティングを設定する

新しくuserのルーティングを追加です。

 get "users/:id/likes" => "users#likes"

1	get "users/:id/likes" => "users#likes"

アクションを追加

次はアクションを追加。

userのコントローラーにlikesアクションを追加します。

def likes
   @user = User.find_by(id: params[:id])
    @likes = Like.where(user_id: @user.id)
    
end

def likes

@user = User.find_by(id: params[:id])

@likes = Like.where(user_id: @user.id)

end

ビューファイル追加

最後にビューファイルです。

新しくuserのフォルダ内に

likes.html.erb

を作って、そこにlikeしたtweetを表示しましょう。

まず

これでuserがいいねしたデーターの一覧を表示できるようになりましたね。

<% @likes.each do |like|%>
      <!-- 変数tweetを定義してください -->
      <%= tweet = tweet.find_by(id: like.tweet_id) %>
      
      <% end%>
      
      <div class="tweets-index-item">
        <div class="tweet-left">
          <img src="<%= "/user_images/#{tweet.user.image_name}" %>">
        </div>
        <div class="tweet-right">
          <div class="tweet-user-name">
            <%= link_to(tweet.user.name, "/users/#{tweet.user.id}") %>
          </div>
          <%= link_to(tweet.content, "/tweets/#{tweet.id}") %>
        </div>
      </div>
    <!-- each文のendを追加してください -->
    <% end %>