SlideShare a Scribd company logo
1 of 31
 
outline ,[object Object]
node.js knockout
pictshare ,[object Object]
html5
websockets
誰? ,[object Object]
multitouchj: multitouch framework in java ,[object Object],[object Object],[object Object]
http://github.com/atsuya
ゆきぽん(嫁)
 
node.js knockout ,[object Object]
1 - 4 人のチーム
スクラッチから書く
コードは全て github にチェックインして、最後は heroku か joyent にデプロイする
審査員、一般の人が投票し、一番ポイントの高かったチームの勝ち
200 チームほどが参加
node.js knockout
node.js knockout ,[object Object]
stanford university で assistant professor ,[object Object],[object Object]
jQuery の作者 ,[object Object],[object Object]
node.js knockout ,[object Object]
 
node.js knockout ,[object Object]
高木さん ,[object Object],[object Object],[object Object],[object Object]
 
pictshare ,[object Object]
画像のデータを couchdb に保存する
websockets を使って、接続しているクライアント全てに受け取った画像のデータを送る ,[object Object],[object Object]
サーバーから送られてきた画像を動的に表示する
Demo

More Related Content

What's hot

VyOS Users Meeting Japan #4 VyOS 1.2.0の開発の様子と自動テストの話
VyOS Users Meeting Japan #4 VyOS 1.2.0の開発の様子と自動テストの話VyOS Users Meeting Japan #4 VyOS 1.2.0の開発の様子と自動テストの話
VyOS Users Meeting Japan #4 VyOS 1.2.0の開発の様子と自動テストの話雄也 日下部
 
Node の HTTP/2.0 モジュール iij-http2 の実装苦労話
Node の HTTP/2.0 モジュール iij-http2 の実装苦労話Node の HTTP/2.0 モジュール iij-http2 の実装苦労話
Node の HTTP/2.0 モジュール iij-http2 の実装苦労話shigeki_ohtsu
 
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法Naruto TAKAHASHI
 
dockerでImmutable InfrastructureなWordPressを考える
dockerでImmutable InfrastructureなWordPressを考えるdockerでImmutable InfrastructureなWordPressを考える
dockerでImmutable InfrastructureなWordPressを考えるGMOインターネット
 
HTTP/2の現状とこれから
HTTP/2の現状とこれからHTTP/2の現状とこれから
HTTP/2の現状とこれからshigeki_ohtsu
 
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないときNode.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないときRyunosuke SATO
 
JAWS-UG Nagoya 20160729
JAWS-UG Nagoya 20160729JAWS-UG Nagoya 20160729
JAWS-UG Nagoya 20160729陽平 山口
 
JavaのテストGroovyでいいのではないかという話
JavaのテストGroovyでいいのではないかという話JavaのテストGroovyでいいのではないかという話
JavaのテストGroovyでいいのではないかという話disc99_
 
MediaRecorder と WebM で、オレオレ Live Streaming
MediaRecorder と WebM で、オレオレ Live StreamingMediaRecorder と WebM で、オレオレ Live Streaming
MediaRecorder と WebM で、オレオレ Live Streamingmganeko
 
httpbis interim@シアトル レポート (第2回HTTP/2.0接続試験)
httpbis interim@シアトル レポート(第2回HTTP/2.0接続試験)httpbis interim@シアトル レポート(第2回HTTP/2.0接続試験)
httpbis interim@シアトル レポート (第2回HTTP/2.0接続試験)shigeki_ohtsu
 
Crystal on cygwin (WIP)
Crystal on cygwin (WIP)Crystal on cygwin (WIP)
Crystal on cygwin (WIP)fd0
 
Idcfクラウド 初心者の事始め(2)資料
Idcfクラウド 初心者の事始め(2)資料Idcfクラウド 初心者の事始め(2)資料
Idcfクラウド 初心者の事始め(2)資料Takako Miyagawa
 
