socket.io が提供してくれているものは何か - from scratch
現在開発中のシステムにリアルタイムな処理があり、そこで socket.io を使おうかなと思ってて、そういう折にタイムリーにもこの辺りの記事がタイムラインで出てきたのでメモ代わりに自分の意見を残しておく。 blog.jxck.io qiita.com socket.io が提供してくれているもの 「ブラウザとサーバ間のプロトコル」という観点で見ると socket.io は WebSocket を基本として繋がらなかった時に XHR Long Polling や polling といった形式の代替手段を提供してくれるもの、という位置づけ。 一方で「ライブラリ」という観点で見ると socket.io はリアルタイムアプリケーションを作る際に必要になる処理をまとめて実装し、クライアントとサーバ間での EventEmitter として抽象化してくれているもの、という風になる。 もう少し噛み砕いて言
Firebaseを使ってとりあえずチャットを作ってみる - Qiita
Firebase とは リアルタイム通信ができたりするものらしいです。 この文章を書いてる段階では、まだ使っていません。 https://www.firebase.com/ まずログイン サインアップしてない人はサインアップ ログインしたら、Dashboardが自動で表示されました。 APP を追加する 追加こんな感じになります 簡易チャットを作る http://lite.runstant.com/ runstant 等のブラウザ上でJSを編集してすぐに実行できるサービスを使います。 今回はrunstantを使用します。 完成形はこんな感じです。 HTMLコード <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script> でFirebaseのライブラリを読み込むだけで準備完了です。 <!docty
Node.js＋Socket.IOで作る、通信対戦ができるHTML5ゲームシステムの作り方
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめまして、Yahoo!きっず開発担当です。 昨年Yahoo!きっずにてブラウザオンラインゲーム「おしゃべりリバーシ」をリリースしました。 ※おしゃべりリバーシは2015年10月をもってサービス終了しました。ご利用いただきまして、ありがとうございました。 このゲームは、通信対戦部分の通信プロトコルWebSocketを採用し、サーバミドルウェアにNode.js＋Socket.IOを採用しました。この結果、ブラウザゲームでありながらマルチデバイスでの対戦を実現しました。 今回は、Node.js＋Socket.IOによるWebSocketサーバのシステム構築方法について考慮すべきポイントを、「おしゃべりリバーシ」の実例を紹介しながら説
【node.js】socket.ioで構築したローカルで動くシンプルなチャットルーム。みんなで書けるリモート版も公開中。 | Tettori
Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/koj/www/sites/0017_tettori.net/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340 Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/koj/www/sites/0017_tettori.net/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.cl
Socket.IO 1.0の紹介 (翻訳) - from scratch
Socket.IO 1.0がリリースアウトされました。Socket.IO v1.0が出るといわれてから一年半以上経過しましたが、やっと出ました。Node.jsに関わる方であれば一度はお世話になっていると思います。今回はSocket.IO 1.0の紹介を作者であるGuillermo Rauchがしているので、それを日本語で翻訳して紹介します。 TL;DR 翻訳していたらすごく面白かったのですが、文字だらけですごく長くなってしまったので、最初と最後にまとめを載せました。興味があれば全部目を通してみてください。 モジュール分割が進み、新しくEngine.IOが作られています。これはSocket.IOのトランスポート層のプロトコルを調律する役割を担っているライブラリです。 Engine.IOが行っている処理の一つで、最初に接続できる可能性が高いXHRやJSONPで確立し、websocketにupg
『Node.js Cluster+Socket.IO+Redisによるリアルタイム通知システム』
Node.js Cluster+Socket.IO+Redisによるリアルタイム通知システム | サイバーエージェント 公式エンジニアブログ
Socket.IO用フレームワーク socket.io-reqev - aticoにようこそ
この記事はNode.js Advent Calendar 2013 19日目の記事となります。 前書き Push通知のフレームワークとしてSocket.IOがよく使われています。 Socket.IOは、Websocketが使えない環境でもPUSH通信を可能とすることで有名ですが、それ以外にも、namespace機能やroom機能、イベントを自由に使えるなど、直接websocketを使うよりも便利な機能が多くあります。 機能は豊富ですが、書き方にルールを決めずに気軽にあちらこちらでpushを使うと、見通しが悪く保守が大変なアプリになってしまいます。 そこでSocket.ioがベースの、簡単で保守しやすいプログラムが書けるsocket.io-reqevというフレームワークを紹介します。 socket.io-reqevの概要 socket.io-reqevは、pubsub機能 + requstご
リアルタイムWebを構築しやすくする「Socket.IO」とは
本連載では、このTech-Sketchから「コレは！」というテーマをピックアップし、加筆修正して皆様にお届けいたします。 リアルタイムWebとSocket.IO 栄えある連載第1回は、リアルタイムWebとSocket.IOについてお届けいたします。Tech-Sketchに掲載した元ネタはこちらです。 JavaScriptとDynamic HTMLによる「動的に表示内容が更新されるWebサイト」は、JavaScript内から非同期にサーバへ接続しデータを取得する技術、いわゆるAjaxが利用できるようになったことを皮切りに、爆発的に広がりました。Google Mapsなどがその代表例です。 このGoogle Mapsは、表示する場所や縮尺を変更するといった「利用者の操作」を契機として新しいデータをサーバへ取りに行く仕組みになっています。そのためサーバ側でデータが変更されたとしても、次にデータを
第6回 node.js、SignalRとクラウド、まとめ | gihyo.jp
これまで5回にわたってnode.jsとSignalRについて説明をしてきましたが、この両者は思った以上に似ている技術だと感じていただけたのではないかと思います。 連載の最後となる今回は、node.jsとSignalRのそれぞれを実際にクラウドで運用するにあたって、避けることができないスケールアウトについて説明を行って、それぞれの特徴と違いをまとめたいと思います。 まずはスケールアウトを行うにあたって必要となるRedisの説明を行っておきます。RedisとはオープンソースのKVS（Key-Value Store）なのですが、他のKVSにない特徴としてPub/Sub型のメッセージングが実装されていることが挙げられます。 図 Redisは最近、非常に人気があるKVSの1つとなっている 簡単に説明するとRedisを経由して複数のサーバ間でのメッセージのプッシュ通信が出来る機能です。この機能をnod
Node.jsアプリ開発で参考になる記事 まとめ | DevelopersIO
最近は弊社のブログにもNode.js関連の記事が増えてきました。私も勉強中なのですが、社内ブログを参考にさせてもらうことがよくあります。 毎回探すのもちょっと面倒なのでClassmethid.dev()内のNode.js関連の記事をジャンルごとにまとめてみました。 1年以上前の記事もあり、情報が古い可能性があるので注意して下さい。今後も新しい記事が追加されたら更新していこうと思います。 メール送信 node.jsのいろいろなモジュール3 - Nodemailer node.js上から簡単にメールの送信ができるモジュールの記事です。 ファイル関連 node.jsのいろいろなモジュール1 - node-gzip node.js上で簡単にgzip圧縮ができるモジュールの記事です。 node.jsのいろいろなモジュール4 - Node Basic FFmpeg ffmpegという動画と音声を変換す
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でも同様。 調査 様々なクライアントから実行しても同様の状況が見られたため サーバの問題と断定しサーバ調べる。 しかしコード追ったりトレース取ったりしてもまったく原因わからず…
Node.js、Socket.IO、MongoDBでリアルタイムWeb
Node.js＋Socket.IO＋MongoDB こんにちは！ 著者は、マインドフリーという会社でNode.jsを使ってWebアプリなどを作成している。この連載では、最新Webテクノロジを使った研究開発の事例や実績を発信する弊社のサイト“Tech Release”のリニューアルで培ったNode.jsに関する知識を分かりやすくお伝えする。 Tech Releaseは一見、普通のブログに見えるが、実は記事の更新内容がリアルタイムにView画面に反映されている。管理者が、記事の文章（データ）に変更を加えると、その記事を見ている人にもページをリロードせずに、リアルタイムに文章（データ）が変化していく。 このUXを実現するために開発したシステムが、REALTIME BLOG ENGINE「REABLO」というエンジンだ。「REABLO」はNode.jsとSocket.IO、MongoDBを使用して
【CoffeeScript編】Node + Socket.IO で簡単なチャットアプリの作成 | DevelopersIO
こんにちは、うえじゅんです。 今回は前回作成したチャットアプリを「CoffeeScript」で置き換えてみます。 CoffeeScriptについては「はじめるCoffeeScript」シリーズを見ていただけると嬉しいです。 「はじめるCoffeeScript その1」 「はじめるCoffeeScript その2」 「はじめるCoffeeScript その3」 CoffeeScriptのインストール まず「CoffeeScript」インストールします。 ターミナルで以下のコマンドを実行してください。 (エラーが出る場合は、「sudo」をつけてみてください。) 「CoffeeScript」 npm install -g coffee-script インストールが終わったらこちらもバージョンを確認しておきましょう。 「coffee -v」で「CoffeeScript version 1.4.0」
Node + Socket.IO で簡単なチャットアプリの作成 | DevelopersIO
こんにちは、うえじゅんです。 今回はタイトル通りNodeとSocket.IOを使って簡単なチャットアプリを作ってみたいと思います。 「Node」のインストール インストールはとても簡単です。 公式サイトからダウンロードしてインストールするだけです。 (確認した環境はMacです) インストールが完了したらターミナルで「node -v」と入力して「v0.8.12」と表示されていれば無事成功です。 ついでに「Express」もインストールします 。 ターミナルで以下のコマンドを実行してください。 (エラーが出る場合は、「sudo」をつけてみてください。) 「Express」 npm install -g express インストールが終わったらこちらもバージョンを確認しておきましょう。 「express -V」で「3.0.0rc5」と表示されたら成功です。 プロジェクトの作成 ターミナルで「ex
expressやsocket.ioのテストはこんな感じで書いてます、というお話 - アルパカDiary Pro
最近仕事ではNode.jsしか書いてないtoritoriです。 お仕事でもexpressやsocket.ioを使っているのですが WebアプリケーションのテストについてWeb上にあまり書かれていないような気がします。 特にソケット接続した後のメッセージ送信/受信の部分です。 今までのようなHTTPの単純なリクエスト/レスポンスとは手法が異なりますしどうしたものかと。 そこで「自分はこんな感じでテストしてますよー」という記事を書いてみます。 裏を返せば「もっといい方法あるよ！」というのを聞きたいのです＞＜ サンプルについて socket.ioのexample を使います。 ただし、サンプルではログイン時に遷移しない方式なので もう少し実用的な動作に近づかせるため あえてログインURLから遷移するようにし、 セッションもRedisを使うようにしてexpressとsocket.ioでセッションを
Socket.IO for Android - 人と技術のマッシュアップ
はじめに 就職先募集中です＼(^o^)／ 前エントリの中の一部の実装の話です。Node.js + Socket.IOのサーバの基本構成と、Android版のSocket.IOクライアントのサンプルです。 とりあえずコードはよ。って方はコチラへ ※2013/3/10 コードをアップデートしてnginxのリバースプロキシに対応しました 何が出来るの？ Androidアプリとブラウザでリアルタイム双方向通信のサンプルです。要はチャットアプリです。サーバは受信データをブロードキャストするようにしています。 非常に簡単なサンプルですが、ブラウザクライアントとAndroidアプリの工夫次第で、色々な実験やプロトタイピングが出来ると思います。前エントリのプロトタイプはADKを接続してハードまでリアルタイム連携させてみたものです。 画面サンプル（自機の送ったものは表示されない） ブラウザの画面 Andro
socket.ioとenchant.jsでネトゲ作り始めた - mizchi log
某所に提出するように昔作ったもののコア部分を詰めて作ったんだけど、興が乗ったので今日そのまま作りこんでみた。 同時にログインして相手に近づいて殴ったらHPバーが減って死ぬ。死ぬと4秒でリポップする。 まだマップを実装したりモンスターを徘徊させたりしてない。実質一日で作ったものなので現状この程度。 ガワはenchant.jsで書いた。はじめてまともにつかってみたが、意外と複雑な構成に耐える印象。とくにアニメーション部分はavatar.enchant.jsの仕組みにほぼ乗っかっているのだが、サーバーサイドでステートを決定してクライアントで受け取っている。こんなこと自分以外はやっていないと思う。 一応Githubに置いた。グワーッと作りたかったので、まだテストコードを書いていない。 mizchi/node-mmo https://github.com/mizchi/node-mmo git cl
Socket.IOを用いたマウスカーソルの共有 - 自分の感受性くらい
このエントリは、「東京Node学園 4時限目」の資料その4です。 app.js var io = require('socket.io').listen(80); io.of('/index').on('connection', function(socket) { socket.on('location', function(data) { data.id = socket.id; socket.broadcast.emit('location', data); }); }); io.of('/speakers').on('connection', function(socket) { socket.on('location', function(data) { data.id = socket.id; socket.broadcast.emit('location', data); }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
websocketとイミュータブルインフラ、難しい話 - Togetterまとめ
null.ly - a really cool domain parked on Park.io
