リアルタイム通信で利用されるプロトコルと手法 - tech.guitarrapc.cóm
NOTE: 本記事はすでに内容が古く、今読んでも役に立つ度合いはほぼないです。 本記事は、先日社内勉強会のために準備した、Webサービスのリアルタイム通信周りのまとめシリーズ の1つを転載して公開するものです。 まだまだわかっていないことが多いので、ぜひぜひ間違っている点などにご指摘いただければと思い公開します。 ぜひぜひ優しくマサカリをいただけると泣いて喜びます！ 目次 目次 はじめに プロトコルと手法 前世代のやり方であるComet について Polling 系 Streaming 系 過渡期といわれてる手法 将来有望といわれてる手法 Polling メリット デメリット 向いているシーン Long Polling (Comet) Polling の発展版 メリット デメリット LongPolling 自体は双方向通信ではない 接続が閉じられるケース 向いているシーン Server S
Socket.IO: the cross-browser WebSocket for realtime apps.
What is Socket.IO? Socket.IO は複数の通信メカニズムを抽象化することで、 全てのブラウザ、デバイスでリアルタイムアプリを実装可能にするために開発されました。 とても手軽にリアルタイムなアプリを 100% JavaScript で作成可能です。 Server var io = require('socket.io').listen(80); io.sockets.on('connection', function (socket) { socket.emit('news', { hello: 'world' }); socket.on('my other event', function (data) { console.log(data); }); }); Client <script src="/socket.io/socket.io.js"></script
WebSocket のバイナリメッセージを試したら、ウェブの未来が垣間見えた
長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か
node/webosocketによるオンラインゲームの実装を考える / オンメモリ、KVS、RDBMS、圧縮プロトコル、そのゲームデザイン + 就活の話 - mizchi log
派手で見栄えがする大規模なプロダクトを作ろう！っていうことで、一人でフルスタックなネトゲを作っている。大きなプログラムを書いても破綻しないようにテスト書きまくってテストファーストを心がけたり、Travis-CIによる継続的インテグレーションで頑張ったり。 というわけで作っているのはMMORPGなんだけど、ここで実装するのはまあ平均的なMMORPGを想像してもらいたい。自分がやろうとしているのは、モダンなOSSとさくらの安いVPSで、独学の学生一人でもフルスタックなネトゲみたいなのが組める、ということの実証。 なんでそんなことをしているかって言うと、一応就活中で、見栄えがするアプリ提出できるとおいしいなーっていう下心。 *追記* ここでは https://github.com/mizchi/wanderer のことを言ってるんだけど大規模リファクタリング中なのでここで言ってることは半分ぐらい
MAGICAL BINGO COCORO
This is a web browser based BINGO game. You can play a game using your PC, smartphone, or any devices that are connected to internet. All you need to do is access the URL and play from the browser. No download or Fee is needed. Access a game page using your phone, PC or any devices connected to internet. Select a room from the list. Click a number on your screen once it is drawn. MAGICAL MODE Once
node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモ
かれこれ2ヶ月くらい、ちまちまと作り続けていたのがようやく動くようになったかなーという状態になったので公開してみる。 http://www1216u.sakura.ne.jp/livecoder/ 公開停止しました 手元のMacでChrome, Safari, Firefoxでは動いていた。IEは知らない。 ソースはGithubに。 https://github.com/sugyan/live-coder 使い方 Twitterでsignin。 /edit のエディタ上でテキストを編集すると、 /view/ でリアルタイムに編集が反映される(こちらはread only)。 同じユーザのページを見ているユーザ同士でのテキストチャットが可能。 構成 Server node.js v0.4.1 ライブラリはnpmにて socket.io, express, ejs, oauth, configを
WebSocketで目指せ“リアルタイムWeb”！第1回 node.jsの衝撃とWebSocketが拓く未来 - ＠IT
ご挨拶 こんにちは、ロンドンのNew Bambooという会社でWebエンジニアとして働いている@makoto_inoueです。ここのところ、PusherというWebSocketのクラウドサービスの開発に関わっています。今回から3回に渡ってWebSocketに関する短期連載を担当させていただきます。 私を含めたNew Bambooの面々（我々は自分たちのことをBambinoと呼んでいます）がWebSocketになぜ興味を持ったかということからはじまり、実際にクラウドサービスを始めるまでにいたったストーリーをお話ししたいと思います。そのストーリーを通じて、WebSocketが切り開く「リアルタイムWeb」な世界への可能性や技術的課題を皆さんと共有できればと思っています。
pywebsocketの導入とDraft75フォールバック対応 - Block Rockin’ Codes
[追記] id:Ehren さんが最近のWebSocket事情のまとめ記事を公開されました。 ブラウザの対応関係等わかりやすくて有益です！ 最近のWebSocket事情についてまとめとく - Keep on moving HTML5-hack-a-thonに参加しました。 自分の参加しグループは「ニコニコ動画的なもの」を作ろうと言うことで、 コメントが右から流れてくる 映像にエフェクトがつく コメントやエフェクトがリアルタイムに共有出来る といったような内容でCanvasやWebSocketを使ったアプリを作成しました(未完成でしたが、チームの皆さんお疲れさまでした！) 自分はWebSocket周りを担当したので、その時の備忘録を残します。 WebSocketとは 簡単にいうと、サーバがクライアントに対してpushが出来る技術です。 もっと正確に言えば、これまでのAjax等の通信は基本的に
こてさきAjax:HTMLプレゼンをWebSocketを利用し、iPhoneから操作するツールを作ってみました． - livedoor Blog（ブログ）
ドワンゴの草野さんが開発し、第６回html5とか勉強会で利用されていた HTML プレゼンテーションツール 『Nerine』が、かなりいけています。 <section>タグが一つのスライドに相当し、一つのhtmlファイルだけをメンテすれば良いという簡便性（このため、ページ切り替えも非常にスムーズです）。更に、CSS3を定義すれば、エフェクトも思いのまま。HTML5/CSS3の知識がある人であれば、非常に手軽に「イケテル」HTMLプレゼンが作れます。更に、カーソルの「上」を押せばインデックスが表示されるし、「A」キーを押せば、アスペクト比を変えれるという、とても気の利いた作りになっています。 デモを絡めたプレゼンをするときに、デモとプレゼンでウィンドウを切り替える操作って結構煩雑です。なので、HTMLでプレゼンを作って、そこにiframeでデモも埋め込んじゃうみたいなスタイルは結構好きだった
第1回 WebSocket登場までの歴史 | gihyo.jp
はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただけることになりました。WebSocketという新しいウェブの規格についての連載を、全4回の予定でお届けします。 用語統一について WebSocketは「WebSocket」「WebSockets」、単語を切り離した「Web Socket」等、表記に揺れがあります。2009年12月22日のワーキングドラフトのタイトルは「The Web Sockets API」となっていますが、2010年4月26日のエディターズドラフトでは「The WebSocket API」となっています。この連載では、最新の仕様書に則り、用語を「WebSocket」で統一します。 HTML5とWebSocketの関係 WebSocketは、もともとHTML5の一機能として仕様の策定が進められていました。しかし、Web S
Simon Willison「Node.jsは超エキサイティング」 - 以下斜め読んだ内容
Simon Willisonによる2009.11.23のブログエントリ Node.js is genuinely exciting Node.jsの詳しいレビュー。速い理由はV8だけじゃない、等々勉強になる。 以下斜め読んだ内容 Evented I/Oとは？ イベントドリブンなサーバーは、従来のスレッド／ブロックメカニズムへのオルタナティブ スレッド／ブロックメカニズムはサーバーサイドプログラミングで主流 おさらい：よくあるWebフレームワークの動き 利用できるサーバーのスレッド・プロセスからの命令で、少数のリクエストを同時にさばく 長時間かかる処理は利用できるスレッド１つと結びつく 利用できるスレッドがなくなればサーバーは応答しなくなる。 大規模なトラフィックをさばくときは、できるだけ早く処理して、割り当てたスレッドを開放して、順番待ちしてる処理へ渡さないといけない よくあるWebフレー
HTML5に追いつこう！Pure JSでWeb Socketsを動かしてみる - Born Neet
HTML5の仕様も、コミュニティの皆さんも動きが速すぎてすっかり置いてかれています。 とはいえ、HTML5は勉強しておいて絶対損はないはずなので、 マイペースで頑張りたいと思います。。 そんな中、今日、 噂のnode.websocket.jsでサーバサイドJSとHTML5 WebSocketを体験してみたの巻 - ダウンロードたけし（寅年）の日記 Real time online activity monitor example with node.js and WebSocket @ Bamboo Blog なんていう素敵な記事を見つけました。 Apacheは好きだけどPythonはちょっと・・・な僕でもこれならできるはず！と 初めてのWeb Socketsに挑戦してみました。 というわけで、改めてお勉強。 まずはAPI仕様。（プロトコルは長いし英語なのでまた今度） W3C - 『The
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.rfc-editor.org/rfc/rfc6455.txt
Incompatible Browser
monitaur.net — MONITAUR
Firefoxで一時機能凍結、WebSocketにプロトコルレベルの問題あり | エンタープライズ | マイコミジャーナル
http://socketapi.com/user/demo/0/index.php
GitHub - GeorgeNava/phpwebsocket: PHP and WebSockets
InfoQ: Node.js - Google V8 ベースの Javascript 用イベント駆動 I/O