nkoの共有資料。socket.io周り

1. Node Knockout
@nazomikan
@yokoyahhman
@kuwabarahiroshi
@tomuumas

2. Node Knockoout
• node.js のハッカソン
• 2012/11/10 ~ 2012/11/12 の48h耐久
• 今回は400チームくらい（？）が参加、167作品が最終
的にエントリー
• 優勝商品はdropboxやらgithubやらのプレミアムアカウン
ト
• 世界の偉い人１３５人くらいがジャッジ

3. つくったもの・・

5. おっぱい.js
• http://kusattamikan.nko3.jitsu.com/

6. socket.io
• webブラウザ間でリアルタイムな通信を行うた
めのライブラリ
• イベント駆動型の記述ができ、サーバー、ク
ライアント間でのやり取りが可能
• 同じアプリケーションを開いたすべての人と
イベントの共有ができる

7. socket.io利用例１：母乳
• おっぱいへのタッチイベントを取得し
てサーバー側へ送信
• タッチされたことを全サーバーに共有
• タッチされたことを受け取った各サー
バーが感度メーターをアップ
• メーターがいっぱいになると母乳噴射

8. socket.io利用例２：声
• おっぱいへのタッチイベントを取得し
てサーバー側へ送信
• タッチされたことを全サーバーに共有
• タッチされたことを受け取った各サー
バーが感度メーターをアップ
• 感度によって出力する声の音源を変更

9. コード例

10. oppai.js
• クライアント側：おっぱいへのタッチを取得
してサーバー側へ送信

11. connection.js
• サーバー側： タッチされたことを全サーバー
に共有

12. meter.js
• クライアント側： タッチされたことを受け
取った各サーバーが感度メーターをアップ

13. socket.io利用例３：
おっぱいハンター
• アクセスするとカメラアングルの座標
を他の利用者に共有
• 他の利用者にはその座標におっぱいハ
ンターが現れる
• 以後カメラアングルを変えるごとに位
置を共有しなおす

14. • node knockout:
• http://nodeknockout.com/
• kusattamikan nko page:
• http://nodeknockout.com/teams/kusattamikan
• kusattamikan github:
• https://github.com/nko3/kusattamikan