Node.js入門

Node.js 入門
2011 年 4 月 16 日

森俊夫 @ 徳島
forest1040@gmail.com
http://d.hatena.ne.jp/forest1040/

1

自己紹介
 id:forest1040 です。
 徳島で、フリーランスをやってます。
 Web 系エンジニアです。最近は、 Java EE(JBoss
Seam) と Ruby をよく使っています。
 １年前に息子が生まれ、イクメン中です。
 Node.js on Android をやってます。

2

アジェンダ
 基礎編
 Node.js とは
 非同期 I/O とイベントループ
 Node.js のアーキテクチャ
 実践編
 インストール
 デバッグ環境
 Node.js を使ったリアルタイム通信

3

Node.js とは
 サーバサイド JavaScript
 Google の V8 エンジン搭載
 シングルスレッド非同期 I/O 環境
 イベントループモデル

4

シングルスレッド非同期 I/O 環境
と
イベントループ

5

頭の体操（並行処理）

突然ですが、クイズです。
 シングルスレッドで並行処理を行うには？
 マルチスレッドとシングルスレッドの
並行処理の違いは？

6

並行処理
 マルチスレッド（ multithread ）による並行処理
呼び元と並行に処理が行われる。
 シングルスレッドでのコールバック（ callback ）によ
る並行処理
呼び元がプロセッサを使用していないときに処理
が行われる。

7

非同期と同期、ノンブロッキングとブロッキング

 さらにクイズです。
非同期とノンブロックの違いがわかります
か？

8

非同期とノンブロッキング
 実は、非同期（ Asynchronous ）とノンブロッキング
（ nonblocking ）は同じ意味としてよく使われて
いる。
 日本語に惑わされると負け。

9

非同期（ノンブロッキング）とは
非同期呼び出し（ Asynchronous Call ）と同期呼び
出し（ Synchronous Call ）の違い
 同期呼び出し（ Synchronous Call ）
通常メソッドを呼び出すとメソッド内の処理が完了
するまで、呼び出し元には戻ってこない。このよう
なメソッド呼び出しのこと。
 非同期呼び出し（ Asynchronous Call ）
メソッドを呼び出した瞬間に呼び出し元に処理が
戻ってくるような呼び出しのこと。非同期で呼び
出されたメソッドは、環境によって処理されるタイ
ミングが変わる。まさしくノンブロッキング
10

ノンブロッキング I/O とは
ブロッキング I/O （ blocking I/O ）とノンブロッキン
グ I/O （ nonblocking I/O ）の違い
 ブロッキング I/O （ blocking I/O ）
データ処理が完了するまで待たされること。
 ノンブロッキング I/O （ nonblocking I/O ）
データ処理の完了を待たされずに、他の処理を行
えること。

11

I/O モデル
W. Richard Stevens の
「 UNIX ネットワークプログラミング第 2 版 Vol.1 」
 Synchronous I/O Operation ( 同期 I/O 操作 )
 blocking I/O ( ブロッキング I/O)
 nonblocking I/O ( 非ブロッキング I/O)
 I/O multiplexing (I/O 多重化 )
 signal driven I/O ( シグナル駆動 I/O)
 Asynchronous I/O Operation ( 非同期 I/O 操作 )
 Asynchronous I/O ( 非同期 I/O)

12

Boost application performance using
asynchronous I/O

引用： Boost application performance using asynchronous I/O
http://www128.ibm.com/developerworks/linux/library/lasync/
13

Boost application performance using
asynchronous I/O

この図では、 I/O multiplexing が
Asynchronous に分類されている。

引用： Boost application performance using asynchronous I/O
http://www128.ibm.com/developerworks/linux/library/lasync/
14

C10K 問題
 ハードウェアの性能上は問題がなくても、あまりにもクライアントの数
が多くなるとサーバがパンクする問題のこと。
◇ 解決方法
1. 各スレッドが複数のクライアントを受け付ける。そしてノンブロッキン
グ I/O とレベル・トリガ型の完了通知 (leveltriggered readiness
notification) を利用する。
2. 各スレッドが複数のクライアントを受け付ける。そしてノンブロッキン
グ I/O と変更型の完了通知 (readiness change notification) を利
用する。
3. 各スレッドが複数のクライアントを受けつける。そして非同期 I/O を
使う。
4. 各スレッドが一つのクライアントを受けつける。そしてブロッキング
I/O を使う。
5. サーバのコードをカーネルに組込む。

