Submit Search
Upload
WebSocketことはじめ
•
16 likes
•
7,507 views
Kohei Kadowaki
Follow
2011.7.30に大阪で行われた、第一回「HTML5など勉強会」での発表資料です。
Read less
Read more
Technology
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 56
Download now
Download to read offline
Recommended
Os adjetivos - Teoria
Os adjetivos - Teoria
Ana Tapadinhas
Peta kawasan resapan air
Peta kawasan resapan air
Jhon Blora
50916599 presentacion-rieb-en-power-rbr
50916599 presentacion-rieb-en-power-rbr
Judith Ferrer López
Brazil localization jan-klass_heinsohn
Brazil localization jan-klass_heinsohn
Muhammad Faisal (1200+ Members)
Logiciels libres et marchés publics
Logiciels libres et marchés publics
cogitis
Anbefaling - Lotte (Mediefag)
Anbefaling - Lotte (Mediefag)
Signe Scharf
Appel rased janvier_2011
Appel rased janvier_2011
Franck Dupont
#MustRead #Flipkart #ApologyEmail
#MustRead #Flipkart #ApologyEmail
Rajesh Soundararajan
Recommended
Os adjetivos - Teoria
Os adjetivos - Teoria
Ana Tapadinhas
Peta kawasan resapan air
Peta kawasan resapan air
Jhon Blora
50916599 presentacion-rieb-en-power-rbr
50916599 presentacion-rieb-en-power-rbr
Judith Ferrer López
Brazil localization jan-klass_heinsohn
Brazil localization jan-klass_heinsohn
Muhammad Faisal (1200+ Members)
Logiciels libres et marchés publics
Logiciels libres et marchés publics
cogitis
Anbefaling - Lotte (Mediefag)
Anbefaling - Lotte (Mediefag)
Signe Scharf
Appel rased janvier_2011
Appel rased janvier_2011
Franck Dupont
#MustRead #Flipkart #ApologyEmail
#MustRead #Flipkart #ApologyEmail
Rajesh Soundararajan
Know more about hair loss treatments
Know more about hair loss treatments
Sonia Singh
The state of the art biorepository at ILRI
The state of the art biorepository at ILRI
Absolomon Kihara
Phone gap Stats & Growth
Phone gap Stats & Growth
AndreCharland
Kawasan lindung final
Kawasan lindung final
Jhon Blora
对项羽乌江自刎的一种解读
对项羽乌江自刎的一种解读
sugeladi
G325 section a january 2011 i
G325 section a january 2011 i
leannacatherina
Understanding the working of refrigerator repairs in london
Understanding the working of refrigerator repairs in london
Sonia Singh
Team foundation server の歩き方
Team foundation server の歩き方
Kaoru NAKAMURA
L11 grammar 1
L11 grammar 1
Accura Kurosawa
人生的路
人生的路
Shirley Chan
Familia del magueyal
Familia del magueyal
Hector Dominguez
Friday Sermon Delivered by Hazrat Mirza Athir Ahmed (RA) 14 June 1985
Friday Sermon Delivered by Hazrat Mirza Athir Ahmed (RA) 14 June 1985
muzaffertahir9
AndroidでWebSocket
AndroidでWebSocket
Kohei Kadowaki
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
Yuusuke Takeuchi
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Yuusuke Takeuchi
Pebble + JavaScriptでつくるスマートウォッチアプリ
Pebble + JavaScriptでつくるスマートウォッチアプリ
Kohei Kadowaki
Webでもできるデータビジュアライゼーション
Webでもできるデータビジュアライゼーション
Kohei Kadowaki
Glassfish勉強会(JavaEE6について)
Glassfish勉強会(JavaEE6について)
Ryo Asai
D3.js と SVG によるデータビジュアライゼーション
D3.js と SVG によるデータビジュアライゼーション
Kohei Kadowaki
Inline SVG - トラブルとその対策
Inline SVG - トラブルとその対策
Kohei Kadowaki
WebSocket + Node.jsでつくるチャットアプリ
WebSocket + Node.jsでつくるチャットアプリ
Kohei Kadowaki
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Kohei Kadowaki
More Related Content
What's hot
Know more about hair loss treatments
Know more about hair loss treatments
Sonia Singh
The state of the art biorepository at ILRI
The state of the art biorepository at ILRI
Absolomon Kihara
Phone gap Stats & Growth
Phone gap Stats & Growth
AndreCharland
Kawasan lindung final
Kawasan lindung final
Jhon Blora
对项羽乌江自刎的一种解读
对项羽乌江自刎的一种解读
sugeladi
G325 section a january 2011 i
G325 section a january 2011 i
leannacatherina
Understanding the working of refrigerator repairs in london
Understanding the working of refrigerator repairs in london
Sonia Singh
Team foundation server の歩き方
Team foundation server の歩き方
Kaoru NAKAMURA
L11 grammar 1
L11 grammar 1
Accura Kurosawa
人生的路
人生的路
Shirley Chan
Familia del magueyal
Familia del magueyal
Hector Dominguez
Friday Sermon Delivered by Hazrat Mirza Athir Ahmed (RA) 14 June 1985
Friday Sermon Delivered by Hazrat Mirza Athir Ahmed (RA) 14 June 1985
muzaffertahir9
What's hot
(12)
Know more about hair loss treatments
Know more about hair loss treatments
The state of the art biorepository at ILRI
The state of the art biorepository at ILRI
Phone gap Stats & Growth
Phone gap Stats & Growth
Kawasan lindung final
Kawasan lindung final
对项羽乌江自刎的一种解读
对项羽乌江自刎的一种解读
G325 section a january 2011 i
G325 section a january 2011 i
Understanding the working of refrigerator repairs in london
Understanding the working of refrigerator repairs in london
Team foundation server の歩き方
Team foundation server の歩き方
L11 grammar 1
L11 grammar 1
人生的路
人生的路
Familia del magueyal
Familia del magueyal
Friday Sermon Delivered by Hazrat Mirza Athir Ahmed (RA) 14 June 1985
Friday Sermon Delivered by Hazrat Mirza Athir Ahmed (RA) 14 June 1985
Viewers also liked
AndroidでWebSocket
AndroidでWebSocket
Kohei Kadowaki
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
Yuusuke Takeuchi
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Yuusuke Takeuchi
Pebble + JavaScriptでつくるスマートウォッチアプリ
Pebble + JavaScriptでつくるスマートウォッチアプリ
Kohei Kadowaki
Webでもできるデータビジュアライゼーション
Webでもできるデータビジュアライゼーション
Kohei Kadowaki
Glassfish勉強会(JavaEE6について)
Glassfish勉強会(JavaEE6について)
Ryo Asai
D3.js と SVG によるデータビジュアライゼーション
D3.js と SVG によるデータビジュアライゼーション
Kohei Kadowaki
Inline SVG - トラブルとその対策
Inline SVG - トラブルとその対策
Kohei Kadowaki
WebSocket + Node.jsでつくるチャットアプリ
WebSocket + Node.jsでつくるチャットアプリ
Kohei Kadowaki
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Kohei Kadowaki
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
Yuusuke Takeuchi
オブジェクト指向プログラミング再入門
オブジェクト指向プログラミング再入門
Ryo Miyake
Firefox OSでSVGをつかってみた
Firefox OSでSVGをつかってみた
Kohei Kadowaki
Viewers also liked
(13)
AndroidでWebSocket
AndroidでWebSocket
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Pebble + JavaScriptでつくるスマートウォッチアプリ
Pebble + JavaScriptでつくるスマートウォッチアプリ
Webでもできるデータビジュアライゼーション
Webでもできるデータビジュアライゼーション
Glassfish勉強会(JavaEE6について)
Glassfish勉強会(JavaEE6について)
D3.js と SVG によるデータビジュアライゼーション
D3.js と SVG によるデータビジュアライゼーション
Inline SVG - トラブルとその対策
Inline SVG - トラブルとその対策
WebSocket + Node.jsでつくるチャットアプリ
WebSocket + Node.jsでつくるチャットアプリ
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
オブジェクト指向プログラミング再入門
オブジェクト指向プログラミング再入門
Firefox OSでSVGをつかってみた
Firefox OSでSVGをつかってみた
Similar to WebSocketことはじめ
Plan de comunicación fusión caixas
Plan de comunicación fusión caixas
sandy moragón
Phonegapstats
Phonegapstats
Kike Algarra
RUGR_114_Storyboard_101323- The Pest Plant
RUGR_114_Storyboard_101323- The Pest Plant
ChelseaHolt2
What Lies Ahead? Emerging Licensing Models For Commercial Content Oosterbaan
What Lies Ahead? Emerging Licensing Models For Commercial Content Oosterbaan
IFCLA - International Federation of Computer Law Associations
47659143-cell-phone-jammer.pdf
47659143-cell-phone-jammer.pdf
Sanjeevkumar217359
Dostoievski o jogador
Dostoievski o jogador
Marcio da Mota Silva
Short portfolio presentation by Tess Krüs
Short portfolio presentation by Tess Krüs
Tess Krüs
Friday Sermon Dilivered by Hazrat Mirza Tahir Ahmed Khalif tul Masih te 4th 3...
Friday Sermon Dilivered by Hazrat Mirza Tahir Ahmed Khalif tul Masih te 4th 3...
muzaffertahir9
05 eu-indicators-comprehensive-approach-eu-implementat en
05 eu-indicators-comprehensive-approach-eu-implementat en
Dr Lendy Spires
Tut6117
Tut6117
Jan Kalcic
Het nieuwe solliciteren via Twitter - versie november 2014
Het nieuwe solliciteren via Twitter - versie november 2014
Tomas De Graaf
Route 333 SE Flyer
Route 333 SE Flyer
Springboard Performance
S-Series Showcases & Counters
S-Series Showcases & Counters
FPD Group Ltd
Friday Sermon Dilivered by hazrat Khalifa ul Masih the 4Th (RA) 29 March 1985
Friday Sermon Dilivered by hazrat Khalifa ul Masih the 4Th (RA) 29 March 1985
muzaffertahir9
AARTO Policy & Procedure
AARTO Policy & Procedure
Maddy Blignaut
Tema 7.pdf
Tema 7.pdf
alex923843
אורי קוח 2014
אורי קוח 2014
Ori Tuval
Manual propaganda en español
Manual propaganda en español
Acciones Almerienses
P-Custom Rubber Presentation
P-Custom Rubber Presentation
Bill Munday
Why is CSR important? A commercial perspective on CSR Clc larkin
Why is CSR important? A commercial perspective on CSR Clc larkin
UN Migration Agency (IOM)
Similar to WebSocketことはじめ
(20)
Plan de comunicación fusión caixas
Plan de comunicación fusión caixas
Phonegapstats
Phonegapstats
RUGR_114_Storyboard_101323- The Pest Plant
RUGR_114_Storyboard_101323- The Pest Plant
What Lies Ahead? Emerging Licensing Models For Commercial Content Oosterbaan
What Lies Ahead? Emerging Licensing Models For Commercial Content Oosterbaan
47659143-cell-phone-jammer.pdf
47659143-cell-phone-jammer.pdf
Dostoievski o jogador
Dostoievski o jogador
Short portfolio presentation by Tess Krüs
Short portfolio presentation by Tess Krüs
Friday Sermon Dilivered by Hazrat Mirza Tahir Ahmed Khalif tul Masih te 4th 3...
Friday Sermon Dilivered by Hazrat Mirza Tahir Ahmed Khalif tul Masih te 4th 3...
05 eu-indicators-comprehensive-approach-eu-implementat en
05 eu-indicators-comprehensive-approach-eu-implementat en
Tut6117
Tut6117
Het nieuwe solliciteren via Twitter - versie november 2014
Het nieuwe solliciteren via Twitter - versie november 2014
Route 333 SE Flyer
Route 333 SE Flyer
S-Series Showcases & Counters
S-Series Showcases & Counters
Friday Sermon Dilivered by hazrat Khalifa ul Masih the 4Th (RA) 29 March 1985
Friday Sermon Dilivered by hazrat Khalifa ul Masih the 4Th (RA) 29 March 1985
AARTO Policy & Procedure
AARTO Policy & Procedure
Tema 7.pdf
Tema 7.pdf
אורי קוח 2014
אורי קוח 2014
Manual propaganda en español
Manual propaganda en español
P-Custom Rubber Presentation
P-Custom Rubber Presentation
Why is CSR important? A commercial perspective on CSR Clc larkin
Why is CSR important? A commercial perspective on CSR Clc larkin
More from Kohei Kadowaki
プログラマーのお仕事
プログラマーのお仕事
Kohei Kadowaki
5分でわかる?Backbone.js ことはじめ
5分でわかる?Backbone.js ことはじめ
Kohei Kadowaki
SVGでつくるインタラクティブWebアプリケーション
SVGでつくるインタラクティブWebアプリケーション
Kohei Kadowaki
UnityでつくるはじめてのPONG
UnityでつくるはじめてのPONG
Kohei Kadowaki
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
Kohei Kadowaki
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
Kohei Kadowaki
d3jsではじめるデータビジュアライゼーション入門
d3jsではじめるデータビジュアライゼーション入門
Kohei Kadowaki
ゲーム開発初心者の僕がUnity + WebSocketで何か作ってみた
ゲーム開発初心者の僕がUnity + WebSocketで何か作ってみた
Kohei Kadowaki
SocketStream入門
SocketStream入門
Kohei Kadowaki
More from Kohei Kadowaki
(9)
プログラマーのお仕事
プログラマーのお仕事
5分でわかる?Backbone.js ことはじめ
5分でわかる?Backbone.js ことはじめ
SVGでつくるインタラクティブWebアプリケーション
SVGでつくるインタラクティブWebアプリケーション
UnityでつくるはじめてのPONG
UnityでつくるはじめてのPONG
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
d3jsではじめるデータビジュアライゼーション入門
d3jsではじめるデータビジュアライゼーション入門
ゲーム開発初心者の僕がUnity + WebSocketで何か作ってみた
ゲーム開発初心者の僕がUnity + WebSocketで何か作ってみた
SocketStream入門
SocketStream入門
WebSocketことはじめ
1.
2.
⾃自⼰己 ! ! !
⼤大 ! ! !
3.
4.
5.
!
! ⼀一 ⽇日 !
6.
⽇日
⽬目 ⽇日 ⼈人 ⽇日
7.
! !
8.
9.
!
⽣生 ⽅方 ⽤用 ! ⾼高 ⽐比 ! ! !
10.
11.
⽅方 !
⽅方 !
12.
⽅方 !
⽅方 ! ! ⽅方
13.
⽅方 !
⽅方 ! !
14.
! !
! ! !
15.
! ! !
!
16.
! !
! ⽣生 ⽣生 ! ⽤用 ! ! ⼤大
17.
!
! ! ⼀一 !
18.
19.
!
20.
!
21.
22.
!
! ! ⽂文 ! ! ! ⽣生 ! ⾏行行
23.
!
⼀一 ! ! ! ! ! ⽤用 !
24.
25.
!
! ! ! ! ! ! ! ! ! !
26.
!
⾒見見 ! ! !
27.
28.
29.
!
! ⽂文 ⼊入⼒力力 ! !
30.
!
! ! ! ! !
31.
!
! ! ! !
32.
!
! ⽤用 ! ! ! ⽤用 ! ! ! ⽤用 ! ⽤用 ⼈人
33.
!
! ! !
34.
!
! !
35.
36.
!
⽣生 // ! var ws = require(“websocket-server”); ! ! var server = ws.createServer();! server.listen(80); // 80 ! ! server.addListener("connection", function(connection){ ! !connection.addListener("message", function(msg){ ! ! !// ! !! ! !server.broadcast(msg);! !}); ! });!
37.
!
⽣生 var ws = new WebSocket(“ws://example.com/chat/”);! ! ws.onopen = function() {};! ws.onclose = function() {};! ws.onmessage = function() {};! ws.onerror = function() {};! ! ws.send(message);! ws.close();!
38.
39.
40.
!
! ! ! !
41.
!
! ⽅方 ! ⽅方 ⾃自 ! !
42.
43.
!
⽣生 var io = require(‘socket.io’).listen(80)! ! ! ! io.sockets.on('connection', function (socket) { !socket.on(‘message’, function(message) {! ! !// ! ! !io.sockets.send(message);! !}); });! !
44.
!
<script src="/socket.io/socket.io.js"></script>! ! ! ⽣生 var socket = io.connect(‘ws://example.com’);! ! socket.on(’message', function (data) {! !// ... !socket.send(message);! }); !
45.
46.
47.
!
! ! ! !
48.
!
! ! ⽇日 ! ⽤用 ⾃自 !
49.
⾮非
50.
!
⽣生 var Pusher = require('pusher');! var pusher = new Pusher({! !appId: ‘YOUR_APP_ID’, // Pusher ! !appKey: 'YOUR_APP_KEY',! !secret: 'YOUR_APP_SECRET'! });! var channel = pusher.channel(‘chat’); // ! ! ! channel.trigger('message', data);! ! ⽤用
51.
! <script src=“http://js.pusherapp.com/1.8/ pusher.min.js"></script>! ! !
⽣生 var pusher = new Pusher(YOUR_APP_KEY);! var channel = pusher.subscribe('chat');! ! channel.bind('message', function(data) {! !//! });!
52.
53.
54.
!
⼒力力 ! ! ⼀一
55.
!
! ⽅方 ! ! ʼ’
Download now