[B! Socket.IO] kana321のブックマーク

kana321 id:kana321

Socket.IOに関するkana321のブックマーク (16)

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サーバのシステム構築方法について考慮すべきポイントを、﹁おしゃべりリバーシ﹂の実例を紹介しながら説
kana321 2015/03/04
japan

js

ajax

node.js

socket.io

あとで読む

WebSocket

HTML5

javascript

game
リンク
Node.jsとSocket.IOによるPCとスマホブラウザのペアリングデモ - ICS MEDIA
リアルタイムなデータ通信はインタラクティブなwebコンテンツには不可欠の要素です。今回はリアルタイムなデータ通信を簡単にしてくれるSocket.IOを使ってパソコンとスマホがペアリングするコンテンツを作りました。Socket.IOの簡単な解説と共に紹介します。まずは次のデモをご覧ください。 ※ ファイアーウォールの設定によっては閲覧できない可能性があります。デモ動画も御覧ください。別画面でデモを再生するサーバーサイドのソースコード(Node.js) サーバーサイドのJavaScriptを含む全ソースコード ※ 全ソースコードをダウンロードし展開後のフォルダーにてコマンドラインでnode serverを実行後、http://localhost:5000にアクセスするとローカル環境でもデモを確認できます。デモについてデモページにアクセスするとURLとペアリングコードが表示されます。以下
kana321 2014/12/25
programming

node.js

socket.io

WWW

html5

socket

node

通信

あとで読む

*あとで
リンク
Socket.IOでセンサー＆MongoDB～AngularJSアプリ間の通信を行う
Socket.IOでセンサー＆Mongo DB～AngularJSアプリ間の通信を行う：Arduinoで始めるWeb技術者のためのIoT入門（6）（1/3 ページ）家電～Webアプリ間の双方向通信をSocket.IOで行うアプリについて、サーバー側のArduino連携やMongo DBへのデータ保存などと、クライアント側のAngularJSに分けて動作を解説します。
kana321 2014/11/20
家電～Webアプリ間の双方向通信をSocket.IOで行うアプリについて、サーバー側のArduino連携やMongoDBへのデータ保存などと、クライアント側のAngularJSに分けて動作を解説

電子工作

Arduino

IoT

web

ホットエントリ

javascript

AngularJS

socket.io

MongoDB

あとで読む
リンク
「リアルタイムWEBを実現する技術」の触りを知っておく為のまとめ - Qiita
概要 socket.ioについて周辺技術の触りをまとめておくこれだけ知ってれば後から調べやすいはず覚えること Socket.io Websocket ノンブロッキングI/O node.js Socket.ioって何？ Socket.ioのページを参照「Socket.IOは、リアルタイム双方向イベントベースの通信を可能にします。」「これは、信頼性とスピードに均等に焦点を当て、すべてのプラットフォーム、ブラウザやデバイス上で動作します。」解りにくいので簡単に書くと幾つかの通信方式とサーバー、ブラウザ、デバイス間の通信を抽象化してくれるライブラリでいいはず Socket.ioが対応している通信方式 Socket.IO protocol xhr-polling xhr-multipart htmlfile websocket flashsocket jsonp-polling 抽象化し
kana321 2014/10/28
「リアルタイムWEBを実現する技術」の触りを知っておく為のまとめ

()

web制作

Node.js

Socket.io

WebSocket

web

Ajax

socket

*あとで読む

hatena
リンク
Socket.IO, Redisを使用し各ゲーム間でプッシュ通知するシステム | 株式会社サイバーエージェント
2. システム概要 homingは、アメーバピグ関連サービスのいずれかにログインしているユーザに対して、各サービスの通知情報を横断的にプッシュ通知します。システムの構成は以下の通りです。図2-1. システム概要 2-1. APIサーバユーザへの通知要求を受け付けるREST fullなAPIを備えたWebサーバです。 Node.jsのClusterによる、master/worker構成で稼働します。通知要求はワーカプロセスで処理します。図2-2. APIサーバ 2-2. Redisサーバ︵データストア用︶一時的なデータをストアするためのRedisサーバです。 sentinelプロセスによる、master/slave構成で稼働します。ストアされたデータはメモリ上のみで管理し、ディスクへの書き込みは行いません。以下の情報を管理します。ユーザのオンライン情報ユーザIDの索
kana321 2014/10/24
あとで実装

redis

socket.io

node

node.js

WebSocket

あとで読む

サーバ

API