15

マルチスレッド vs ノンブロッキング
 apache マルチスレッドモデル (C10K の解決案 No.4)
 nginx ノンブロッキング（ C10K の解決案 No.1 ）
１秒あたりの処理リクエスト数メモリ使用量

nginx は、最高で秒間 10,000 リクエストを処理する。同時接続数を
増やしても、リクエスト処理数は少々減る程度
 apache の場合、同時接続数を増やすと著しくリクエスト処理数が減
る。しかも、メモリ使用量が同時接続数に比例して増える。
つまり、同時接続数が多い場合は、ノンブロッキングが有利！！
参照： http://blog.webfaction.com/alittleholidaypresent
16

Node.js の場合
 「 3. 各スレッドが複数のクライアントを受けつける。そして
非同期 I/O を使う」を採用
 「 libev 」と「 libeio 」を使用して、非同期 I/O 環境を実装
 libev
C 言語で書かれたイベントループライブラリ
イベントループとは、無限ループを行いながら、 I/O を監視し、利用可能や I/O 完
了等のイベントが発生するとコールバック（または、シグナル）により通知。
I/O の監視には、 I/O multiplexing モデルを使用し、環境によって最適なシステ
ムコール（ Linux であれば、 epoll 、 FreeBSD では、 kqueue ）を使用。

 libeio
C 言語で書かれた非同期 I/O ライブラリ
実装的には、キューとスレッドプールを使い、 I/O を非同期並行処理します。

17

Node.js のアーキテクチャ
Java Script C / C++

Node Standard Library

Node Bindings
（ socket, http, etc ）

thread pool event loop DNS
V8 http parser
(libeio) (libev) (c-ares)

18

libev と epoll の比較
 libev と epoll を使って、 echo サーバを実装し、比較
してみましょう。

19

epoll で echo サーバ
// メイン関数 // クライアントからのイベントを処理する
int main() { void event_client (int epfd, int client, struct epoll_event ev) {
int listener, epfd; char buffer[1024];
struct epoll_event ev; int n = read(client, buffer, sizeof buffer);
struct epoll_event events[MAX_EVENTS]; if (n < 0) {
perror("read");
// サーバ起動 epoll_ctl(epfd, EPOLL_CTL_DEL, client, &ev);
listener = setup_socket(); close(client);
} else if (n == 0) {
// epollの初期化 epoll_ctl(epfd, EPOLL_CTL_DEL, client, &ev);
if ((epfd = epoll_create (MAX_EVENTS)) < 0) { close(client);
die("epoll_create"); } else {
} write(client, buffer, n);
memset(&ev, 0, sizeof ev); }
ev.events = EPOLLIN; }
ev.data.fd = listener;
epoll_ctl(epfd, EPOLL_CTL_ADD, listener, &ev); // サーバへの接続要求イベントを処理する
void event_server (int epfd, int listener, struct epoll_event ev) {
// 無限ループ struct sockaddr_in client_addr;
while (1) { socklen_t client_addr_len = sizeof client_addr;
int i;
// 接続があるまで待つ int client = accept(listener, (struct sockaddr *) &client_addr,
int nfd = epoll_wait(epfd, events, MAX_EVENTS, -1); &client_addr_len);
// 接続されているクライアント数分、処理を行う if (client < 0) {
for (i = 0; i < nfd; i++) { die("accept");
// 新規接続の場合 }
if (events[i].data.fd == listener) { setnonblocking(client);
event_server(epfd, listener, ev); memset(&ev, 0, sizeof ev);
} else { ev.events = EPOLLIN | EPOLLET;
event_client(epfd, events[i].data.fd, ev); ev.data.fd = client;
} epoll_ctl(epfd, EPOLL_CTL_ADD, client, &ev);
} }
}

return 0;
}