自動化を支えるCI/CDツールの私の選択 ~何をするためにCI/CDツールを選ぶか~
自動化を支えるCI/CDツールの私の選択 ~何をするためにCI/CDツールを選ぶか~自動化を支えるCI/CDツールの私の選択 ~何をするためにCI/CDツールを選ぶか~
自動化を支えるCI/CDツールの私の選択 ~何をするためにCI/CDツールを選ぶか~aha_oretama
 
自動化ーニバルだよ!GDC16に見る自動化技術とテストのトレンド
自動化ーニバルだよ!GDC16に見る自動化技術とテストのトレンド自動化ーニバルだよ!GDC16に見る自動化技術とテストのトレンド
自動化ーニバルだよ!GDC16に見る自動化技術とテストのトレンドTakehara Ryo
 
httpbis interim@チューリッヒ レポート
httpbis interim@チューリッヒ レポートhttpbis interim@チューリッヒ レポート
httpbis interim@チューリッヒ レポートshigeki_ohtsu
 
Ss systemdのwslディストロを作る kernelvm探検隊online part 3
Ss systemdのwslディストロを作る kernelvm探検隊online part 3Ss systemdのwslディストロを作る kernelvm探検隊online part 3
Ss systemdのwslディストロを作る kernelvm探検隊online part 3Takaya Saeki
 
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみる
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみるづや会 Vol4 Node.jsとphpのパフォーマンスを比較してみる
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみるzuya
 

What's hot (20)

VyOS Users Meeting Japan #4 VyOS 1.2.0の開発の様子と自動テストの話
VyOS Users Meeting Japan #4 VyOS 1.2.0の開発の様子と自動テストの話VyOS Users Meeting Japan #4 VyOS 1.2.0の開発の様子と自動テストの話
VyOS Users Meeting Japan #4 VyOS 1.2.0の開発の様子と自動テストの話
 
Bluetoothでgo!
Bluetoothでgo!Bluetoothでgo!
Bluetoothでgo!
 
Jenkins と groovy
Jenkins と groovyJenkins と groovy
Jenkins と groovy
 
Node の HTTP/2.0 モジュール iij-http2 の実装苦労話
Node の HTTP/2.0 モジュール iij-http2 の実装苦労話Node の HTTP/2.0 モジュール iij-http2 の実装苦労話
Node の HTTP/2.0 モジュール iij-http2 の実装苦労話
 
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法
 
dockerでImmutable InfrastructureなWordPressを考える
dockerでImmutable InfrastructureなWordPressを考えるdockerでImmutable InfrastructureなWordPressを考える
dockerでImmutable InfrastructureなWordPressを考える
 
HTTP/2の現状とこれから
HTTP/2の現状とこれからHTTP/2の現状とこれから
HTTP/2の現状とこれから
 
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないときNode.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないとき
 
JAWS-UG Nagoya 20160729
JAWS-UG Nagoya 20160729JAWS-UG Nagoya 20160729
JAWS-UG Nagoya 20160729
 
JavaのテストGroovyでいいのではないかという話
JavaのテストGroovyでいいのではないかという話JavaのテストGroovyでいいのではないかという話
JavaのテストGroovyでいいのではないかという話
 
MediaRecorder と WebM で、オレオレ Live Streaming
MediaRecorder と WebM で、オレオレ Live StreamingMediaRecorder と WebM で、オレオレ Live Streaming
MediaRecorder と WebM で、オレオレ Live Streaming
 
jenkinsで遊ぶ
jenkinsで遊ぶjenkinsで遊ぶ
jenkinsで遊ぶ
 
httpbis interim@シアトル レポート (第2回HTTP/2.0接続試験)
httpbis interim@シアトル レポート(第2回HTTP/2.0接続試験)httpbis interim@シアトル レポート(第2回HTTP/2.0接続試験)
httpbis interim@シアトル レポート (第2回HTTP/2.0接続試験)
 
Crystal on cygwin (WIP)
Crystal on cygwin (WIP)Crystal on cygwin (WIP)
Crystal on cygwin (WIP)
 
Idcfクラウド 初心者の事始め(2)資料
Idcfクラウド 初心者の事始め(2)資料Idcfクラウド 初心者の事始め(2)資料
Idcfクラウド 初心者の事始め(2)資料
 
