ActionCableを使うときはEventEmitterと組み合わせてSingletonで使うと捗るかもしれないという話 - Qiita
まえがき 最近、Rails5でActionCable + Vue1を使ってSlackっぽい感じのチャット画面を作っているのですが… 「所属ルーム(Slackのチャンネルに相当)」と「ルーム内のメッセージ」を2ペインで表示する 「所属ルーム」と「メッセージ」のコンポーネントはそれぞれ独立したVueファイルに記述されている という状況で 新規チャットメッセージが配信されたときに各コンポーネントでそれぞれ独立した処理を行いたい 例えば… 「メッセージ」ペインでは配信されたメッセージを末尾に追加する 「所属ルーム」ペインではLINEみたいに新規メッセージが来たルームを一番上に持っていく etc... 上記を実現する必要がありました。2 そんな時にタイトルの件を行ったら良い感じに出来たと思いましたので共有します。 おことわり 各コンポーネント間のイベントの動作順序は問わない前提です 例えば「メッセー
Action Cableとdeviseの併用 - Qiita
module ApplicationCable class Connection < ActionCable::Connection::Base identified_by :current_session_user def connect self.current_session_user = find_session_user end protected def find_session_user session_user = env['warden'].user(scope: :operator) return reject_unauthorized_connection unless session_user session_user end end end
Action Cableでリアルタイムチャットアプリの作成方法 （Rails 5.1.4にて）（その3） 投稿をリアルタイムで削除する - Qiita
概要 この記事はAction Cableでリアルタイムチャットアプリの作成方法 （Rails 5.1.4にて）（その2）グループ別チャンネルの作成！！続きである。 今回は、投稿データをActionCableを使用してリアルタイムで消すという機能を実装したい。 誰かが、投稿の削除ボタンを押すと、ActionCableによってすべてのユーザーの画面から非同期通信でリアルタイムに投稿が削除される。 まず、すべての投稿に投稿idを個々の投稿divのidとして紐づける。 そして、ActionCableでそのidを送信し、それを使用して、jqueryのremove()を利用して、表示を消し、同時にdestroyでデータベースからも消す。 環境 Ruby2.2.4 Rails 5.1.4 手順 1．投稿idをdivのidとして紐づけと削除ボタンの追加 通常の表示画面とActionCableのテンプレート
Ruby on Rails チュートリアル 機能拡張5(メッセージ機能) - Qiita
Ruby on Rails チュートリアルについて Ruby on Railsを勉強したいというと、まず紹介される有名なRailsのチュートリアル。 内容はハードですが、無料でRailsによるWebアプリケーション開発を楽しく学べます。 Ruby on Rails チュートリアル https://railstutorial.jp/ Sample Appの拡張 チュートリアルの最後には、作成したSampleAppの拡張機能についていくつかのヒントが記載されています。 その中の以下の機能を順に実装していきます。 ユーザー検索 マイクロポスト検索 フォロワーの通知 返信機能 メッセージ機能 メッセージ機能 今回は、5つ目のメッセージ機能の実装を行います。(ラストです) メッセージ機能は下記の仕様で作っていきます。 メッセージは、受信者(送信先ユーザー)のページで送信、確認する 例： ID6のユー
Rails5 + ActionCableをGAEにデプロイできなかったのでGKEにした - Qiita
ActionCable is 何？ WebSocketを使ったリアルタイム処理をRails wayでお手頃に使えるフレームワーク Google App Engine is not supported WebSocket!! 便利になったActionCableをGAEをにサクっとデプロイして本番稼働しようとおもったらGAEはWebSocket非対応のためActionCableが利用できません。 サポート対象外の機能 次に示す機能は、App Engine フレキシブル環境ではサポートされません。 バックエンド サービスへの HTTP/2 トラフィック WebSocket インスタンスに直接アクセスする HTTP リクエスト https://cloud.google.com/appengine/docs/flexible/ruby/how-requests-are-handled Google
Railsで各ユーザーメッセージ機能を作りたい（作成中） - Qiita
ここまでの概要 https://qiita.com/jnchito/items/aec75fab42804287d71b https://qiita.com/Hijiri-K/items/c3774c72a2cb68e1a720 二つを参考してログインなしメッセージ機能をできた。 これからしたいこと 各ユーザー同士が、DM機能みたい個別にやりとりする機能をつくりたい 参考記事 情報をたくさん集めました。 https://qiita.com/Hijiri-K/items/7e3c018c8330f69fc4cf#_reference-def83613c821d82e0f08 Action Cableでリアルタイムチャットアプリの作成方法 （Rails 5.1.4にて）（その2）グループ別チャンネルの作成！！ https://qiita.com/YN6127yn/items/7ddd96614
既存のReact + Raisアプリに同期機能をAction Cableで追加した - Qiita
概要 複数の端末間で予約表同期機能の追加をRailsのAction Cableで実現した 流れは、予約表作成/削除 → サーバーからその予約表に接続している全端末にAcitionCableで情報を配信 → クライアントから予約情報のFetch機能を呼び出す Fetch機能が既にあるなら、30分で同期機能が追加できます。 （websocketの特にSSL通信の本番環境は、それぞれの環境毎固有の設定が必要ですので、今のところdevelopmentまでの動作のみです） 環境 RailsとReactで作られた予約表のアプリが起点です。 起点となるアプリについては、こちらのQiita記事参照 ソース（差分） https://github.com/junara/qrnote/commit/9ac977f71ed4a998525cfedc30365c1be759be74 動作画像 予約作成の同期 一番左
ActionCableを使うときはEventEmitterと組み合わせてSingletonで使うと捗るかもしれないという話 - Qiita
まえがき 最近、Rails5でActionCable + Vue1を使ってSlackっぽい感じのチャット画面を作っているのですが… 「所属ルーム(Slackのチャンネルに相当)」と「ルーム内のメッセージ」を2ペインで表示する 「所属ルーム」と「メッセージ」のコンポーネントはそれぞれ独立したVueファイルに記述されている という状況で 新規チャットメッセージが配信されたときに各コンポーネントでそれぞれ独立した処理を行いたい 例えば… 「メッセージ」ペインでは配信されたメッセージを末尾に追加する 「所属ルーム」ペインではLINEみたいに新規メッセージが来たルームを一番上に持っていく etc... 上記を実現する必要がありました。2 そんな時にタイトルの件を行ったら良い感じに出来たと思いましたので共有します。 おことわり 各コンポーネント間のイベントの動作順序は問わない前提です 例えば「メッセー
Rails5.2が出たし、このタイミングでActionCableを使ってみる - Qiita
こんにちは！Rails5.2がリリースされましたね！ ということで今回はActionCableを試してみましょう。 …ActiveStorageだと思った人はごめんなさいm(_ _)m 振り返ってみると個人的にActionCable使った実装ってやったことなかったり、そもそも必要性なくて触ってなかったという方も多いのではないか(直感)ということで、このタイミングであえてActionCableに触れます！ 作るもの 今回作るのは簡単なチャットアプリです！ イメージ的にはこんな感じ 複数のブラウザを立ち上げて、一つのブラウザで投稿したらリアルタイムで別のブラウザにも反映されるようなものを作りたいと思います！ この記事を書くにあたって https://qiita.com/jnchito/items/aec75fab42804287d71b こちらを参考にいたしました。(わかりやすくまとまっていて
【Rails6.0】ActionCableとDeviseの欲張りセットでリアルタイムチャット作成(改正版) - Qiita
前置き そこそこRailsが扱えるようになりました。 ありがたいことに色々コメントをいただく機会もあり、改めて見直してみたところ、ちょっとうまく動かないところとかもあり、Rails自体のバージョンも上がっているので最新版の6.0で書き直すことにしました。 お知らせ 本内容とほとんど同等に動作するものをRails7で再実装しました。作りも荒く、まだ記事としての体裁を整えられていないので限定公開にしていますが、Rails7で開発している方はこちらを参考にしてください。 https://qiita.com/rhiroe/private/2121f96684581a44901e https://github.com/rhiroe/actioncable_rails7 本題 今回作成するアプリはユーザー認証にDevise、リアルタイムチャットを実現するためにActionCableを使用します。 作成
Railsのだいたい。ActiveHogeとかActionPageとか - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こちらの記事はRuby on Railsのおおよその機能復習用の記事です。ActiveHogeとかActionPageとか、そのへんの内容を、大まかにまとめてます。 Rails ver... Ruby on Rails 5.2 ActionHoge, ActivePage一覧 ・ActiveRecord ・ActiveModel ・ActionController ・ActionMailer ・ActionView(erb, slim, haml ) ・ActionDispatch ・ActiveJob ・ActionCabl
AWSでロードバランサー使用時のwss://xxxyyy.com/ handshake error 404対応 - Qiita
やりたいこと Rails5(APIモード)のアプリケーションで、Actioncableを使って、websocket通信によるリアルタイムチャットを実装。そんで、それをAWSのBeanstalkで作った環境にデプロイしたい。（ロードバランサー使用） 結論 （１）websocketを使う場合はClassic Load BalancerではなくApplication Load Balancerを使うこと （２）nginxの設定ファイルにwebsocketの設定を追記すること(そんな難しくない) （３）本番もredisじゃなくてasyncでいけた。 ※以下、 Classic Load Balancer = CLB Application Load Balancer = ALB とする ※Railsで実装した場合の例なので悪しからず。 (1)CLBではなくALBを使う CLBはaction cabl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ExecJS::RuntimeError SyntaxError: [stdin]:11:3: unexpected ifのエラー - Qiita![ExecJS::RuntimeError SyntaxError: [stdin]:11:3: unexpected ifのエラー - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8e78c64f451829de6cd945c69a888c33364cf685/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTY3NTc2JTJGcHJvZmlsZS1pbWFnZXMlMkYxNDk3MDA2NjQwP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTA2MzJiNjEzZTk3Y2I0MDg0MDJiMjBlZWIxZmI4NTE1%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Df8895b6253f9dd323d655c46e8bd3209%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9RXhlY0pTJTNBJTNBUnVudGltZUVycm9yJTIwJTIwU3ludGF4RXJyb3IlM0ElMjAlNUJzdGRpbiU1RCUzQTExJTNBMyUzQSUyMHVuZXhwZWN0ZWQlMjBpZiVFMyU4MSVBRSVFMyU4MiVBOCVFMyU4MyVBOSVFMyU4MyVCQyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTVkZGNkNzAzN2QxN2FkYzg2MDNiNGM0YzM2ZmUxODNm%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBraXRhb2tlaXRhJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZjU1OWQxNTUxYjFhNGQzZDkwMWMzNGVkZGVlYTZlNmE%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dc610684759eebba5d52a9ab301051d8f)
Action Cableについて調べたことまとめ - Qiita
ActionCableでもセッションが使いたい! - Qiita
【ActionCable】購読中のチャンネルをjsで取得／購読解除する - Qiita
【ActionCable】チャンネル接続／購読時にユーザ認証を行う - Qiita
ActionCableとVue.jsでチャットを爆速実装 - Qiita
Rails5でシンプルチャット - Qiita
graphql-ruby + apollo2 + ActionCableでsubscription - Qiita