epoll() を使う場合、自前で無限ループをつくり、その中で、 epoll_wait() を呼び出し、クライアント
からの接続を待つ必要があります。 epoll_wait() の最後のパラメータにマイナスの値を設定する
と、タイムアウトせずにひたすら待ちます。

20

libev で echo サーバ
// メイン関数 // クライアントからのイベントを処理する
int main() { void event_client (EV_P_ struct ev_io *w, int revents) {
struct ev_loop *loop; char buf[RCVBUFSIZE + 1];
ev_io watcher; size_t n = recv(w->fd, buf, RCVBUFSIZE, 0);
if (n < 0) {
// サーバ起動 perror("recv");
int listener = setup_socket(); }
if (n <= 0) {
// イベントループの初期化 close(w->fd);
loop = ev_default_loop (0); ev_io_stop(EV_A_ w);
watcher.data = loop; free(w);
} else {
// ev_ioの初期化と開始（サーバへの接続要求を監視） buf[n] = '0';
ev_io_init(&watcher, event_server, listener, EV_READ); send(w->fd, buf, n, 0);
ev_io_start (loop, &watcher); }
}
// イベントループ開始
ev_loop(loop, 0); // サーバへの接続要求イベントを処理する
close(listener); void event_server (EV_P_ struct ev_io *w, int revents) {
return 0; struct sockaddr_in client_addr;
} socklen_t client_addr_len = sizeof(client_addr);
struct ev_loop *l;
ev_io *client_watcher;

int client = accept(w->fd, (struct sockaddr *) &client_addr,
&client_addr_len);
if (client < 0) {
if (EINTR == errno) { return; }
die("accept");
}
setnonblocking(client);
client_watcher = calloc(1, sizeof(ev_io));
l = w->data;
// ev_ioの初期化と開始（クライアントのイベントを監視）
ev_io_init(client_watcher, event_client, client, EV_READ);
ev_io_start (l, client_watcher);
}

libev を使用する場合は、無限ループを作成する必要がありません。 ev_loop() で、イベント
ループとよばれる、イベントを監視するループが実行されます。イベントループに関数を設定
して、イベントを監視します。

21

int main (void) {
libeio のサンプル // EIOスレッドで実行される
printf ("pipe ()n"); void want_poll (void) {
if (pipe (respipe)) abort (); char dummy;
printf ("want_poll ()n");
printf ("eio_init ()n"); write (respipe [1], &dummy, 1);
// libeioにwant_poll()とdone_poll()を登録。 }
// libeioがpollして欲しいときに、このwant_poll()が呼び出される。
if (eio_init (want_poll, done_poll)) abort (); // EIOスレッドで実行される
do { void done_poll (void) {
// eio_open()呼び出し後、メインループを実行する。 char dummy;
eio_open ("eio-test-file", O_RDWR | O_CREAT, 0777, 0, open_cb, "open"); printf ("done_poll ()n");
event_loop (); read (respipe [0], &dummy, 1);
}
// eio_write()呼び出し後、メインループを実行する。
eio_write (last_fd, "aaaaaaaaaa", 10, 0, 0, res_cb, "write"); // mainスレッドのイベントループ
event_loop (); void event_loop (void) {
struct pollfd pfd;
// eio_read()呼び出し後、メインループを実行する。 pfd.fd = respipe [0];
eio_read (last_fd, 0, 8, 0, EIO_PRI_DEFAULT, read_cb, "read"); pfd.events = POLLIN;
event_loop ();
printf ("nentering event loopn");
// eio_close()呼び出し後、メインループを実行する。 while (eio_nreqs ()) {
eio_close (last_fd, 0, res_cb, "close"); // イベントを待つ
event_loop (); poll (&pfd, 1, -1);
} while (0); // mainスレッドでeio_poll()を実行する。
return 0; printf ("eio_poll () = %dn", eio_poll ());
} }
printf ("leaving event loopn");
}
eio-test-file を作成モードで開き、 write(2) と read(2) を実行
し、 close(2) します。 // mainスレッドで実行される
int res_cb (eio_req *req) {
libeio は、スレッドプールにより並行処理します。 main スレッドと EIO printf ("res_cb(%d|%s) = %dn", req->type,
スレッドで通信を行うために、 eio_init() で、 libeio が poll 通知できる req->data ? req->data : "?", EIO_RESULT (req));
if (req->result < 0) perror(req->errorno);
ようにします。 return 0;
main スレッドから、 eio_open() 等の eio の I/O 関数が呼ばれると、 }
キューにたまります。 // mainスレッドで実行される
EIO スレッドは、キューから取り出して、システムコールを実行し、結 int read_cb (eio_req *req) {
果をキューに返して、 eio_poll() を呼び出すよう main スレッドに通知 unsigned char *buf = (unsigned char *)EIO_BUF (req);
printf ("read_cb = %d (%s)n",
します。 EIO_RESULT (req),
main スレッドが eio_poll() を呼び出すと、事前に設定していた関数 buf);
return 0;
がコールバックで呼び出されます。コールバックは、 main スレッドで }
行われます。

