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

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

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

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

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Ruby on Rails

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

非同期処理

非同期処理とは一部のコードを別々のスレッドで実行させる手法です。アプリケーションのパフォーマンスを向上させる目的でこの手法を用います。

Q&A

0回答

740閲覧

railsのjs.erbを用いて非同期対応したいいね機能の実装

kotobuki562

総合スコア0

Ruby

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

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Ruby on Rails

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

非同期処理

非同期処理とは一部のコードを別々のスレッドで実行させる手法です。アプリケーションのパフォーマンスを向上させる目的でこの手法を用います。

0グッド

0クリップ

投稿2020/10/15 02:50

編集2020/10/15 02:56

前提・実現したいこと

Ruby on Rails使って開発しています。

ruby '2.6.5'
gem 'rails', '~> 6.0.0'
gem 'mysql2', '>= 0.4.4'

非同期通信を用いた「いいね」機能の実装

具体的には
未「いいね」をクリックするとLikesテーブルにデータがcreateされます。
既「いいね」をクリックするとLikesテーブルのデータがdeleteされます。

これらの処理を非同期で行いたいです。

各モデルのアソシエーションは下記です。

app/models/user.rb

1 has_many :posts 2 has_many :comments 3 has_many :likes 4 5 def liked_by?(post_id) 6 likes.where(post_id: post_id).exists? 7 end

app/models/post.rb

1 belongs_to :user 2 has_many :likes, dependent: :destroy 3 has_many :comments, dependent: :destroy 4 has_one_attached :image

app/models/like.rb

1 belongs_to :user 2 belongs_to :post

likeテーブルにはシンプルにuser_idとpost_idのみ付与しています。

下記ルーティングです。

routes.rb

1Rails.application.routes.draw do 2 devise_for :users 3 root to: 'posts#index' 4 resources :users, only: [:show] 5 resources :posts, only: [:new, :create, :show, :edit, :update, :destroy] do 6 resources :comments, only: [:create] 7 end 8 post 'like/:id' => 'likes#create', as: 'create_like' 9 delete 'like/:id' => 'likes#destroy', as: 'destroy_like' 10end

likes_controller.rb

1class LikesController < ApplicationController 2 3 before_action :post_params 4 5 def create 6 Like.create(user_id: current_user.id, post_id: params[:id]) 7 end 8 9 def destroy 10 Like.find_by(user_id: current_user.id, post_id: params[:id]).destroy 11 end 12 13 private 14 15 def post_params 16 @post = Post.find(params[:id]) 17 end 18end 19

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

ローカルサーバー上で出ているエラー文です

エラーメッセージ ActionView::Template::Error (Missing partial posts/_post with {:locale=>[:en], :formats=>[:js, :html, :text, :css, :ics, :csv, :vcf, :vtt, :png, :jpeg, :gif, :bmp, :tiff, :svg, :mpeg, :mp3, :ogg, :m4a, :webm, :mp4, :otf, :ttf, :woff, :woff2, :xml, :rss, :atom, :yaml, :multipart_form, :url_encoded_form, :json, :pdf, :zip, :gzip], :variants=>[], :handlers=>[:raw, :erb, :html, :builder, :ruby, :jbuilder]}. Searched in: * "/Users/name/projects/moovook/app/views" * "/Users/name/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/devise-4.7.3/app/views" * "/Users/name/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/actiontext-6.0.3.4/app/views" * "/Users/name/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/actionmailbox-6.0.3.4/app/views" ): 1: <%# alert('いいねを解除できている!'); %> 2: document.getElementById('post_<%= @post.id %>').innerHTML = '<%= j(render @post) %>' app/views/likes/destroy.js.erb:2

該当のソースコード

下記viewファイル

views/posts/_posts.html.erb

1<ul class="contents"> 2 <% @posts.each do |post| %> 3 <li class="content" id="post_<%= post.id %>"> 4 <%= link_to image_tag(post.image,size: '180x250'), post_path(post.id),method: :get %> 5 <div class="book-name"> 6 <%= post.book_name %> 7 </div> 8 <div class="category-name"> 9 <%= post.category.name %> 10 </div> 11 <div class="user-name"> 12 <%= post.user.name %> 13 </div> 14 <div id="like-btn-<%= post.id %>"> 15 </div> 16 <% if current_user.liked_by?(post.id) %> 17 <td><%= link_to 'いいね外す', destroy_like_path(post), method: :DELETE, remote: true %> <%= post.likes.count %></td> 18 <% else %> 19 <td><%= link_to 'いいねする', create_like_path(post), method: :POST, remote: true %> <%= post.likes.count %></td> 20 <% end %> 21 </li> 22 <% end %> 23</ul>

views/posts/index.html.erb

1<div class="wrap"> 2 <%= render "posts" %> 3</div>

下記js.erbファイル

views/likes/create.js.erb

1document.getElementById('post_<%= @post.id %>').innerHTML = '<%= j(render @post) %>'

views/posts/destroy.js.erb

1document.getElementById('post_<%= @post.id %>').innerHTML = '<%= j(render @post) %>'

試したこと

テンプレートのエラーだと思い、<li class="content" id="post_<%= post.id %>">から下層のコードをindex.hyml.erbに外部テンプレートとして呼び出したりしましたが、エラー分は変わりませんでした。
コンソールを見ると、node.jsの方でエラーが起きていたりするので、単純にrailsのバージョンの問題でしょうか...

恐れ入りますがご回答いただけると幸いです...

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

下記のブログを参考にいいね機能の実装をしていました。

https://techtechmedia.com/favorite-function-rails/#i-6

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問