マグロと寿司とWebSocket。Laravel+Vue.jsで簡易的なチャットを作る。 - Qiita
LaravelでWebSocketを試す機会があったので、使い方を忘れないために、「まぐろ」の数だけ「マグロ」を返すチャットをデモで作成しました。 デモはこちらから 寿司が食べたくなりますね。 LaravelでWebSocket LaravelでWebSocketを実装するには、Pusherという外部サービスを使う方法と、socket.io+RedisのPUB/SUBで、WebSocketの部分をブリッジしてあげる方法が用意されています。 WebSocketまわりをLaravelの外に切り離すことで、ビジネスロジックに集中できるんだね。すごーい。 みたいな説明がちらほらあったのですが、PusherやRedisを知らない身としてはピンとこなかったので、そこらへんを補足しながらやっていきます。今回はsocket.io+Redisで実装することにしました。 Laravel5.5 Broadcas
Angular + RxJS + WebSocket で チャットアプリを作る – Subject 利用サンプル | DevelopersIO
以前、別の記事でAkka製のチャットサーバを作ったのでシンプルなクライアントアプリも作りました。 バージョン情報 パッケージ名 バージョン WebSocketとSubjectの連携イメージ RxJSの部品は、今回 Subject を使います。Subjectは、定義したバックエンドのデータソースを Subscribe することができ、なおかつバックエンドに対して next によりデータを送出する能力をもっています。一方でWebSocketはコネクションが成立した後、 onmessage イベントに対するハンドラを登録してデータ受信時のアクションを定め、 send によってデータを送信します。この時点で Subject と WebSocketは相性が良いのではないかと考えました。実際この考えを実装した先人がいます。 WebSockets with Angular2 and RxJS – Łuk
Socketプログラミング · Build web application with Golang
8.1 Socketプログラミング 多くの低レイヤのネットワークアプリケーションの開発者の目には一切のプログラムがどれもSocketのように映ります。すこし大げさかもしれませんが、だいたいこのようなものです。現在のネットワークプログラミングはほぼすべてにおいてSocketを使用してプログラムされています。このような場面を考えたことはありませんか？毎日ブラウザを開いてページを閲覧する際、ブラウザプロセスはどのようにしてWebサーバと通信を行っているのでしょう？QQを使ってチャットする時、QQプロセスはどのようにしてサーバまたはあなたの友達がいるQQプロセスと通信を行なっているのでしょう？PPstreamを開いてストリーミング映像を見るとき、PPstreamプロセスはどのようにして動画サーバと通信を行っているのでしょう？このように、すべてはSocketに依存して通信を行なっています。ひとつを見
サーバPUSHざっくりまとめ
ポーリング、Ajax、Comet、Server Sent Events、WebSocket サーバPUSH方式の大雑把な比較
WebSocket大合戦：Clojure、C++、Elixir、Go、NodeJS、Ruby | POSTD
Webアプリにリアルタイムの双方向通信が必要な場合、WebSocketを選ぶのは自然なことだと思います。では、どのツールでWebSocketサーバを構築すべきでしょうか。パフォーマンスは重要ですが、開発のプロセスも見過ごしてはなりません。パフォーマンスを基準にするだけでなく、開発のしやすさも考慮に入れるべきでしょう。今回の大合戦では、Clojure、C++、Elixir、Go、NodeJS、Rubyのそれぞれの言語によって慣用的な手法で実装されたシンプルなWebSocketサーバを比較したいと思います。 テスト内容 サーバに実装するのは、 echo と broadcast の2つのメッセージのみを扱う非常に単純なプロトコルです。echoは送信クライアントに返され、ブロードキャストは全ての接続クライアントに送信されます。そしてブロードキャストが完了すると、結果メッセージが送信者に返されます。
pythonでwebsocketを使ったチャット - cwnicol programming
WebSocketsでチャットを作ってみる！ — PythonMatrixJp ↑を参考に、自分の環境で試してみた。 自分の環境のlinuxではubuntuではなく、cent osなので、 aptitude install libevent-dev python-dev python-setuptools # for ubunutu というのは使えず、 CentOSにtarからtmuxを導入する - Qiita を参考に、libevent-devをソースからコンパイルして設定。 python-dev とpython-setuptoolsについては yum install python-devel (*elが追加されてる) yum install python-setuptools で、いけたと思う。 python chat_sample.pyでサーバ起動。 ブラウザで、http://192
WebSocketsでチャットを作ってみる！ — PythonMatrixJp
WebSocketsってなにができるの？ WebSocketsは双方向ストリーム通信ができる規格。 最もメジャーなHTTPは同期型といい、 クライアントからサーバーへつなぎに行く。 クライアントからサーバへデータを送信する。 サーバーからクライアントへデータを返信する。 接続を切断する。 以上をセットで繰り返し、データの交換を行ないます。 HTTPではこの手順が規定されているので、手順3.に進んでから手順2.をやりたかったら 手順4.まで進めて最初から手順を踏んでいかなければなりません。 手順3.だけを繰り返したい場合も基本のこの手順セットを繰り返す必要があります。 これが双方向ストリーム通信の場合、手順1.を予め実行し繋ぎっぱなしにします。 手順2.や手順３．は随時好きなタイミングで実施できます。 これは手順4.を実施するまで任意の回数手順2.や手順3.を実行できます。 データが欲しい側
サーバからクライアントに送信する技術 - WebSocketを中心に - Qiita
Webでのプッシュ技術 HTTPはクライアント（ブラウザ）からリクエストしてサーバからレスポンスが返る一問一答型のプロトコルなので、基本的にはサーバ側からブラウザに新着情報をリアルタイムで通知（プッシュ）できるようにはできていません。 しかしそれでもプッシュをしたいという場合にどうするかという話が出てきます。やり方には以下のようなものがあります。 ポーリング クライアントからサーバに定期的に新着を問い合わせるようにします。 最も原始的かつ確実なやり方。欠点は、最大でポーリング間隔の分だけ通知が遅延しうることです。 ロングポーリング（“COMET”） ポーリングなのですが、問い合わせを受けたサーバは新着情報がなければレスポンスを返すのをしばらく保留します。 そのあいだに新着情報が発生すれば即座にレスポンスを返しますし、一定時間経過したら何もなかったとレスポンスを返しましょう。 飛び交う通信内
チャットアプリ開発に見る、Socket.IOの基本ライブラリの使い方
本連載「Socket.IOで始めるWebSocket超入門」では、WebSocketを扱うことができるNode.jsのライブラリ「Socket.IO」を使って、サンプルアプリケーションを構築していきます。 具体的には、チャットを題材とし、送受信されるメッセージ内容が即時反映されるリアルタイムかつ双方向なWebアプリケーションの構築を目標とします。さらに構築の中で、Socket.IOの各種ライブラリの使い方について解説することで、Socket.IOを使ったWebSocketの実践方法を体系的に学びます。 前回の「いまさら聞けないWebSocketとSocket.IOの基礎知識＆インストール」では、本連載で使用する環境の構築とチャットアプリケーションのひな型を作成しました。今回は、ひな型を使用してSocket.IOの基本ライブラリについて解説します。 以降は、前回の環境構築とひな型の作成が完了
いまさら聞けないWebSocketとSocket.IOの基礎知識＆インストール
本連載「Socket.IOで始めるWebSocket超入門」では、WebSocketを扱うことができるNode.jsのライブラリ「Socket.IO」を使って、サンプルアプリケーションを構築していきます。 具体的には、チャットを題材とし、送受信されるメッセージ内容が即時反映されるリアルタイムかつ双方向なWebアプリケーションの構築を目標とします。さらに構築の中で、Socket.IOの各種ライブラリの使い方について解説することで、Socket.IOを使ったWebSocketの実践方法を体系的に学びます。 いまさら聞けないWebSocketとは WebSocketはリアルタイムWeb技術の一種であり、リアルタイムかつ双方向な通信を実現するプロトコルです。WebSocket通信では、コネクション確立時にHTTPからWebSocketへプロトコルを切り替えます。1度コネクションが確立されると、「w
Node.jsでSocket.ioを使わずにWebSocket - Qiita
ちょっとWebSocketを使う話があったので試してみます。 考えてみるとNode.jsでリアルタイム通信をする時はSocket.ioかMilkcocoaを使ってました。 調べるとそこまでサンプルっぽいサンプルが見当たらないのでメモしてみます。 websocket-node npmなどで調べるとこのパッケージがメジャーっぽいですね。 https://github.com/theturtle32/WebSocket-Node #!/usr/bin/env node var WebSocketServer = require('websocket').server; var http = require('http'); var server = http.createServer(function(request, response) { console.log((new Date()) +
Webやスマホのリアルタイム技術が発達しまくっててビビった話 - ボクココ
ども、@kimihom です。 今日 Twilio の IP メッセージング勉強会ってのに登壇して発表するんだけど、それに先立って色々調べていたら、リアルタイム技術の業界がめちゃ盛り上がっててビビったので記事にしてみる。 IoT 業界では割と騒がれているようなのだけども、Webやアプリエンジニアは"蚊帳の外"みたいに思ってるとほんと取り残されるな、と痛感した。 てかリアルタイムって何よ 本当の基本はチャットである。Aさんが「ヤッホー」って言った時に、Bさんがその「ヤッホー」をどのタイミングで受け取れるのかという話。これ、普通のHTTPを使うだけだと困難な話なんだよね。 てことで WebSocket っていうHTML5から出た新しいプロトコルを使うわけだ。そうすればHTTPとは別のコネクションを張ってイベントが発生した(Aさんが発言した)時点でイベントを取得する(Bさんが受け取る)ことができ
WebSocketには注意が必要 | POSTD
近い将来WebSocketがRailsで使用できるようになると聞くと、デベロッパはみんな舞い上がって興奮します。 しかし、 あなたのユーザは、あなたがWebSocketを使用しているかどうかなんて気にしません 。 ユーザは、”快適なリアルタイムWebアプリ”を求めている。 デベロッパは、”快適でビルドが簡単なリアルタイムWebアプリ”を求めている。 オペレーションは、”デプロイ、スケール、管理が簡単なリアルタイムWebアプリ”を求めている。 上記全ての要望をWebSocketがかなえてくれるのなら素晴らしいことですが、この実装の詳細は高いコストがかかります。 超高性能で全二重なクライアントとサーバ間の通信は、本当に私たちに必要なのか？ WebSocketは、クライアントに情報を配信するための簡単なAPIと、クライアントからWebサーバへ情報を送信するための簡単なAPIを提供します。 サーバ
リアルタイム通信で利用されるプロトコルと手法 - tech.guitarrapc.cóm
NOTE: 本記事はすでに内容が古く、今読んでも役に立つ度合いはほぼないです。 本記事は、先日社内勉強会のために準備した、Webサービスのリアルタイム通信周りのまとめシリーズ の1つを転載して公開するものです。 まだまだわかっていないことが多いので、ぜひぜひ間違っている点などにご指摘いただければと思い公開します。 ぜひぜひ優しくマサカリをいただけると泣いて喜びます！ 目次 目次 はじめに プロトコルと手法 前世代のやり方であるComet について Polling 系 Streaming 系 過渡期といわれてる手法 将来有望といわれてる手法 Polling メリット デメリット 向いているシーン Long Polling (Comet) Polling の発展版 メリット デメリット LongPolling 自体は双方向通信ではない 接続が閉じられるケース 向いているシーン Server S
アプリ向けのサーバーAPIは「REST」 or 「WebSocket」？
アプリとサーバー間のやりとりをREST APIかまたはWebSocketで実装するか迷ったときの覚書。 よくまとまっているサイト WebSockets versus REST? （上記サイトの日本語訳）WebSockets vs. REST? 今のところ「共存出来るんだから、それぞれの特性を理解して使い分けろ」に落ち着いている感じ。 WebSocketでやりとりするメッセージにルール付けして、RESTを表現しようとする動きもある。 SwaggerSocket Protocol · swagger-api/swaggersocket Wiki NginxはWebSocketをリバースプロキシ出来るし、ロードバランサとしても動作する。 NGINX as a WebSockets Proxy - NGINX ExpressJSとSocket.IOでセッションを共有出来る。 node.js - s
websocketd - Bashスクリプトだけで使えるWebSocketサーバ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5の目玉機能の一つと言えるWebSocket。使ってみたいとは思いつつもHTTPサーバとは別でサーバを立てるとなると若干の面倒さを感じてしまうのではないでしょうか。 そこで使ってみたいのがwebsocketdです。inetdくらいのカジュアルさで使えるWebSocketサーバです。 例えばこんな感じでファイルをcount.shというファイルを作成します。 #!/bin/bash for COUNT in $(seq 1 10); do echo $COUNT sleep 1 done 後はポートを指定して実行するだけです。 $ websocketd --port=8080 ./count.sh これでWebSocketサーバが立ち上がります。実際に使うHTMLファイルは次の
HTML5でサーバプッシュ（Node.jsとWebSocket） - とあるサーバ管理者 & PG & SEのメモ帳
HTML5 Advent Calendar2011の6日目。 私がHTML5の中で最も注目しているWebSocketについて書きます。 今更説明するまでもないのですが、WebSocketはHTML5で実装されたサーバプッシュを 「簡単に」実現させることができます。 サーバプッシュと言うくらいなので、当然サーバ側の仕組みが必要で、 WebSocketサーバを実現するライブラリが世の中には既にかなりありますが、 なんといってもNode.jsを使ったNode WebSocket Serverがお手軽で、 クライアントサイドと同じJavaScriptで書けるのが素敵。 とまぁ、能書きはいいので、簡単なサンプルを。 Node.jsのインストールはこちら辺りを参考にどぞ。 Node WebSocket Serevrはnpmコマンドでインストールします。 #> npm install websocket
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
websocketで複数通信時に起きた問題 - Qiita