22

Node.js の処理フロー
 以下のような JavaScript コードを Node.js で実行し
た場合の処理フローを説明します。
var path = require('path'),
fs = require('fs'),
filepath = path.join(__dirname, 'a.txt'),
fd = fs.openSync(filepath, 'r');
fs.read(fd, 1024, 0, 'utf-8', function(err, str,
bytesRead) {
console.log(str);
});

 カレントディレクトリから、 a.txt を読み込みコンソー
ルに表示するプログラムです。

23


24

0. Node.js 起動時に eio_init() で node::EIOWantPoll() を libeio に登録する。
　 libeio は、 poll して欲しいタイミングになると、 node::EIOWantPoll() を呼び出すようになる。
1. node_file.cc の Read() が実行される。
2. libeio の eio_submit() が実行され、 req_queue に格納される。
　 req_queue には、 eio_req 構造体が保存される。
　 eio_read() の場合、 {TYPE=EIO_READ, FINISH=After(), DATA->cb=callback()} が設定され
る。 After() は、 node_file.cc の関数で、 libeio で eio_poll() が呼びだされた際に
　 main スレッド（イベントループ）で実行される。
　 After() の中で、 DATA->cb に設定された callback() が呼ばれる。 callback() には、
　 javascript の fs.read() の最後のパラメータとして
　設定された関数が設定される。今回の場合は、
　 function(err, str, bytesRead) {
console.log(str);
}
3. EIO スレッドで、 eio_execute() が実行され、 read(2) が実行される。
5. read(2) の結果を、 req->result に設定し、 res_queue に格納する。
6. EIO スレッドで、 want_poll() が呼び出される。
7. 先程、 eio_init() で設定した、 node::EIOWantPoll() が呼び出され、 ev_async_send() により、
　イベントループへ通知される。
8. イベントループで、 node::WantPollNotifier() が呼ばれ、 eio_poll() が実行される。
9. イベントループで先程の After() が実行され、 req->result の結果が読み出される。
10. 最後に callback() が実行される。

25

インストール
と
パッケージ管理

26

Node.js のインストール（ nave ）
 nave とは
Node.js のバージョン管理ソフト（ Ruby でいう rvm ）
複数バージョンをひとつの環境で使える
1. Node.js をインストールするディレクトリを作成する。
$ mkdir nodejs
2. git コマンドにより、 github から nave を取得します。
$ git clone http://github.com/isaacs/nave.git
3. 展開された nave ディレクトリに移動し、「 nave.sh 」を実行します。
$ cd nave
$ ./nave.sh install latest
　「 nave.sh 」の install コマンドに対して、「 latest 」オプションを指定しています。
　「 latest 」とは、最新版を意味します。「 latest 」の代わりに
　バージョン番号を指定することもできます。
4. 「 use 」コマンドを実行し、環境変数 PATH を設定します。
$ ./nave.sh use latest
　「 latest 」を指定することにより、最新版のインストール先が PATH に設定されます。
　「 install 」コマンドと同様にバージョン番号を指定して、
　特定バージョンの Node.js を動作させることもできます。
5. バージョン番号が表示されれば、インストール成功です。
$ node -v
v0.4.2 　
27

npm のインストール
 npm とは
