わからないこと

Railsでチャットアプリを作成しております。channelを使用し、フロント側からく送った情報をサーバで受け取り、チャンネル名を指定しブロードキャストでフロント側のアラートを表示させようとしているのですが、アラートとして表示されず、画面に出力されてしまいます。どなたか分かる方いらっしゃいますでしょうか？

ソース

room.js

App.room = App.cable.subscriptions.create("RoomChannel", {
  connected: function() {
    console.log('connected')
    // Called when the subscription is ready for use on the server
  },

  disconnected: function() {
    // Called when the subscription has been terminated by the server
  },

  received: function(data) {
    alert(data)
    // Called when there's incoming data on the websocket for this channel
  },

  speak: function() {
    return this.perform('speak', {message: 'aaa'} );
  }
});

room_channel.rb

class RoomChannel < ApplicationCable::Channel
  def subscribed
    # stream_from "some_channel"
  end

  def unsubscribed
    # Any cleanup needed when channel is unsubscribed
  end

  def speak(data)
    Message.create!(content: data['message'])
    ActionCable.server.broadcast 'room_channel', data['message']
  end
end

環境情報

Rails: 5.1.7
ruby: 2.6.3
IDE: AWSのCloud 9
ブラウザ： Chrome

ブラウザ画面

m.ts10806

2020/01/26 23:54

room.js 　の内容　普通のJavaScriptだけじゃないような。何かしらプラグイン、フレームワーク使ってませんか？

T.Adams

2020/01/29 22:33

Bootstrap使っています。

m.ts10806

2020/01/29 23:34

いえ、Bootstrapにも下記のような機能はないと思います。ドキュメントで言うとどこでしょうか App.cable.subscriptions.create("RoomChannel", {

T.Adams

2020/01/30 21:28

gefileに以下を追記しています。 gem 'pry-rails' プラグイン、フレームワークで何を使っているか、どこを見たら分かるかが、わかっていないです。ちなみに、この疑問が生じたのは、以下のYouTubeでアプリを作成する手順を行っているときです。 https://www.youtube.com/watch?v=WCsgcp5dg7M