Firefox Developers Conference 2010でnode.jsについてLTしてきました

僕にとっては、立派な会場よりも、John Resigの存在よりも、一緒に発表する他のShibuya.jsのメンバーが本当に凄いJavaScript Ninjaばっかりなので、そんな中に混ざっていいのかという不安が実は一番大きかったです。
でもまあ当日も普通に乗り切れたし、なんとか誤摩化し切れたんじゃないかと思ってます(笑

発表内容は、「Node.jsって聞いたことはあるけどまだ触ったことがない人」向けに興味を持って触ってもらうためのものなので、別に高度に技術的な内容ではありません。
ただ、発表自体がNode.js(+WebSocket)を使ったスライドだったので、そこに結構いい反応を頂けたのが嬉しかったです(無線LANの接続の調子とかでちょっと最初時間をとってしまいましたが)。

というわけで、発表内容はgithubにコミットされています。
http://github.com/meso/fxdevcon2010
node.js v0.2.5で動作確認しています。

 $ npm install express jade less socket.io
 $ git clone git://github.com/meso/fxdevcon2010.git
 $ cd fxdevcon2010
 $ node app.js

で、http://localhost/fxdevcon2010 にアクセスするとスライドの1枚目が表示されます。
このページでは左右キーを押したりしてもページは遷移しません。
http://localhost/fxdevcon2010/himitsu にアクセスすると、同じページが表示されますがこちらは左右キーでページを移動できます。移動すると、前者のhimitsuがないURLを表示しているブラウザ(タブ)も自動的にページが切り替わります。
是非試してみてください。

(追記:アップしました) http://fxdevcon2010.mesolabs.com/

Firefox Developers Conference 2010でnode.jsについてLTします

来る11/20に行われる http://mozilla.jp/events/2010/fxdevcon/ にて、「John Resig feat. Shibuya.js」の枠の中でLTさせていただくことになりました。

僕はnode.jsに対してサーバサイド側からアプローチした人間なので、JavaScriptが得意とは全く言えない状態な上に、ぶっちゃけShibuya.jsの皆さんとはあまり面識がないので(id:amachangid:malaぐらいかなぁ)かなりgkbrな感じなんですが、頑張ります。

チャンスをくれたid:t-wadaありがとうございます!

リアルタイムWebハッカソンでハンズオンしてきました

ATNDはhttp://atnd.org/events/8626ハッシュタグ#riajyuです。
会場提供はGREEさまです。いつもありがとうございます。

今回は、なんか流れでいつの間にかに僕がハンズオンの講師という立場になってました。
で、一応資料としてはnode.jsのインストールからWebSocketを使った簡単なサンプルが動かせるところまでを用意しました。前回までのエントリがそれにあたります。

最終的な成果物はhttp://riajyu.mesolabs.com/のチャットで、これを会場で参加者にも使ってもらいました。
このコードだと、新たな接続が発生する度にファイルを全部読み込む処理が入るのでその辺のパフォーマンスがどうかなーって思ったけど、まあ発言数がまだそんなに多くないのもあって、MAX30人ぐらいの同時接続があったんですけど普通に問題なくさばけてました。

成果物発表は、多人数対戦型の○×ゲーム的なものが面白かったなー。マス目があって一列に自分の色を塗れたら得点が入るっていうやつ。ソースとか公開してないかな?

LTはタイムキーパーがグダグダでした。すみません。最後にあった @jedschmidt の(fab)の話がやっぱり興味深かったしみんな一番食いついてたと思う。id:t-wadaにここまで言わせた!
http://linoit.com/users/meso_/canvases/リアルタイムWebハッカソンKPT に付箋をペタペタ貼ってください。

WebSocketはやっぱりWebユーザの体験を変革するものだし、node.jsはその実行環境としてとても優れています。是非一度触ってみてください。
node.js日本ユーザグループもよろしく!