タグ

websocketに関するl404lのブックマーク (4)

  • node.jsとWebSocketで作る野球盤ゲームの裏側 (1/4)

    Expressは雛型として扱うテンプレートエンジンを選択できます。デフォルトのテンプレートエンジンは「jade」です。jadeは以下のようにしてインストールします。 $ npm install jade jadeはXML形式でなく、インデント形式で記述します。jade以外にも、EJSやCoffeeKup、Hamlなどのテンプレートがありますので、好みで選びましょう。HTML形式で書きたい場合はEJSを選択するとよいでしょう。 Expressとjadeをインストールしたら、実際にWebアプリの雛形を作ってみましょう。 $express sample create : sample create : sample/app.js create : sample/logs create : sample/pids create : sample/public/images create : sam

    node.jsとWebSocketで作る野球盤ゲームの裏側 (1/4)
  • はじめての共同作業 Canvas編 (node.js + websocket)

    こんにちは、中川です。 先月無事に結婚をした開発者が一名おり、近年アシアルでは徐々に既婚者が増えてきている状況です。 ということで、結婚といえば共同作業ですよね。 今までは、一人で作業していて大変なことが色々あったと思いますが、 二人(複数)でやれば、乗り越えられることもあることでしょう。 Webアプリでも最近は、より共同作業がしやすい環境ができつつあるように思います。 そこで、今回はWebSocketを使ったリアルタイム通信でのやり取りを行い、 一緒にお絵描きができるサンプルアプリを作ってみました。 ■■■概要■■■ ・アプリ概要 ・・Canvas + WebSocket ・対応ブラウザ ・・Chrome or Safari (他、WebSocketが使えるブラウザ) ・サーバ側プログラム ・・node.js 0.2.0 ・・express@1.0.0rc2 ・・websocket-se

    はじめての共同作業 Canvas編 (node.js + websocket)
  • 複数人で同時に書けるnode.js製ホワイトボード·whiteboard MOONGIFT

    whiteboardはWebSocketを使ったリアルタイムドローソフトウェア。 whiteboardはnode.js/JavaScript製のオープンソース・ソフトウェア。node.jsが熱い。サーバサイドJavaScriptという珍しさもあって、先進的な技術を試すのにぴったりな環境となっている。HTML5を使ったソフトウェアはとても多い。 Safariでお絵描き HTML5と言えば多数の新機能を備えているが、最も特殊なものとしてはWebSocketが挙げられるかも知れない。使い勝手が難しいが、新たなWebの可能性も見いだせそうだ。そんなWebSocket + node.jsで開発されたのがwhiteboardだ。 whiteboardは複数人同時に編集が可能なホワイトボードシステムだ。マウスでクリックして線を引くことが出来る。その内容はリアルタイムに別なブラウザに反映される。クリアボタ

    複数人で同時に書けるnode.js製ホワイトボード·whiteboard MOONGIFT
  • node.websocket.jsで超適当ホワイトボードアプリ - Born Neet

    今週は仕事とドラクエVIが忙しくて全然勉強の時間がとれませんでした。 (モンスターが仲間に入らないのと難易度が下がってるのにはがっかりしましたが、やっぱり6はいいですね。) というわけで週末、しかも2日目に慌ててやってみます。 触るのは、引き続きWeb Socket(s)。 前回のでAPI(クライアントサイド。つまりJS。sがつく方)は何となくイメージできたかなぁという感じ。 しかし、プロトコル(Web Socket protocol。こっちはsがつかない)はイマイチ理解できてません。 こういう時はやっぱり手を動かすのが一番ということでとりあえず何か作ってみます。 ※ ほんとはパケットキャプチャ取りたかったんですがうまくいかなかったので断念 それでは始めましょう。 まずは参考記事探しから。 Web Socket ProtocolのRFC和訳 - YAMAGUCHI::weblog ないと思

  • 1