Node.js のパッケージ管理システム（ Ruby でいう gem ）
$ curl http://npmjs.org/install.sh | sh
　「 nave.sh 」の「 use 」コマンドを実行した状態で、
　 npm をインストールすると Node.js と同じように
　 npm も nave により管理されるようになります。

29

npm 紹介
名前概要

Socket.IO WebSocket の node.js 実装です。チャット等のリアルタイム通信を作成するのに
http://socket.io/ 使用します。イベントループが本領発揮する領域のパッケージです。
＜インストール＞
$ npm install socket.io
Express Rails ライクなフレームワークです。 MVC の自動生成、ルーティング機能、モデル
http://expressjs.com/ 機能等を持っています。
$ npm install express
EJS node.js のパッケージの中で、人気のテンプレートエンジンです。
http://embeddedjs.com/ ＜インストール＞
$ npm install ejs

jsdom html に対して、 dom 操作が使えるようになるパッケージです。
https://github.com/tmpvar/jsdom ＜インストール＞
$ npm install jsdom

node-validator バリデーションや文字列操作、サニタイズ処理を行うパッケージです。
https://github.com/chriso/node-validator
$ npm install validator
node-oauth oauth 認証を行うパッケージです。
https://github.com/ciaranj/node-oauth
$ npm install oauth

node-mysql データベースの MySQL へ接続するためのパッケージです。
https://github.com/felixge/node-mysql
$ npm install mysql

30

Node.js 開発環境

31

Node.js 開発環境
 Node.js の開発環境を構築します。
 nodedev
実行中のスクリプトが更新された際に自動的に再起動します。
スクリプトを修正した時に Node.js を再起動する手間が省けます。
 nodeinspector
ブラウザ上の IDE で、 Node.js のデバッグができます。
※Webkit に依存するため、 Google Chrome 等の Webkit に対
応したブラウザが必要

32

nodedev
npm でインストールします。
$ npm install node-dev

 使用例
node コマンドの代わりに、 nodedev コマンドを使用します。
console.log("hello world");

$ node-dev hello-world.js
9 Apr 14:06:39 - [INFO] Started
hello world hello-world.js を修正すると
自動的に最実行される。

9 Apr 14:06:48 - [INFO] Started
hello world2

33

nodeinspector
npm でインストールします。
$ npm install node-inspector
 使用例
$ node-inspector
visit http://0.0.0.0:8080/debug?port=5858 to start debugging
　まず node-inspector をコンソールから立ち上げます。

$ node-dev --debug [ スクリプトファイル ]
　次に別のコンソールで、 node-dev （または、 node コマンド）に対して、
　「 --debug 」オプションを指定して、 Node.js を実行します。

ブラウザで「 http://127.0.0.1:8080/debug?port=5858 」に接続します。

34

デバッグ画面

35

Cloud9 IDE
 ブラウザ上の IDE です。
 エディタ、シンタックスハイライト、デバッグ実行等ができます。
$ npm install cloud9
 実行（実行したいディレクトリで）
$cloud9

36

Cloud9 IDE 画面イメージ

37

Node.js （実践編）
リアルタイム通信

38

Ajax vs Comet
 Ajax
Ajax を使用して、サーバへポーリング ( 一定間隔でサーバをチェックする )
◇ デメリット
 ポーリングの間隔分の遅延が発生する
 データ変更があるなしに関わらずチェックを行うため、 CPU やメモリを必
要以上に使用してしまう
 ポーリング間隔が短すぎればネットワーク帯域やリソースを消費しすぎる
 Comet
HTTP を使った（無理やり）プッシュ通信技術。クライアントからのリクエス
トに対してすぐに応答せずに、サーバ上でイベントが発生したときにレス
ポンスを返す。
◇ デメリット
 クライアントへ 2 倍のリソースが必要。
（ブラウザからサーバへの通常のリクエストは別 HTTP コネクショ
ンでやり取りするため）
 ブラウザによって挙動が変わる場合も。。
39

WebSocket

そこで、 WebSocket
 クライアントとサーバー間で双方向通信を実現す
るための仕組み。
 接続の確立までは HTTP を使用し、その後は
WebSocket 独自のプロトコルに切り替える。
 ※ 但し、現在、仕様策定中。。

40

Node.js でそれぞれのサンプルを実装

