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

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

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

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

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

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

Q&A

0回答

1115閲覧

AjaxでRailsアプリにいいね機能を追加したい

narumi

総合スコア3

Ruby on Rails

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

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

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

0グッド

0クリップ

投稿2020/04/25 07:26

Railsで投稿機能のあるアプリを作成しています。
投稿にいいねをつける機能をAjaxで実装しようとしていますが、いいねボタンを押しても無反応です。

実装方法は以下の記事を参考にしています。

参考にしている記事:
https://qiita.com/jaramon/items/248bcb4b56e9fed8fc90

▼試したこと
デベロッパーツールを開いていいねボタンを押下すると500エラーとなります。
logs/development.logにて「Cannot render console from 106.154.134.174!」の
記述があったのでapplication。rbに該当IPをホワイトリストにする記述を追加してみましたが、変化なしです。

development.log app/models/post.rb:15:in `iine' app/controllers/likes_controller.rb:6:in `create' Started POST "/likes" for 106.154.134.174 at 2020-04-25 07:04:54 +0000 Cannot render console from 106.154.134.174! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255 Processing by LikesController#create as JS Parameters: {"utf8"=>"✓", "authenticity_token"=>"8rhZByL2bLO35Q3W+0PvsRhBRMbm+SUS1wgoAHu7PIpd1sBXTNe2M6ywEzy8XGTYxHa272YIVIZflb146JleVw==", "post_id"=>"11", "commit"=>"♡ < like!"} User Load (0.1ms) SELECT "users".* FROM "users" WHERE "users"."id" = ? LIMIT ? [["id", 3], ["LIMIT", 1]] Post Load (0.2ms) SELECT "posts".* FROM "posts" WHERE "posts"."id" = ? ORDER BY "posts"."created_at" DESC LIMIT ? [["id", 11], ["LIMIT", 1]]  (0.0ms) begin transaction SQL (0.4ms) INSERT INTO "likes" ("user_id", "post_id", "created_at", "updated_at") VALUES (?, ?, ?, ?) [["user_id", 3], ["post_id", 11], ["created_at", "2020-04-25 07:04:54.880084"], ["updated_at", "2020-04-25 07:04:54.880084"]]  (0.0ms) rollback transaction Completed 500 Internal Server Error in 4ms (ActiveRecord: 0.8ms)
application.rb <省略> module myapp class Application < Rails::Application # Initialize configuration defaults for originally generated Rails version. config.i18n.default_locale = :ja config.action_view.embed_authenticity_token_in_remote_forms = true config.web_console.whitelisted_ips = '106.154.134.174' <省略> end
_likes.html.erb <% if !current_user?(post.user) %> <span class="like"> <% if post.iine?(current_user) %> <%= form_for(post.likes.find_by(user_id: current_user.id), method: :delete, remote: true) do |f| %> <%= f.submit "???? < liked", class: "btn" %> <% end %> <% else %> <%= form_for(post.likes.build, remote: true) do |f| %> <div><%= hidden_field_tag :post_id, post.id %></div> <%= f.submit "♡ < like!", class: "btn" %> <% end %> <% end %> </span> <% end %>
create.js.erb $("#post-<%= @post.id %> .like").html("<%= escape_javascript(render "likes/like", post: @post) %>");
destroy.js.erb $("#post-<%= @post.id %> .like").html("<%= escape_javascript(render "likes/like", post: @post) %>");
likes_controller class LikesController < ApplicationController before_action :logged_in_user def create @post = Post.find(params[:post_id]) @post.iine(current_user) respond_to do |format| format.html { redirect_to request.referrer || root_url } format.js end end def destroy @post = Like.find(params[:id]).post @post.uniine(current_user) respond_to do |format| format.html { redirect_to request.referrer || root_url } format.js end end private def logged_in_user unless logged_in? redirect_to login_url end end end

▼補足
"remote:true"の記述を外すと、リロードしてしまいますがいいねが反応します。

どなたかご回答いただけると嬉しいです!
トラブルシューティングのために他に必要な情報がありましたらご教示ください。

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問