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

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

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

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

Ruby on Rails

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

非同期処理

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

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

RubyMine

RubyMineは、Ruby/Ruby on RailsベースのWebアプリケーション開発を行うためのIDEです。コードエディタやコードアシスタンス、グラフィカルなデバッガを搭載しており、様々なバージョン管理システムに対応しています。

受付中

Railsにて非同期のお気に入り機能(いいね機能)がリロードしないと動かない、Ajaxが発火しない。

GreenCandyy
GreenCandyy

総合スコア2

Ruby

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

Ruby on Rails

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

非同期処理

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

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

RubyMine

RubyMineは、Ruby/Ruby on RailsベースのWebアプリケーション開発を行うためのIDEです。コードエディタやコードアシスタンス、グラフィカルなデバッガを搭載しており、様々なバージョン管理システムに対応しています。

0回答

0リアクション

1クリップ

805閲覧

投稿2020/08/02 05:46

編集2020/08/03 08:02

前提・実現したいこと

Ruby on Rails で 非同期(Ajax)のお気に入り機能を実装したいです。
しかし、リロードしないと処理されない状況でrailsサーバーのエラーとして、下記のような @post.id がnilになっていると出ており、受け渡し?が上手く行っていないのか思いつく限り、どうコードを修正しても改善されないので質問させていただきました。
初めての質問となり、大変お手数をおかけいたしますが何卒回答のほどよろしくお願いいたします。

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

Rails サーバー

ruby

Completed 500 Internal Server Error in 23ms (ActiveRecord: 2.8ms) ActionView::Template::Error (undefined method `id' for nil:NilClass): 1: $('#favorites_buttons_<%= @post.id %>').html("<%= j(render partial: 'favorites/favorite', locals: {post: @post}) %>"); app/views/favorites/destroy.js.erb:1:in `_app_views_favorites_destroy_js_erb__4163638919559762178_22600' /Users/xxx/dazzling/app/views/favorites/destroy.js.erb:1: warning: __FILE__ in eval may not return location in binding; use Binding#source_location instead /Users/xxx/.rbenv/versions/2.7.0/lib/ruby/gems/2.7.0/gems/web-console-3.7.0/lib/web_console/exception_mapper.rb:31: warning: in `eval' Started GET "/posts/18" for ::1 at 2020-08-02 05:24:45 +0900

googledeveloperツール

Request URL: http://localhost:3000/posts/18/favorites Request Method: POST Status Code: 500 Internal Server Error Remote Address: [::1]:3000 Referrer Policy: strict-origin-when-cross-origin

該当のソースコード

app/views/posts/show.html.erb

ruby

<h1>口コミ詳細</h1> <p>Find me in app/views/posts/show.html.erb</p> <% if @post.image? %> <div class="card mb-3"> <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Image cap"> <title>Placeholder</title> <rect fill="#868e96" width="100%" height="100%"/> <text fill="#dee2e6" dy=".3em" x="50%" y="50%"><%= @post.image %></text> </svg> <% else %> <div class="card-body"> <h5 class="card-title"><%= @post.title %></h5> <p class="card-text">T<%= @post.content %></p> <p class="card-text"><small class="text-muted"><%= @post.created_at %></small></p> <p class="card-text"><small class="text-muted">お気に入り件数:<%= @post.favorites.count %></small></p> <div id="favorites_buttons_<%= @post.id %>"> <%= render partial: 'favorites/favorite', locals: {post: @post} %> </div> </div> </div> <% end %>

app/controllers/favorites_controller.rb

ruby

class FavoritesController < ApplicationController # お気に入り # Favoriteモデルにuser_idとpost_idを格納 def create @favorite = current_user.favorites.create(post_id: params[:post_id]) end # お気に入り取り消し # Favoriteモデルのレコードを削除 def destroy @favorite = Favorite.find_by(post_id: params[:post_id], user_id: current_user.id) @favorite.destroy end end

app/views/favorites/_favorite.html.erb

ruby

<% if current_user.already_favorited?(@post) %> <%= button_to 'いいねを取り消す', post_favorite_path(@post), method: :delete, remote: true %> <% else %> <%= button_to 'いいねを登録する', post_favorites_path(@post), method: :post, remote: true %> <% end %>

app/views/favorites/create.js.erb

ruby

$('#favorites_buttons_<%= @post.id %>').html("<%= j(render partial: 'favorites/favorite', locals: {post: @post }) %>");

app/views/favorites/destroy.js.erb

ruby

$('#favorites_buttons_<%= @post.id %>').html("<%= j(render partial: 'favorites/favorite', locals: {post: @post}) %>");

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

参考資料:https://qiita.com/naberina/items/c6b5c8d7756cb882fb20
・Ruby -ver 2.7.0 / Rails -ver 5.2.4.3

以下のような質問にはリアクションをつけましょう

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

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

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

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

適切な質問に修正を依頼しましょう。

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

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

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

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

ただいまの回答率
86.12%

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

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

質問する

関連した質問

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

Ruby

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

Ruby on Rails

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

非同期処理

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

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

RubyMine

RubyMineは、Ruby/Ruby on RailsベースのWebアプリケーション開発を行うためのIDEです。コードエディタやコードアシスタンス、グラフィカルなデバッガを搭載しており、様々なバージョン管理システムに対応しています。