41

チープチャット Ajax Poll 版
HTML
<html>
<head>
<title>Ajax Poll Chat</title>
<script type="text/javascript" src="http://localhost/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="http://localhost/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="http://localhost/js/poll.js"></script>

</head>
<body>
<h1>Ajax Poll Chat</h1>


<form id="login_form">
<span>Enter username:</span>
<input id="user_name" type="text" size="10" value="" />
<input id="login_button" type="button" value="Login" />
</form>


<form id="write_form">
<span id="write_username"></span>
<input id="write_message" type="text" size="40" value="" />
<input id="write_button" type="button" value="Write" />
</form>


<form id="logout_form">
<input id="logout_button" type="button" value="Logout" />
</form>

<h2>Chat Log</h2>
<span id ="result"></span>

</body>
</html>
42

サーバ側 JavaScript
var http = require('http'),
fs = require('fs'),
url = require('url'),
querystring = require('querystring');

// メッセージ
var messages = [];

// http サーバの作成
http.createServer(function(req, res) {
// index.html を表示
if (req.url == "/") {
fs.readFile(__dirname + '/index.html', function(err, content) {
res.writeHead(200, {'Content-Type':'text/html; charset=utf-8'});
res.end(content);
});
// メッセージを返す
} else if (req.url == "/read_message.json") {
res.writeHead(200, {'Content-Type':'application/json; charset=utf-8'});
res.end(JSON.stringify(messages));
// メッセージの書き込み
} else {
// URL パラメータの取得
var param = querystring.parse(url.parse(req.url).query);
// メッセージの保存
messages.push(param);
console.log(param);
// メッセージを返す
res.writeHead(200, {'Content-Type':'application/json; charset=utf-8'});
res.end(JSON.stringify(messages));
}
}).listen(8192, '127.0.0.1');
console.log('http://127.0.0.1:8192/');

43

クライアント側 JavaScript
// インターバル // ログインボタン
var watch = null; function set_login_button() {
$("#login_button").click(function(){
// 初期化処理 read();
function init() { watch = setInterval(read, 5000);
$("#write_form").hide(); $("#write_form").show();
$("#logout_form").hide(); $("#logout_form").show();
$("#user_name").val(""); });
} }

// メッセージ出力 // ログアウトボタン
function show(data) { function set_logout_button() {
var result = ""; $("#logout_button").click(function(){
$.each(data, function() { clearInterval(watch);
if (this.write_message != null) { init();
result += this.user_name + ":" + this.write_message + "<br />"; });
} }
});
$("#result").html(result); $(document).ready(function() {
} init();
set_login_button();
// メッセージの読み込み set_logout_button();
function read() { set_write_button();
$.getJSON("read_message.json", null, function(data, status){ });
show(data);
});
}

// メッセージ書き込み
function set_write_button() {
$("#write_button").click(function(){
var data = {};
data.user_name = $("#user_name").val();
data.write_message = $("#write_message").val();
$.getJSON("write_message.json", data, function(data, status){
read();
});
});
}
44

