【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
【リアルタイム共同編集】Atomで出来るようになったってよ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? GithubがAtomのパッケージに Teletypeをリリースしました！ 公式サイト：Teletype for Atom また9月には、Atomを統合開発環境にするという「Atom IDE」パッケージが出ましたね！ ->Atomに統合開発環境パッケージが出たってよ 早速どんなものか説明したいと思います Teletypeってなに？ 簡単にまとめると 「離れていても複数人で同じファイルを**リアルタイムに編集**できる」ものです。 共同編集できるとなんなの？ 例えば上司や先輩にコードレビューをしてもらうときにわざわざ対面で行う必要がなく、
Webpacker + Vue + Vuex + ActionCable で動作するサンプルを作った話 - Qiita
はじめに Qiita では初めまして、主に ProjectHL2 という名義で活動している何でも屋のおじさんです。 小さなソフトウェア開発会社でエンジニアをやっており、主に Ruby on Rails を用いた業務システム開発を行っておりました。 最近は会社にも後輩のエンジニアが増え、フロントやモバイルの開発もバンバン行うようになり、こうした技術についてもっと世のエンジニアの皆さんとも共有して行きたい（ついでに仕事も欲しい）と思い記事を書いていく事にしました。 今後ともよろしくお願いします。 動機 元々 React + Redux はたまたま実案件でご一緒させて頂いたエンジニアさんと「全然分からないんですか！僕もです、やりましょう！」といった流れで勉強しました。意味不明ですが、人生とはそういうものだと思います。 ともあれ Vue + Vuex でも同じような事ができそうだったので、後輩エン
ActionCableでDeviseのcurrent_userを扱う - Qiita
【注意！】この記事はRails 5.0.0RC1を対象にしています。他のバージョンでの挙動は分かりません。あとそのうちDevise側が対応してくると思います。 (3.5では未対応) Rails 5の目玉機能といえば、ActiveCable。実際に使うとなるとDeviseなどの認証機構と一緒に使うと思います。 しかし、ActionCable + Deviseをググってもあまり良い情報は出てこず、ログインしたらcookieにcurrent_user.idを書くと良いよという記事が真っ先に出てきます。 そんな雑な方法はイヤなので、sessionから読むようにしてみます。 module ApplicationCable class Connection < ActionCable::Connection::Base identified_by :current_user def connect s
ActionCableコードリーディングその3 - Qiita
その1 その2 概要 ActionCableのコードリーディングをしつつメモ書き。 今回はWebSocketに対して登録されたイベントハンドラから見ていきます。 ActionCable::Connection::Base#process その1でも見ましたが、WebSocketへのイベントハンドラの登録はここで行われています。 # Called by the server when a new WebSocket connection is established. This configures the callbacks intended for overwriting by the user. # This method should not be called directly. Rely on the #connect (and #disconnect) callback ins
国内初のウェブプッシュサービスbpushのOSS化と運営して学んだことについて - Qiita
bpushをオープンソースにしてみた 下記の記事を投稿したのが 2015年04月28日 で、もう少しで２年になります。 ウェブにプッシュ通知をもたらすウェブサービス「bpush」を作った この記事を投稿してから bpush はほんの少し話題になりました。それから約２年。 クラウドサービスとしてのbpushは2017年3月末をもってサービスをクローズし、 大幅に機能拡充してオープンソースソフトウェアとして公開することになりました。 主な機能追加 Firefoxサポート(VAPID対応) 日々の送受信数などの統計ページの用意 ユーザーをタグ付けするAPIの用意(指定タグのユーザーにAPI経由で通知を送信) golangによる高速なAPIの追加 余談ですが、クリック数の計測のためのAPIがPHPだと間に合わないという問題がありまして、わりと最近ですがクリック数計測のAPIをgolangで書きまし
Node.jsからSocket.IOを使うための事前知識 - Qiita
Node.jsからSocket.IOを使う上で知っておくべきWebSocketの背景やSocket.IOの知識についてまとめてみました。 後半はインストール方法とサンプルになります。 1. Socket.IOとは 1.1. HTTP クライアントからサーバーにリクエストを送り, サーバーはそれに対してレスポンスを返すというプロトコルです。 サーバーからクライアントに対してリクエストや通知を送信する方法は用意されていません。 1.2. ポーリング クライアントからサーバーに定期的にリクエストを送信する方法。 無駄なリクエストが増えてしまうという欠点があります。 1.3. WebSocket 2011年にRFC6455で仕様が提案されたサーバーとクライアントの双方向通信用のプロトコルで, 非同期かつ双方向の通信を可能にしています。 ブラウザのバージョンによってはサポートしていないものもあるので
fastlane の pem を使って一瞬で iOS 用の Push 通知 (Apple Push Notification Service) の証明書を作る - Qiita
iOS でプッシュ通知通知をする場合、プッシュ通知用の証明書を作る必要があります。 恐らく最終的に hogehoge.p12という拡張子のファイルを作ることが多いと思います。 しかし、その証明書の作成方法はブラウザや mac の キーチェーンアクセス を行ったり来たりする必要があるので非常に面倒です。 具体的にはここにあるような手順を踏む必要があります 更にこの作業はリンク先にあるように証明書の期限が1年で切れるため毎年やる必要があります。 1年後だと確実に忘れていそうですよね。また、手順が複雑すぎて最初の1回目も手間取ると思います。 そこで今回はそんな面倒な手順をコマンド一発で終わらせる fastlane の pem を紹介したいと思います。 インストール お手持ちの環境で gem install pem とやるとインストールできます。 README.md もご確認ください。 証明書の作
iOSプッシュ通知用証明書の更新方法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? iOSアプリの開発者ならば経験する（かもしれない）年１回訪れる作業。それがプッシュ通知用証明書の更新。 これを怠るとアプリにプッシュ通知が届かなくなり、お客様や担当営業ないしはサポセン担当者からのクレームが大ハッスル。 いざ慌てて更新しようにも、やり方を忘れてしまったり、Appleの開発者向けサイトのレイアウトが変わっていたりとさぁ大変。 ここはそんな迷える子羊達の救いの手となるべくプッシュ通知用証明書の更新方法をメモしておきます。（※新規に作る方法はここには記載されてません） 1. 証明書の要求ファイル(CSR)を作成する Macでキ
いまさらHTML5 （WebSocket編） - Qiita
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WebSocket Sample</title> <script type="text/javascript" src="./jquery.js"></script> <script type="text/javascript"> // 接続先URI var uri = "ws://" + location.host + "/sample/chat"; // WebSocketオブジェクト var webSocket = null; // 初期処理 function i
rubyでwebsocketを試してみる - Qiita
<html> <head><meta charset="UTF-8" /> <title>websocket ruby test</title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script> <script type="text/javascript"> $(function(){ var ws = new WebSocket('ws://localhost:8888/'); $("#send").on('click', function(){ ws.send($('#message').val()); }); ws.onmessage = function(event){ var message_li = $('<li>').text(event.data
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
graphql-ruby + apollo2 + ActionCableでsubscription - Qiita
ActionCable内でRedisに保存したセッションからログインユーザーデータを取得する - Qiita
ActionCableを読み解く（cable server 編） - Qiita
Rails + ActionCable + ReactJS(ES6)でリアルタイムチャットアプリを作った - Qiita
フロントエンドで ActionCable を npm 経由で使う - Qiita
ActionCableコードリーディングその1 - Qiita
https://qiita.com/okamu_/items/87d79e449b11855d5f76