自動化を支えるCI/CDツールの私の選択 ~何をするためにCI/CDツールを選ぶか~
自動化を支えるCI/CDツールの私の選択 ~何をするためにCI/CDツールを選ぶか~自動化を支えるCI/CDツールの私の選択 ~何をするためにCI/CDツールを選ぶか~
自動化を支えるCI/CDツールの私の選択 ~何をするためにCI/CDツールを選ぶか~
 
自動化ーニバルだよ!GDC16に見る自動化技術とテストのトレンド
自動化ーニバルだよ!GDC16に見る自動化技術とテストのトレンド自動化ーニバルだよ!GDC16に見る自動化技術とテストのトレンド
自動化ーニバルだよ!GDC16に見る自動化技術とテストのトレンド
 
httpbis interim@チューリッヒ レポート
httpbis interim@チューリッヒ レポートhttpbis interim@チューリッヒ レポート
httpbis interim@チューリッヒ レポート
 
Ss systemdのwslディストロを作る kernelvm探検隊online part 3
Ss systemdのwslディストロを作る kernelvm探検隊online part 3Ss systemdのwslディストロを作る kernelvm探検隊online part 3
Ss systemdのwslディストロを作る kernelvm探検隊online part 3
 
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみる
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみるづや会 Vol4 Node.jsとphpのパフォーマンスを比較してみる
づや会 Vol4 Node.jsとphpのパフォーマンスを比較してみる
 

Viewers also liked

Les Français et la pierre : le retour de la confiance ?
Les Français et la pierre : le retour de la confiance ?Les Français et la pierre : le retour de la confiance ?
Les Français et la pierre : le retour de la confiance ?Monimmeuble.com
 
Memberitakan Injil Tanpa Ditolak
Memberitakan Injil Tanpa DitolakMemberitakan Injil Tanpa Ditolak
Memberitakan Injil Tanpa DitolakWilliam Wiguna
 
Light sources based on optical-scale accelerators
Light sources based on optical-scale acceleratorsLight sources based on optical-scale accelerators
Light sources based on optical-scale acceleratorsGil Travish
 
Rajin dan Layanilah Tuhan
Rajin dan Layanilah TuhanRajin dan Layanilah Tuhan
Rajin dan Layanilah TuhanWilliam Wiguna
 
Hope For Iraq Short Ver
Hope For Iraq Short VerHope For Iraq Short Ver
Hope For Iraq Short Verjim conley
 
Aparello Locomotor
Aparello LocomotorAparello Locomotor
Aparello LocomotorNati79
 
第5回SCDN - Ruby Summer of Code: NArray on OpenCL
第5回SCDN - Ruby Summer of Code: NArray on OpenCL第5回SCDN - Ruby Summer of Code: NArray on OpenCL
第5回SCDN - Ruby Summer of Code: NArray on OpenCLscdn
 
Laser-powered dielectric-structures for the production of high-brightness ele...
Laser-powered dielectric-structures for the production of high-brightness ele...Laser-powered dielectric-structures for the production of high-brightness ele...
Laser-powered dielectric-structures for the production of high-brightness ele...Gil Travish
 
Beribadah saat Bekerja?
Beribadah saat Bekerja?Beribadah saat Bekerja?
Beribadah saat Bekerja?William Wiguna
 
Baromètre Dépendance vague 7 - 2014
Baromètre Dépendance vague 7 - 2014Baromètre Dépendance vague 7 - 2014
Baromètre Dépendance vague 7 - 2014Monimmeuble.com
 
L’évolution du pouvoir d’achat immobilier selon l’âge des ménages
L’évolution du pouvoir d’achat immobilier selon l’âge des ménagesL’évolution du pouvoir d’achat immobilier selon l’âge des ménages
L’évolution du pouvoir d’achat immobilier selon l’âge des ménagesMonimmeuble.com
 
Hands On Intro to Node.js
Hands On Intro to Node.jsHands On Intro to Node.js
Hands On Intro to Node.jsChris Cowan
 
NPDES Update - 2013
NPDES Update - 2013NPDES Update - 2013
NPDES Update - 2013GDPH
 
