node.jsとWebSocketを使ってアクセスログをリアルタイムにビジュアル化·maptail.js MOONGIFT
maptail.jsはアクセスログをリアルタイムに地図上へマッピングするソフトウェア。 maptail.jsはJavaScript/node.js製のオープンソース・ソフトウェア。node.jsに注目が集まっている。様々なソフトウェアが日々開発されていて、そのどれもが新しい技術を積極的に取り入れている。例えばHTML5だ。 こんなに奇麗に HTML5を使えばどんなことができるのか、それは実際にできあがったものを見てみるのが一番分かりやすいはずだ。その例として紹介したいのがmaptail.jsになる。MapとTailを組み合わせたこのソフトウェアはnode.js/HTML5を知る上できっと面白いはずだ。 maptail.jsを起動する時には何らかのログファイル（通常はアクセスログ）を指定して実行する。そうするとアクセスログをリアルタイムに解析し、IPアドレスから位置情報を取得して地図上にマッ
サーバを作りながら学ぶWebSocketプロトコル - みずぴー日記
WebSocketって何? WebSocketは、Javascriptでサーバとリアルタイム双方向通信をする仕組みです。概要は第1回 WebSocket登場までの歴史：Jettyで始めるWebSocket超入門｜gihyo.jp … 技術評論社によくまとまっています。 この記事ではWebSocketサーバを実装しながら、どういうプロトコルかを解説します。サンプルコードはWebSocket Draft 76でechoサーバーを作ってみた - いろいろな何かのものを参考にさせていただいています。ありがとうございます。 ※WebSocketプロトコルは現在ドラフトの段階なので、そのうち仕様が変わる可能性があります。この記事は20111/23時点の情報です。 プロトコル概要 WebSocketで通信を行なうおおまかな流れは次のようになります。 クライアントとサーバの間でハンドシェイクを行ない、接続
こてさきAjax:WebSocketがデフォルトdisableとなった件 - livedoor Blog（ブログ）
拙著（「徹底解説 HTML5 APIガイドブック コミュニケーション系API編」）の補足・修正POSTです。 p.24にWebSocketをサポートしているブラウザが記載されていますが、周知の通り、以下のブラウザでデフォルトdisableになりました。 FireFox4 Opera11 ちなみに、執筆以降サポートを開始した iOS4.2.1のsafari は、現状使える状態です。 disableとなった理由は、現状実装されているバージョン（Draft76）にセキュリティ上の脆弱性が見つかったため。脆弱性がFixされた仕様がIETFで固まれば、マイナーバージョンであっても再び対応するとのこと。 http://hacks.mozilla.org/2010/12/websockets-disabled-in-firefox-4/ 脆弱性の詳細は、Adamさんのレポートで述べられています。 ただし
WebSoocketではなくTCPSocketが欲しい！ - yukobaのブログ
現在、WebSocket は既存のHTTPプロキシを通した際にセキュリティ上の問題があるという理由で、Firefox 4 beta と Opera 11 で無効になっています。Chrome や Safari も悪意のある攻撃が始まったら無効にすると言っています。 そして、どのようなプロトコルにするかを IETF のメーリングリストであーだーこーだ議論されています。→ hybi Discussion Archive - Date Index つまみ食いで読んだだけですが、話し合いは全然まとまっていないみたいです。TLSは重いからXORがいいとか、クッキーが使えるように普通のHTTPヘッダを使いたいとか、なんか色々です。（つまみ食いなので間違っていたらごめんなさい） そもそも、既存のHTTPプロキシを通すSocketを作るというところにだいぶ無理があります。Skypeがルーター越えをするという
WebSocketを使用したWebアプリ「unkartop」を作った - へぼいいいわけ
■unkartop ※WebSocketが動くブラウザで見ないと何も起きません。Chromeがオススメ なにこれ unkarで表示された2chのスレッドをリアルタイムで集計して表示します。簡単に言うとapachetopのパクリ。 作った理由 デスクトップの片隅に端末を開いて、apachetopでサーバを監視し続けると出来る男の気分になれるので、毎日のようにダサい端末の黒地に白字が流れるのを見ていたら、そもそも端末でやる必要がない事に気がついたため作ってみました。 あと、unkarへのアクセスを可視化することで、Googleトレンドのように使える事を若干ながら期待しています。 動作イメージ 最近のブラウザは公式の着せ替え機能が充実しているため、かなりオシャレになりました。 詳細 このunkartopですが、今流行のWebSocketプロトコルを利用しています。 WebSocketを使用するに
WebSocketとNode.jsで試しにピンポンゲームを作ってみた - 最高のコンピューティング環境とは？
WebSocketを使えば、これまでFlashで作られていたユーザー対戦のあるアクションゲームをhtml + javascriptで作れるようになると思っていたけど、実際に現実的かどうか試してみた。 テストなので、とりあえずゲームとして遊べるようには作ってない。 デモ 接続しているブラウザ全てに、板とボールの動きが反映される。 Socket.io未使用版: http://syspri.org/test/websocket_pingpong_nosocketio/pingpong.htm WebSocketを使っているので、対応ブラウザはsafariとchromeの最新版。firefoxでは動かない。 Socket.io使用版: http://syspri.org/test/websocket_pingpong/pingpong.htm firefoxでも動くが、flashで通信され檄重 s
WebSocket Draft 76でechoサーバーを作ってみた - いろいろな何か
もう3ヵ月近く前ですが、WebSocketプロトコルのDraft76が公開されました。このDraft76では、それまでのDraft75とハンドシェイクの内容が変わっていました。 draft-hixie-thewebsocketprotocol-76 - The WebSocket protocol ということで、新しい仕様とPythonの勉強がてらにechoサーバーを書いてみました！実行環境は以下の通りです。 Mac OS X 10.6.4 Python 2.6.1 Chrome 6.0.472.4 Firefox 4 β1 以下、サーバー側のソースコード(WSP76_echo.py)です。githubとか使えよ！って感じはしますが、ただのサンプルなので面倒くさ(ry #!/usr/bin/env python #-*- coding:UTF-8 -*- from optparse imp
Jetty7のWebSocketをScalaから使う - ( ꒪⌓꒪) ゆるよろ日記
HTML5っ!WebSocketっ!サーバーからプッシュでっ! やりますよscalaで。とはいえ、Javaでも同じなので、Javaでやってみようって人にも参考になるかも? サーバーの実装 サーバ側の実装は、要点をまとめるとこんな感じです。 org.eclipse.jetty.websocket.WebSocketServletを継承したServletを作ります。 protected abstract WebSocket doWebSocketConnect(HttpServletRequest request, String protocol) を実装しますよ クライアントからws:/hostname/でWebSocketの接続要求が来たら、このdoWebSocketConnectが呼ばれます。 doWebSocketConnectでは、org.eclipse.jetty.websocke
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Web Socket テスト用の Chrome Extension を作ってみた - hakobera's blog
node.js で Web Socket の実験をしていて、いちいちテスト用の HTML を作るのが面倒なので作ってみました。 Chrome Extension は初めて書いたので、「こんなソースで大丈夫か？」なのですが、とりあえず自分の目的である Web Socket の開発テストには使えているので良しとしています。 Chrome Web Store - Simple WebSocket Client ソースはこちら hakobera/Simple-WebSocket-Client · GitHub なお、お気づきの方もいるかも知れませんが、名前もデザインも Simple-Rest-Client のパクリ にインスパイアされています。 おまけ node.js で以下のようなコードを書くと、Simple-WebSocket-Client を利用してチャットができます。 var sys =
Node.js Knockout に参加しました - 自分の感受性くらい
http://nodeknockout.com/ 要は、node.jsを使ったアプリケーションを48時間で作成してね。っていうコンテスト。コードはgithubにコミットし、herokuかjoyentにデプロイするのがルール。 僕は1人チームで参加しました。やっぱり、node.jsの特徴であるイベント駆動I/Oを生かしたものが作りたいと思い、WebSocketを使ってリアルタイムに複数人との対戦ができるタイピングゲームを作ることにしました。 herokuは、WebSocketの使用に制限があったので（同時接続64人までとか接続時間30秒までとか）、joyentにデプロイしました。っていうかこのjoyentのnode.js用のプラットフォームはすごく使い勝手が良かった。 完成品はhttp://mesolabs.no.de/です。ぶっちゃけ、テストも不十分だしコードも汚いand拙いものなんですが
WebSocketのプロトコル—ありえるえりあ
世間から周回遅れですが事情によりWebSocketのことを調べてみました。 WebSocketの一次情報のリンクを挙げておきます。 WebSocketプロトコル http://www.whatwg.org/specs/web-socket-protocol/ WebSocket API http://dev.w3.org/html5/websockets/ まだプロトコルとして枯れていません。プロトコル仕様の日本語訳もありますが情報が古いので最新版と互換性がありません。この文書は2010年5月23日版の仕様を元にしています。情報がいつまで有効かは不明なので読むときは気をつけてください。 昔、なんでもHTTPという風潮が嫌いでした。通信プロトコルは適材適所であるべきだと思ったからです。HTTPに向いていない用途にまで無理矢理HTTPでラップするのが嫌いでした。いつしか、まあいいかHTTPで、
JettyとGoogle ChromeでWebSocketを試す - nullpo.printStackTrace();
JavaのサーブレットコンテナであるJetty 7には WebSocketServlet があり、HTML5 WebSocket アプリケーションのサーバサイドを簡単に実装できるようだ。 試しにチャットの原型のようなプログラムを書いてみた。gitで公開しているのでcloneして試してみて。 git clone git://github.com/paulownia/websocket-sample.gitwebsocket.jar をダブルクリックすると Jetty が立ち上がる。次に Google Chrome で http://localhost:8080/ にアクセスする。connected. と表示されていれば WebSocket の接続成功だ。テキストフィールドに適当なメッセージを入力し、Shiftを押しながらEnterを入力するとサーバにメッセージが送信され、サーバは接続している
Web Sockets in Tornado - Bret Taylor's blog
I have been playing around with HTML 5 Web Sockets for a personal project. The Web Sockets API enables web browsers to maintain a bi-directional communication channel to a server, which in turn makes implementing real-time web sites about 1000% easier than it is today. Currently, the only reasonable technical facility available to browsers to communicate to web servers is XMLHttpRequest. Sites tha
こてさきAjax:apache+mod_pywebsocetを用いたliteなwebsocketsチャットサンプル - livedoor Blog（ブログ）
apache + mod_pywebsocketで web sockets のサーバーインストールまで出来ました。 ここまで、来ると せっかくなんだから、Web IFのGUIが欲しいなぁ とか echoだけだと寂しいから、チャットのサンプルが欲しいなぁ とか思ってしまいます。てことで、作って見ました。 google code(subversion)にサンプルを置いておきましたので、 $ svn checkout http://html5clock.googlecode.com/svn/trunk/websocketsample somewhere でチェックアウトして見てください。html が、Websocketsサーバーを使うためのクライアントhtml, pythonが apache+mod_pywebsocket用のチャットサンプルです。それぞれの環境に応じて、適当なディレクトリにそれ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Labs登場とWebSocketに関するアップデート