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

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

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

Action Cableは、WebSocketをRailsに組み込む機能。Rails4でオプションとして存在していたWebSocketをRails5で標準機能したものです。Railsアプリケーションと同様のスタイルで、Rubyを用いたリアルタイム機能を記述できます。

Ruby

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

Ruby on Rails

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

JavaScript

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

コードレビュー

コードレビューは、ソフトウェア開発の一工程で、 ソースコードの検査を行い、開発工程で見過ごされた誤りを検出する事で、 ソフトウェア品質を高めるためのものです。

Q&A

0回答

1634閲覧

action cableを使用したリアルタイムチャットを実装したいです。

jm_swim

総合スコア8

Action Cable

Action Cableは、WebSocketをRailsに組み込む機能。Rails4でオプションとして存在していたWebSocketをRails5で標準機能したものです。Railsアプリケーションと同様のスタイルで、Rubyを用いたリアルタイム機能を記述できます。

Ruby

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

Ruby on Rails

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

JavaScript

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

コードレビュー

コードレビューは、ソフトウェア開発の一工程で、 ソースコードの検査を行い、開発工程で見過ごされた誤りを検出する事で、 ソフトウェア品質を高めるためのものです。

0グッド

0クリップ

投稿2021/01/25 10:45

前提・実現したいこと

現在作成しているアプリケーションにaction cableを導入して、リアルタイムでチャットを行えるようにしたいです。
Qiitaを参考にして実装を試みましたが思うようにいかない状態です。
お力添えをよろしくお願いいたします。

https://qiita.com/take18k_tech/items/00cc14c0eff45073ffc7
上記URLを参考にしました。

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

ActionView::Template::Error (Devise could not find the `Warden::Proxy` instance on your request environment. Make sure that your application is loading Devise and Warden as expected and that the `Warden::Manager` middleware is present in your middleware stack. If you are seeing this on one of your tests, ensure that your tests are either executing the Rails middleware stack or that your tests are using the `Devise::Test::ControllerHelpers` module to inject the `request.env['warden']` object for you.): app/views/comments/_post.html.erb:1 app/models/comment.rb:15:in `template' app/controllers/comments_controller.rb:26:in `create'

該当のソースコード

対象コントローラーのcreateアクション def create @commented = Comment.all @debate = Debate.find(params[:debate_id]) if coach_signed_in? @comment = @debate.comments.new(coach_comment_params) else user_signed_in? @comment = @debate.comments.new(user_comment_params) end if @comment.save ActionCable.server.broadcast 'room_channel', comment: @comment.template <- app/controllers/comments_controller.rb:26:in `create' else @comments = @debate.comments.includes(:coach) @comments = @debate.comments.includes(:user) render :index end end
room_channel.js import consumer from "./consumer" document.addEventListener('turbolinks:load', () => { window.messageContainer = document.getElementById('chat-page') if (messageContainer === null) { return } consumer.subscriptions.create("RoomChannel", { connected() { }, disconnected() { }, received(data) { messageContainer.insertAdjacentHTML('beforeend', data['comment']) } }) })
room_channel.rb class RoomChannel < ApplicationCable::Channel def subscribed stream_from "room_channel" end def unsubscribed # Any cleanup needed when channel is unsubscribed end end
comment.rb def template ApplicationController.renderer.render partial: 'comments/post', locals: { comment: self } <- app/models/comment.rb:15:in `template' end
create.js.erb $("input").val(""); $('.chat-page').html("<%= escape_javascript(render 'post', comments: @commented) %>")
routes.rb Rails.application.routes.draw do mount ActionCable.server => '/cable'
_post.html.erb <% if user_signed_in? %> <- app/views/comments/_post.html.erb:1 <% @commented.each do |comment| %> <% if comment.debate_id == @debate.id %> <div class="user_sign">
部分テンプレート <div class="chat-page inner" id="chat-page"> <%= render 'post', comments: @commented %> </div>

試したこと

現状の挙動としては、送信する際にformの記述が空にならず、エラーが出る。リロードすれば保存とビューへの表示がされます。

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

拙い文章で申し訳ありません。
わからない部分、追加して欲しいコードがありましたら、コメントいただけると幸いです。

よろしくお願いいたします。

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問