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

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

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

CoffeeScriptはプログラミング言語です。シンタックスシュガーの導入により、JavaScriptのコードに変換された後動作します。JavaScriptに比べ、可読性と簡潔性が向上しています。

Ruby on Rails 5

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

Ruby

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

JavaScript

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

Q&A

解決済

1回答

354閲覧

チャットのメッセージをフォームでデータ送信したい

lilywhite

総合スコア42

CoffeeScript

CoffeeScriptはプログラミング言語です。シンタックスシュガーの導入により、JavaScriptのコードに変換された後動作します。JavaScriptに比べ、可読性と簡潔性が向上しています。

Ruby on Rails 5

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

Ruby

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

JavaScript

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

0グッド

0クリップ

投稿2018/09/15 09:29

編集2018/09/16 10:11

https://qiita.com/Hijiri-K/items/c3774c72a2cb68e1a720
https://qiita.com/jnchito/items/aec75fab42804287d71b
上記の記事を参考にチャット機能を作っていますが、フォームに入力されたデータをサーバー側に送ることができません。エラーも出ないので、どこが問題なのかよくわかりません。またcoffeeScriptが不慣れなのでそのせいもあると思います。
下はチャット画面と入力フォームのページのコードです。

html

1<h1>Chat Room</h1> 2 3<div id="messages"> 4 <%= render @messages %> 5</div> 6<form> 7 <label>Say something:</label><br> 8 <input id='form' type="text" data-behavior="room_speaker"> 9</form> 10

下はcoffeescriptの記述です

coffee

1App.room = App.cable.subscriptions.create "RoomChannel", 2 connected: -> 3 # Called when the subscription is ready for use on the server 4 5 disconnected: -> 6 # Called when the subscription has been terminated by the server 7 8 #サーバーからデータを受けとった 9 received: (data) -> 10 # Called when there's incoming data on the websocket for this channel 11 #alert data['message'] 12 $('#messages').append data['message'] 13 14 #サーバーへデータを送信した 15 speak: (message) -> 16 @perform 'speak', message: message 17 18 $(document).on 'keypress', '[data-behavior~=room_speaker]', (event) -> 19 if event.keyCode is 13 # return = send 20 App.room.speak event.target.value 21 event.target.value = '' 22 event.preventDefault() 23

messageモデルの記述です

rb

1class Message < ApplicationRecord 2 after_create_commit { MessageBroadcastJob.perform_later self } 3end 4

下はmessage_broadcastの記述です

rb

1class MessageBroadcastJob < ApplicationJob 2 queue_as :default 3 4 def perform(message) 5 # Do something later 6 ActionCable.server.broadcast 'room_channel', message: render_message(message) 7 end 8 private 9 def render_message(message) 10 ApplicationController.renderer.render(partial: 'messages/message', locals: {message: message}) 11 end 12end

下はroom_channelの記述です

rb

1class RoomChannel < ApplicationCable::Channel 2 def subscribed 3 stream_from "room_channel" 4 end 5 6 def unsubscribed 7 # Any cleanup needed when channel is unsubscribed 8 end 9 10 def speak(data) 11 Message.create(content: data['message']) 12 end 13end 14

coffeeScriptの記述が原因かと思いますがどこが違うのか分からないので教えていただけたら嬉しいです。
お願いします

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

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

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

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

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

guest

回答1

0

自己解決

インデントの問題でした。

投稿2018/09/19 05:23

lilywhite

総合スコア42

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問