ネットワーク
リンク
ベストなユーザエクスペリエンスを実現するJavaScriptの課題と可能性 - ワザノバ | wazanova
https://www.youtube.com/watch?v=p2F-128e3sI 1 comment | 2 points | by WazanovaNews ■ comment by Jshiike | 33分前 Socket.ioのクリエーターとして知られるGuillermo RauchのBrazilJS 2013での講演です。理想のシングルページアプリをつくろうとすると、JavaScriptが損なってしまうケースはあるとしながらも、一方で、多いに可能性を感じさせるトレンドもあるとして、最優先であるユーザエクスペリエンスを向上させるポイントを紹介しています。1) 課題スクリプトやCSSにブロックされることで、レンダリングの際にブランクページを表示してしまう。 Webスクレイピングというコンセプトを壊してしまう。サーバレンダリングしない限りは、フロント側はスムーズにスクレイピ
kana321 2014/09/27
javascript

performance

spa

socket.io

programming

Evernote

UX

serviceworker

CDN

development
リンク
VOYAGE GROUP　エンジニアブログ : Socket.IO サーバーを Haskell で書いて Yo っぽいものを作ろう
2014年08月08日15:02 カテゴリ Socket.IO サーバーを Haskell で書いてYoっぽいものを作ろうこんにちは。adingo で広告配信のお手伝いをしている井手上です。今回のエンジニアブログは Haskell の Socket.IO サーバーライブラリを使って、Yoみたいなアプリケーションを作成した話です。前置き突然ですが、皆さんはお仕事や個人的な開発ではどんなプログラミング言語・ミドルウェア・プラットフォームを利用していますか？ Web アプリケーションを作るなら Python や Ruby 等のいわゆる Lightweight Language、大量のリクエストを高速に、並列に処理したいのなら Erlang など、目的に応じた選択肢があると思います。色々な選択肢がある中、以前は最適だと思って選択したものが、年々新しい技術がが出てきているために今ならもっ
kana321 2014/08/12
ruby

Yo

プログラミング

Haskell

socket.io

web

programming

webservice

node.js

ネットワーク
リンク
Socket.IO, Redisを使用し各ゲーム間でプッシュ通知するシステム | 株式会社サイバーエージェント
2. システム概要 homingは、アメーバピグ関連サービスのいずれかにログインしているユーザに対して、各サービスの通知情報を横断的にプッシュ通知します。システムの構成は以下の通りです。図2-1. システム概要 2-1. APIサーバユーザへの通知要求を受け付けるREST fullなAPIを備えたWebサーバです。 Node.jsのClusterによる、master/worker構成で稼働します。通知要求はワーカプロセスで処理します。図2-2. APIサーバ 2-2. Redisサーバ︵データストア用︶一時的なデータをストアするためのRedisサーバです。 sentinelプロセスによる、master/slave構成で稼働します。ストアされたデータはメモリ上のみで管理し、ディスクへの書き込みは行いません。以下の情報を管理します。ユーザのオンライン情報ユーザIDの索
kana321 2014/06/09
master

node.js

Socket.IO

Redis

Web

システム

Develop

js

cluster

api
リンク
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
kana321 2014/05/30
hack

socket.io

js

php

node.js

javascript

websocket

プログラミング

nodejs

redis
リンク
Node.js、MongoDBでデータの保存
Node.js、Mongo DBでデータの保存‥Node.jsを使ってみよう︵2︶︵1/4 ページ︶ Node.jsとSocket.IO、Mongo DBを使用して、Webページの更新内容がリアルタイムにView画面に反映されるサイトを作ってみた Mongo DBの紹介前回はNode.jsでWebアプリを作成するために、ExpressやSocket.IOを使用したデモを基に説明した。今回はWebアプリのデータを保存するために必要なデータベースとしてMongo DBの使い方を説明していく。今回の記事でも後半でMongo DBを使った簡単なデモを用意しているので試してみてほしい。 Mongo DBとは、ドキュメント指向のデータベースでNode.jsと相性がいいため、Node.jsとともに注目されている。Node.jsで実装したREABLOエンジンを使ったTech Releaseでも記事のデータベースとし
kana321 2014/02/07
Node.jsとSocket.IO、MongoDBを使用して、Webページの更新内容がリアルタイムにView画面に反映されるサイトを作ってみた

開発

node.js

MongoDB

*あとで

programming

Javascript

NoSQL

database

プログラミング