チープチャット Comet 版
var http = require('http'), // http サーバの作成
fs = require('fs'), http.createServer(function(req, res) {
url = require('url'), // index.html を表示
querystring = require('querystring'); if (req.url == "/") {
// メッセージ console.log("connections.length:" + connections.length);
var messages = []; res.writeHead(200, {'Content-Type':'text/html;
// コネクション charset=utf-8'});
var connections = []; res.end(content);
});
// 全クライアントに通知 // メッセージ取得
function notify() { } else if (req.url == "/read_message.json") {
if (connections.length) { // コネクションに入れて Long Poll する（レスポンスを返さない）
var c = null; connections.push(res);
while ((c = connections.shift()) != null) { console.log("connections.length:" + connections.length);
// メッセージを返す } else {
c.writeHead(200, // URL パラメータの取得
{'Content-Type':'application/json; var param = querystring.parse(url.parse(req.url).query);
charset=utf-8'}); // メッセージの保存
c.end(JSON.stringify(messages)); messages.push(param);
} console.log(param);
} console.log("connections.length:" + connections.length);
// 60 秒待って、全クライアントにメッセージを返す // 全クライアントに通知
setTimeout(notify, 60000); notify();
} // メッセージを返す
res.writeHead(200,
// 60 秒待って、全クライアントにメッセージを返す {'Content-Type':'application/json; charset=utf-8'});
setTimeout(notify, 60000); res.end(JSON.stringify(messages));
}
}).listen(8192, '127.0.0.1');
console.log('http://127.0.0.1:8192/');

45

// 初期化処理 // ログインボタン
function init() { function set_login_button() {
$("#write_form").hide(); $("#login_button").click(function(){
$("#logout_form").hide(); read();
$("#user_name").val(""); $("#write_form").show();
} $("#logout_form").show();
});
// メッセージ出力 }
function show(data) {
var result = ""; // ログアウトボタン
$.each(data, function() { function set_logout_button() {
if (this.write_message != null) { $("#logout_button").click(function(){
result += this.user_name + ":" + this.write_message + "<br />"; init();
} });
}); }
$("#result").html(result);
} $(document).ready(function() {
init();
// メッセージの読み込み set_login_button();
function read() { set_logout_button();
// Comet 通知用のコネクション set_write_button();
$.getJSON("read_message.json", null, function(data, status){ });
show(data);
// 再度コネクションをはる
read();
});
}

var data = {};
data.write_message = $("#write_message").val();
$.getJSON("write_message.json", data, function(data, status){
show(data);
});
});
}
46

チープチャット WebSocket 版
var http = require('http'),
fs = require('fs'),
ws = require('websocket-server');

// WebSocket サーバの作成
var server = ws.createServer();

// 新規接続
server.addListener("connection", function(connection) {
console.log("connect");
// メッセージ受信
connection.addListener("message", function(message){
console.log(message);
// 全クライアントにメッセージを送る
server.broadcast(message);
});
});
// クローズ
server.addListener("close", function(connection) {
console.log("close");
});
// WebSocket サーバ待ち受け
server.listen(8000);

// http サーバの作成
http.createServer(function(req, res) {
// index.html を表示
res.writeHead(200, {'Content-Type':'text/html; charset=utf-8'});
res.end(content);
});
}).listen(8192, '127.0.0.1');
console.log('http://127.0.0.1:8192/');
47

参考資料
 私のブログ「 shutdown h now 」 http://d.hatena.ne.jp/forest1040/
 developerWorks 「 Boost application performance using asynchronous I/O 」　
http://www.ibm.com/developerworks/linux/library/lasync/
 「同期 I/O 」と「非同期 I/O 」の定義、とか　 http://d.hatena.ne.jp/hirose31/20070815
 非同期 I/O 概説　 http://www.slideshare.net/hirose31/aio
 epoll を使った echo サーバ　 http://d.hatena.ne.jp/odz/20070507/1178558340
 libev で echo サーバを作る　 http://d.hatena.ne.jp/winebarrel/20080309/p2
 C10K 問題　 http://www.hyuki.com/yukiwiki/wiki.cgi?TheC10kProblem
 node.js のソースぐらい読んでおきたい！　 http://d.hatena.ne.jp/edvakf/20101207/1291556433
 C++ で node.js ライブラリを作る・その 2 　 http://nodejs.g.hatena.ne.jp/edvakf/20101214/1292287495
 IT Pro Comet プッシュ型の Web アプリケーションを作る　
http://itpro.nikkeibp.co.jp/article/COLUMN/20080220/294242/
 node.js と WebSocket の利用シーン　 http://bizria.jp/technical/nodejswebssocket.html
 @IT Node.js でサーバサイド JavaScript 開発入門」　
http://www.atmarkit.co.jp/fwcr/index/index_nodejs.html

49

ご清聴ありがとうございました。
Node.js は、 JavaScript を使って、比較的手軽
に非同期 I/O のシステムを実装できます。
◇ 本日のふりかえり
 Node.js とは
 非同期 I/O とイベントループ
 Node.js のアーキテクチャ
 デバッグ環境
 Node.js を使ったリアルタイム通信

50

Node.js入門

More Related Content

What's hot

Viewers also liked

Similar to Node.js入門

Recently uploaded

Node.js入門