What could you do with a particle accelerator on-a-chip?
What could you do with a particle accelerator on-a-chip?What could you do with a particle accelerator on-a-chip?
What could you do with a particle accelerator on-a-chip?Gil Travish
 
7 What Is A Mosquito
7  What Is A Mosquito7  What Is A Mosquito
7 What Is A MosquitoGDPH
 
Secrets To Succesful Execution - Coumara Radja
Secrets To Succesful Execution - Coumara RadjaSecrets To Succesful Execution - Coumara Radja
Secrets To Succesful Execution - Coumara Radjacoumara
 

Viewers also liked (20)

Les Français et la pierre : le retour de la confiance ?
Les Français et la pierre : le retour de la confiance ?Les Français et la pierre : le retour de la confiance ?
Les Français et la pierre : le retour de la confiance ?
 
Memberitakan Injil Tanpa Ditolak
Memberitakan Injil Tanpa DitolakMemberitakan Injil Tanpa Ditolak
Memberitakan Injil Tanpa Ditolak
 
4seasons
4seasons4seasons
4seasons
 
Light sources based on optical-scale accelerators
Light sources based on optical-scale acceleratorsLight sources based on optical-scale accelerators
Light sources based on optical-scale accelerators
 
Rajin dan Layanilah Tuhan
Rajin dan Layanilah TuhanRajin dan Layanilah Tuhan
Rajin dan Layanilah Tuhan
 
Jd 1
Jd 1Jd 1
Jd 1
 
Aurkezpena
AurkezpenaAurkezpena
Aurkezpena
 
Hope For Iraq Short Ver
Hope For Iraq Short VerHope For Iraq Short Ver
Hope For Iraq Short Ver
 
Aparello Locomotor
Aparello LocomotorAparello Locomotor
Aparello Locomotor
 
Do The Extra Miles!
Do The Extra Miles!Do The Extra Miles!
Do The Extra Miles!
 
第5回SCDN - Ruby Summer of Code: NArray on OpenCL
第5回SCDN - Ruby Summer of Code: NArray on OpenCL第5回SCDN - Ruby Summer of Code: NArray on OpenCL
第5回SCDN - Ruby Summer of Code: NArray on OpenCL
 
Laser-powered dielectric-structures for the production of high-brightness ele...
Laser-powered dielectric-structures for the production of high-brightness ele...Laser-powered dielectric-structures for the production of high-brightness ele...
Laser-powered dielectric-structures for the production of high-brightness ele...
 
Beribadah saat Bekerja?
Beribadah saat Bekerja?Beribadah saat Bekerja?
Beribadah saat Bekerja?
 
Baromètre Dépendance vague 7 - 2014
Baromètre Dépendance vague 7 - 2014Baromètre Dépendance vague 7 - 2014
Baromètre Dépendance vague 7 - 2014
 
L’évolution du pouvoir d’achat immobilier selon l’âge des ménages
L’évolution du pouvoir d’achat immobilier selon l’âge des ménagesL’évolution du pouvoir d’achat immobilier selon l’âge des ménages
L’évolution du pouvoir d’achat immobilier selon l’âge des ménages
 
Hands On Intro to Node.js
Hands On Intro to Node.jsHands On Intro to Node.js
Hands On Intro to Node.js
 
NPDES Update - 2013
NPDES Update - 2013NPDES Update - 2013
NPDES Update - 2013
 
What could you do with a particle accelerator on-a-chip?
What could you do with a particle accelerator on-a-chip?What could you do with a particle accelerator on-a-chip?
What could you do with a particle accelerator on-a-chip?
 
7 What Is A Mosquito
7  What Is A Mosquito7  What Is A Mosquito
7 What Is A Mosquito
 
Secrets To Succesful Execution - Coumara Radja
Secrets To Succesful Execution - Coumara RadjaSecrets To Succesful Execution - Coumara Radja
Secrets To Succesful Execution - Coumara Radja
 

Similar to node.js koとhtml5とwebsocketsと

Nodejs+socket ioを試す
Nodejs+socket ioを試すNodejs+socket ioを試す
Nodejs+socket ioを試すuzundk
 
