1/2 real-time tab sync
TRANSCRIPT
![Page 1: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/1.jpg)
2011/05/29 第2回開発コンテスト24表彰式 クックパッド株式会社
白土慧 / kei-s設樂 洋爾 / darashi大和田純 / june29
![Page 2: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/2.jpg)
http://bit.ly/r3metersAccess with Google Chrome
and Click link to Install
![Page 3: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/3.jpg)
TEAM MEMBERS
@kei_s
@darashi
@june29
![Page 4: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/4.jpg)
(普段の生活で)半径3m以内にいる人が困っていることを解決する
ペアプロ中...
•「このページにサンプルコードあったよ」
•『どのページ?』
•「えっーと、Skype に貼るよ。ちょっと待ってね」
•『はい(イライラ』
![Page 5: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/5.jpg)
(普段の生活で)半径3m以内にいる人が困っていることを解決する
ペアプロ中...
•「このページにサンプルコードあったよ」
•『どのページ?』
•「えっーと、Skype に貼るよ。ちょっと待ってね」
•『はい(イライラ』
まどろっこしい!
同じページを即座に開きたい!
![Page 6: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/6.jpg)
“黙ってると ちぎれそうだから こんな気持ち半径3メートル以内の世界でもっともっとひっついていたいのさ
![Page 7: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/7.jpg)
DEMONSTRATION
•先程の Chrome Extension をインストールして、
•左上の緑のボタンを押して、
•任意の部屋名を入力。今回は onehalf にします
![Page 8: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/8.jpg)
TECHNOLOGY
• Chrome Extension
•拡張の中から WebSocket でリアルタイムに通信
• Node.js, Socket.IO
•バックエンドも JavaScript でイベントドリブン
• Node.js サーバは JoyentCloud に配置
• 24時間のうち環境構築の時間をできるだけ短く
![Page 9: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/9.jpg)
DEVELOPMENT
@kei_s
@darashi
@june29
![Page 10: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/10.jpg)
DEVELOPMENT
@kei_s
@darashi
@june29
SapporoTokyo
Tokyo
![Page 11: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/11.jpg)
DEVELOPMENT
•いつもの使い慣れた道具
• Skype, IRC, beluga, ...
• Github
• Pivotal Tracker
•クラウドホスティング(の選択肢)
• Heroku, GAE, CloudFoundary, JoyentCloud
![Page 12: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/12.jpg)
IMPRESSION
•ちょーたのしかった!!!
•チームでモノをつくるのは楽しい
•「プロダクト」として完成させるにはチームの力が重要だった
•「いつもの」やりかたで、「ふつうに」やる大事さ
![Page 13: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/13.jpg)
VOICE OF MEMBERS
• june29: 半径3メートル以内の世界でもっともっとひっついてたくて「1/2」をつくりました - 準二級.jp
• darashi: 「できればいいのに」が現実になる場所: 1/2 Real-
time Tab Sync の開発に混ぜてもらいました - dara日記
• kei-s: "1/2" というサービスを作ってた24時間くらいのはなしをします - 札幌市西区
![Page 14: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/14.jpg)
宣伝日本Ruby会議2011
6/16(土)~18(月・祝) 練馬文化センターhttp://rubykaigi.org/
![Page 15: 1/2 Real-time Tab Sync](https://reader034.vdocuments.mx/reader034/viewer/2022042607/556a5f59d8b42a7a138b52d2/html5/thumbnails/15.jpg)
“ブラウザとブラウザ 瞳と瞳と 手と手同じもの同じ感じかたしてるの愛してる 愛してる 愛してるあたしまだ懲りてない 大人じゃわかんない届かないって 言われたって このままジャンプしたい