Node.js + Express + Socket.ioで簡易チャットを作ってみる - Qiita
詳しくはSocket.ioのドキュメントをご覧ください。 https://Socket.io/docs/ やりたいこと Node.js+Socket.ioの組み合わせはよく知られていると思います。 今回はこの組み合わせを使用してチャットを作ってみることを目標にしたいと思います。 Socket.ioとは Socket.ioについて紹介する前に、WebSocketとは何かの説明をする必要がありますので、WebSocketとは何者かを解決していきたいと思います。 WebSocketとは WebSocket（RFC6455）はリアルタイムかつ双方向な通信を実現するプロトコルです。 元々はHTML5の仕様の一部として進められていましたが、現在では単独のプロトコルとして策定されています。 WebSocket通信では、コネクション確立時にHTTPからWebSocketにプロトコルを切り替え、ws:または
socket.ioをv0.6.xからv0.7.xへ変更する
どうも、俺＠仕事中です。 socket.ioのv0.7.xが出てたという噂を聞きつけて早速 # npm update socket.ioしちゃったら、途端にnodeアプリが動作しなくなっちゃいました。 そこで、socket.ioのv0.7.xの仕様変更、特にメッセージ送受信部分について簡単にめもめもします。 まぁ、、socket.io : github : Migrating 0.6 to 0.7からの引用です。 ※express上で動作させているものとします。 ■ソケットの生成 ・サーバ側 var io = require("socket.io").listen(app); io.sockets.on('connection', function(socket) { console.log('接続されました'); }); ・クライアント側 var socket = io.connect(
入門 node.jsでsocket.ioを使う - テクスト讃歌
iOSにFlashを搭載しないというジョブズの宣言? はもうとっくの昔話かも知れないが、HTML5・JavaScriptによるリッチコンテンツへの可能性がますます注目されはじめている。 個人的にではあるが、電子書籍のフォーマットであるEPUB3.0に興味がある。EPUB3.0はHTML5、CSS3がベースでマルチメディア対応のフォーマットだ。これらが今後どうウェブと絡んでいくのかが楽しみだ。ウェブと繋がるというのは例えばソーシャルリーディングとしての可能性だ。そのあたりの動向もこのテクスト讃歌で追っていけたらいいと思う。 そのような大きな視点への第一歩となるかは分からないが、サーバサイドJavaScriptもその流れのひとつだと思う。 早速だがnode.jsでsocket.ioの超入門的コードの実装をしてみた。 サーバ側からクライアント側（つまりブラウザ）へ時間データを一方的にPushし、
入門 node.jsとsocket.ioの中でJSON形式を扱う例 - テクスト讃歌
今回作成したものは（も）全く役に立つものではないが、例えば座標を利用するようなシーンや、二つのアプリ（今回のは「緑色の四角形をドラッグすると座標が表示されるもの」と「チャット的なもの」）をひとつのページで組み合わせる方法をJSONを利用して作ってみた。 （前回と同じく下で動く見本はnode.js、socket.ioと連動していないので、このページを他のブラウザで開いても自分のページ以外は何の変化もない。そして青い四角の部分を飛び出してドラックできてしまうのもまた別のお話だ！...。） 見本（IE8では動作しません） 緑色の四角を移動させてください。 まずはindex.html <!DOCTYPE html> <html lang="ja"> <meta charset="utf-8"> <head> <script type="text/javascript" src="http://cd
iOS4.2〜のSafariで傾きを取得し、socket.ioでリアルタイム通信 - テクスト讃歌
HTML5とJavaScriptによるモバイル端末アプリの開発はどうなるだろう？ それら構築のための情報が息つく暇もなくネット上で更新されていく。何が主流となっていくのかといった質問も意味を成さないとしても、クロスプラットフォームの jQuey Mobile が注目され始めたり、モバイル・クラウドなるバズワードも最近（僕の頭の中で）芽生えた。 手法（＝技術）だけではなくどんな姿勢で向き合うのかは重要だが、手法が姿勢を既定するということもありうる。ウェブは死んだという視点も興味深い話だ。けれどもウェブ回帰への勢いも止まらない。もちろん10年先はどうなっているのかは分からないが「ブラウザ」によるコミュニケーションの流れがさらに加速する。そのような姿勢がHTML5によって拡散され確立されていく様子は、どうやら歴史的な事実となっていきそうな気配だ。 iOSのSafariから傾きを取得し、それを別の
iPhoneのSafariで加速度センサーを使う - 強火で進め
iOS 4.2から加速度センサーをSafari上で使用出来るようになったみたなので以前作成したこちらのサンプルをiPhone向けに移植してみました。 Firefox 3.6から搭載の加速度センサーで画像を動かすサンプルを作ってみた - 強火で進め http://d.hatena.ne.jp/nakamura001/20100123/1264234259 仕様書を確認したところほぼ同じ記述で良さそうですが微妙に変更が必要な箇所が有ったので書いておきます。 まずはイベントリスナーへの追加方法。 Firefoxの時はこの様に "MozOrientation" と書きましたが window.addEventListener("MozOrientation", mozHandleOrientation, true);iPhone(現行のW3Cの仕様)では以下の様な記述となります。 window.ad
iPhoneの加速度センサー、ジャイロセンサーテスト
「細かすぎてすぐには気づかなかったiOS6の標準ミュージックアプリの光沢」で、iPhone本体を傾けると金属の光沢具合が変わることを紹介しました。これは、iPhone内部に組み込まれている、「3軸ジャイロ」「加速度センサー」のおかげでもあります。この2つのセンサーの情報を利用して、角度によって画像を切り替えたり、画像を生成したりすれば、iPhone本体の傾きによって光沢具合を表現できるわけです。 実はこのセンサーの情報は、iOSに標準搭載されているmobile Safariでも利用可能（読み取り可能）です。前回、「まだまだあるぞ、iOS6のSafariの新機能」では、iOS6の新機能を紹介しました。加速度センサー、ジャイロセンサーのAPIについては、iOS4.2で追加されています。 試しに、Javascriptを使って、iPhoneの加速度センサー、ジャイロセンサーの情報をSafariで表
Node.js + Socket.IOでチャットアプリを作ってみた - Lounge Programmers Killer
Node.js + Socket.IOを使って簡単なチャットアプリを作ってみました。 ベースは『パーフェクトJavaScript (PERFECT SERIES 4)』の「17章 WebSocket」に出てきたサンプルコードです。 今回はこのサンプルコードをSocket.IOを使って書き直してみました。 ソースコードはGitHubにアップしています。 サーバサイド server.js var io = require('socket.io').listen(8080); io.sockets.on('connection', function(socket) { console.log('onconnection:', socket); // クライアントからのイベント'all'を受信する socket.on('all', function(data) { // イベント名'msg'で受信
socket.ioでxhr-pollingのコネクションが詰まる件（解決 - アルパカDiary Pro
※2012/01/09 追記 続きもあるよ あらすじ 先月晴れてsocket.ioクラスタがデビュー。 しかし想定していたよりxhr-polling接続が多くてフガフガな状況に。 こりゃxhr-pollingの性能評価もしとくべきだったなーと思いを馳せるアルパカ。 そこでsocket.io-clientでベンチマークを走らせたのだが websocketと時と異なりコネクションがすぐに詰まるという自体が発生…！ アルパカ大明神の運命やいかに！？ 現象 socket.io-clientでxhr-pollingのコネクション貼りまくると5コネクションで詰まる。 時間が経つとその内ヌルッと進む。 chromeやfirefoxでも同様。 調査 様々なクライアントから実行しても同様の状況が見られたため サーバの問題と断定しサーバ調べる。 しかしコード追ったりトレース取ったりしてもまったく原因わからず…
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