socket.io
リンク
WebSocketが一番速いアプリケーションサーバはどれだ？
WebSocketが一番速いアプリケーションサーバはどれだ？‥Tomcat、Jetty、Socket.IO／Node.js性能比較︵1/3 ページ︶はじめに 2012年の10月にWindows8が発売され、そこに搭載されたInternet Explorer︵以下、IE︶10ではHTML5の機能が利用できるようになりました。また、2013年の2月にWindows7版のIE 10もリリースされ多くのユーザーがHTML5の恩恵を受けられるようになりました。 HTML5の機能の多くは、Webブラウザ側で実装されれば、HTMLやCSSを適切に記述することで利用が可能です。しかし、今回取り上げるWebSocketはサーバ側でも機能の実装が必要です。このため、WebSocketを利用する場合はWebブラウザだけではなくサーバを選ぶ必要があります。 WebSocketそのものの技術的な解説は、以下
kana321 2014/01/31
双方向通信を実現するHTML5関連技術WebSocketを実装した3つのアプリケーションサーバの実装の違い・性能などを徹底検証する。

javascript

websocket

node.js

サーバ

jetty

tomcat

html5

performance

java

socket.io
リンク
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でも同様。調査様々なクライアントから実行しても同様の状況が見られたためサーバの問題と断定しサーバ調べる。しかしコード追ったりトレース取ったりしてもまったく原因わからず…
kana321 2013/01/09
()

Webサービス

Mac

twitter

network

*server

node.js

socket.io

websocket

javascript
リンク
Engine.IO からみる Socket.IO の今後 - Block Rockin’ Codes
intro この記事は東京Node学園祭2012 アドベントカレンダー : ATND の24日目の記事です。 Socket.IO の 1.0 が、出る出るといって全然出ないので、やきもきしている方も多いと思います。しかし、その裏では Engin.IO という、割りと良い感じのファミリープロジェクトができていて、ちょうど先日 RealtimeConf でもその話がありました。これは Socket.IO にも繋がるはなしなので、今日はその Engine.IO の話をします。参考はこのへん、 https://github.com/LearnBoost/engine.io https://vimeo.com/52496621 Engine.IO と Socket.IO (と WebSocket.IO) Socket.IO は、 1.0 を視野に入れたあたりで、関連プロジェクト
kana321 2012/11/08
JavaScript

参考

flash

*javascript

programming

node.js

nodejs

socket.io

websocket

engine.io
リンク
【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」
kana321 2012/10/26
app

あとで読む

*STACK*

開発

CoffeeScript

考え方

node.js

JavaScript

プログラミング

Socket.io
リンク
Node.js、Socket.IO、MongoDBでリアルタイムWeb
Node.js＋Socket.IO＋Mongo DB こんにちは！著者は、マインドフリーという会社でNode.jsを使ってWebアプリなどを作成している。この連載では、最新Webテクノロジを使った研究開発の事例や実績を発信する弊社のサイト“Tech Release”のリニューアルで培ったNode.jsに関する知識を分かりやすくお伝えする。 Tech Releaseは一見、普通のブログに見えるが、実は記事の更新内容がリアルタイムにView画面に反映されている。管理者が、記事の文章︵データ︶に変更を加えると、その記事を見ている人にもページをリロードせずに、リアルタイムに文章︵データ︶が変化していく。このUXを実現するために開発したシステムが、REALTIME BLOG ENGINE﹁REABLO﹂というエンジンだ。﹁REABLO﹂はNode.jsとSocket.IO、Mongo DBを使用して
kana321 2012/10/13
node.js

プログラミング

javascript

Webアプリ

MongoDB

あとで読む

Socket.io

programming

web

開発
リンク
Node.jsによるPusherクローン「Keima」をリリースしました #codefirst - みずぴー日記
http://keima.herokuapp.com/ ﹁えーpolling!? pollingが許されるのは小学生までだよねー、キャハハハ﹂というわけでpush通知にWebSocketをお使いのみなさま、こんにちは。しかし、毎回、WebSocketを扱う機能を実装するのは、いくつかの理由で面倒ですよね! WebSocketは様々なバージョンがあるので、すべてに対応するのは面倒。同様の理由で、個別のアプリで作り込んでしまうと、WebSocketのバージョンアップに追従するのが面倒。 WebSocketは大抵別サーバになっているので、設定が面倒。 Heroku等のPaaSではWebSocketを使えないことが多い。 (2015/1/23追記: HerokuはWebSocketをサポートするようになりました) そこで、WebSocketによるpush通知に特化したWebサービス Keima
kana321 2012/08/12
*あとで

pusher

web

node.js

WebSocket

javascript

webservice

socket.io

node
リンク
1