イベント駆動プログラミングとI/O多重化
イベント駆動プログラミングとI/O多重化イベント駆動プログラミングとI/O多重化
イベント駆動プログラミングとI/O多重化Gosuke Miyashita
 
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own PathFirefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Pathdynamis
 
JavaScript And Keywords
JavaScript And KeywordsJavaScript And Keywords
JavaScript And Keywordsuupaa
 
Node.js Tutorial at Hiroshima
Node.js Tutorial at HiroshimaNode.js Tutorial at Hiroshima
Node.js Tutorial at HiroshimaYoshihiro Iwanaga
 
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノートIoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノートKazumi IWANAGA
 
Firefoxの開発プロセス
Firefoxの開発プロセスFirefoxの開発プロセス
Firefoxの開発プロセスMakoto Kato
 
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2Nobuhiro Nakashima
 
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011Hiroh Satoh
 
Node予備校 vol.1 名古屋
Node予備校 vol.1 名古屋Node予備校 vol.1 名古屋
Node予備校 vol.1 名古屋Mori Shingo
 
MakeGoodで快適なテスト駆動開発を
MakeGoodで快適なテスト駆動開発をMakeGoodで快適なテスト駆動開発を
MakeGoodで快適なテスト駆動開発をAtsuhiro Kubo
 
Serviceability Toolsの裏側
Serviceability Toolsの裏側Serviceability Toolsの裏側
Serviceability Toolsの裏側Yasumasa Suenaga
 
継続的インテグレーション3分クッキング
継続的インテグレーション3分クッキング継続的インテグレーション3分クッキング
継続的インテグレーション3分クッキングTakayuki Kondou
 
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)Tokuhiro Matsuno
 
Type scriptmemo
Type scriptmemoType scriptmemo
Type scriptmemoytanno
 

Similar to node.js koとhtml5とwebsocketsと (20)

Node.jsでブラウザメッセンジャー
Node.jsでブラウザメッセンジャーNode.jsでブラウザメッセンジャー
Node.jsでブラウザメッセンジャー
 
Nodejs+socket ioを試す
Nodejs+socket ioを試すNodejs+socket ioを試す
Nodejs+socket ioを試す
 
イベント駆動プログラミングとI/O多重化
イベント駆動プログラミングとI/O多重化イベント駆動プログラミングとI/O多重化
イベント駆動プログラミングとI/O多重化
 
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own PathFirefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
 
私とOSSの25年
私とOSSの25年私とOSSの25年
私とOSSの25年
 
JavaScript And Keywords
JavaScript And KeywordsJavaScript And Keywords
JavaScript And Keywords
 
Node.js Tutorial at Hiroshima
Node.js Tutorial at HiroshimaNode.js Tutorial at Hiroshima
Node.js Tutorial at Hiroshima
 
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノートIoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
 
Firefoxの開発プロセス
Firefoxの開発プロセスFirefoxの開発プロセス
Firefoxの開発プロセス
 
Nko
NkoNko
Nko
 
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2
 
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
 
Hudson (JJUG CCCにて)
Hudson (JJUG CCCにて)Hudson (JJUG CCCにて)
Hudson (JJUG CCCにて)
 
Node予備校 vol.1 名古屋
Node予備校 vol.1 名古屋Node予備校 vol.1 名古屋
Node予備校 vol.1 名古屋
 
MakeGoodで快適なテスト駆動開発を
MakeGoodで快適なテスト駆動開発をMakeGoodで快適なテスト駆動開発を
MakeGoodで快適なテスト駆動開発を
 
Serviceability Toolsの裏側
Serviceability Toolsの裏側Serviceability Toolsの裏側
Serviceability Toolsの裏側
 
Outputz.vim
Outputz.vimOutputz.vim
Outputz.vim
 
継続的インテグレーション3分クッキング
継続的インテグレーション3分クッキング継続的インテグレーション3分クッキング
継続的インテグレーション3分クッキング
 
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
 
Type scriptmemo
Type scriptmemoType scriptmemo
Type scriptmemo