[html5-developers-jp:926] Twitter Stream API を Websocket でストリーミング

292 views
Skip to first unread message

Kei Shiratsuchi

unread,
May 11, 2010, 7:29:54 AM5/11/10
to html5-dev...@googlegroups.com
はじめまして、kei-s と申します。

この ML を購読しながら、面白そうだなーと眺めていましたが、
今回はじめて Websocket を使って遊んでみました!
面白い応用例になったかなと思うので、紹介します。

Twitter が公開した User Streaming API から流れるストリーミングデータを
Websocket を使ってブラウザまで流してみました。

ChirpUserStreams => WebSocket
http://libelabo.jp/twitter/
(Twitter の User Streaming API 自体が実験的なので、停止してもご了承ください…)

詳細は、一緒に開発した @june29 のブログを参照ください。
「TwitterのChirpUserStreamsをWebSocketで垂れ流す - 準二級.jp」
http://june29.jp/2010/05/11/twitter-chirpuserstreams-websocket/

Twiiter の User Streaming API 自体の更新がとても早いのですが、
更新速度を止めることなくブラウザまで届けるために Websocket を利用しました。
その結果、ほとんどリアルタイムにブラウザが更新されるほどの速さになりました。
(Websocket を使うコードがとてもカンタンで驚いた!)

サーバ側は Ruby の EventMachine::Websocket というライブラリを使っています。
http://github.com/igrigorik/em-websocket
このライブラリもよく出来ているので、
簡単に Websocket を試すにはもってこいだと思います。
今回は試していませんが、コードを読んだところ flash でのWebsocket実装にも対応しているみたいです。

今回このアプリを作ってみるまで Websocket をどう使えば面白くなるかわからなかったのですが、
polling ではない、Streaming API のような垂れ流し型のデータに対して
Websocket のリアルタイム性がとてもマッチしていると感じました。

ではでは、今後もこの ML とHTML5 の発展を楽しみにしています!

--
kei-s
白土慧
kei.shi...@gmail.com
http://twitter.com/kei_s
http://d.hatena.ne.jp/kei-s

--
このメールは Google グループのグループ「html5-developers-jp」の登録者に送られています。
このグループに投稿するには、html5-dev...@googlegroups.com にメールを送信してください。
このグループから退会するには、html5-developer...@googlegroups.com にメールを送信してください。
詳細については、http://groups.google.com/group/html5-developers-jp?hl=ja からこのグループにアクセスしてください。

KOMATSU Kensaku

unread,
May 12, 2010, 12:30:50 AM5/12/10
to html5-dev...@googlegroups.com
kei-sさま

小松です。

おぉっ!!素晴らしいですね!確認したところ今はアクセスできないようですが、
Streaming APIをWSでRelayするのは、ナイスなアイディアですね:-)

2010年5月11日20:29 Kei Shiratsuchi <kei.shi...@gmail.com>:

yamada masaki

unread,
May 12, 2010, 3:04:07 AM5/12/10
to html5-dev...@googlegroups.com
おおっ
試してみたいけどwebsocket対応ブラウザがないっ

StreamingAPI そういうものもあるのか・・・


2010年5月12日13:30 KOMATSU Kensaku <kensaku...@gmail.com>:

かずくん

unread,
May 12, 2010, 11:09:40 AM5/12/10
to html5-developers-jp
かずくんです。

多分既出だと思うけど、flashベースのwebsocketの実装があるみたいです。
http://github.com/gimite/web-socket-js

Chrome 3, Firefox 3.5, IE 8で動作確認されてるようです。
詳細はreadme.txtを読んであげてください

On 5月12日, 午後4:04, yamada masaki <mas...@hisme.net> wrote:
> おおっ
> 試してみたいけどwebsocket対応ブラウザがないっ
>
> StreamingAPI そういうものもあるのか・・・
>
> 2010年5月12日13:30 KOMATSU Kensaku <kensaku.koma...@gmail.com>:
>
>
>
> > kei-sさま
>
> > 小松です。
>
> > おぉっ!!素晴らしいですね!確認したところ今はアクセスできないようですが、
> > Streaming APIをWSでRelayするのは、ナイスなアイディアですね:-)
>
> > 2010年5月11日20:29 Kei Shiratsuchi <kei.shiratsu...@gmail.com>:
> >> kei.shiratsu...@gmail.com

Shotaro Tsubouchi

unread,
May 13, 2010, 1:52:34 PM5/13/10
to html5-dev...@googlegroups.com
ショータローです。

>>>> Twitter が公開した User Streaming API から流れるストリーミングデータを
>>>> Websocket を使ってブラウザまで流してみました。

まさに websocket に打って付けですねー!
微妙に作って放置してた twitter クライアントをまた弄りたくなりました。
ありがとうございますw
Reply all
Reply to author
Forward
0 new messages