• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
WebSocketことはじめ
 

WebSocketことはじめ

on

  • 13,848 views

2011.7.30に大阪で行われた、第一回「HTML5など勉強会」での発表資料です。

2011.7.30に大阪で行われた、第一回「HTML5など勉強会」での発表資料です。

Statistics

Views

Total Views
13,848
Views on SlideShare
10,776
Embed Views
3,072

Actions

Likes
14
Downloads
76
Comments
1

13 Embeds 3,072

http://d.hatena.ne.jp 1712
http://www.kadoppe.net 801
http://kadoppe.com 395
http://mj89sp3sau2k7lj1eg3k40hkeppguj6j-a-sites-opensocial.googleusercontent.com 84
http://shanon-tech.blogspot.com 33
http://webcache.googleusercontent.com 31
http://localhost 7
http://www.slideshare.net 3
http://twitter.com 2
http://us-w1.rockmelt.com 1
http://www.lubrism.com 1
http://b.hatena.ne.jp 1
http://tweetedtimes.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • いわゆるレンタルサーバーは、全部と言っていいほどWebsocketが使えないサーバーではないでしょうか。
    サーバー側のセキュリティーを考えると、
    Websocketサーバーソフトをインストールしなければならないような、サーバー側の仕様では、とても一般向けとは言えないと思います。

    nouserで実行するCGIアプリ、可能ならSuExec CGI並の簡単さ、セキュリティーで動作するWebsocketサーバーの仕様を待たないと、、、
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    WebSocketことはじめ WebSocketことはじめ Presentation Transcript

    • ⾃自⼰己! ! !  ⼤大! ! !
    • ! ! ⼀一 ⽇日! 
    • ⽇日 ⽬目⽇日 ⼈人⽇日
    • ! ! 
    • !  ⽣生 ⽅方 ⽤用!  ⾼高 ⽐比 !  !  ! 
    • ⽅方!  ⽅方 ! 
    • ⽅方!  ⽅方!  !  ⽅方
    • ⽅方!  ⽅方 ! ! 
    • ! !  !  !  ! 
    • ! ! !  ! 
    • ! !  !  ⽣生 ⽣生 !  ⽤用!  !  ⼤大
    • ! !  !  ⼀一 ! 
    • !
    • !
    • ! !  !  ⽂文 ! !  !   ⽣生 !  ⾏行行
    • !  ⼀一!  !  ! !  !  ⽤用 ! 
    • ! ! !  !!  ! !  !!  !! 
    • !  ⾒見見 ! !  ! 
    • !  !  ⽂文 ⼊入⼒力力 !  ! 
    • !  !  !!  ! ! 
    • !  ! !!  !
    • !  !  ⽤用 ! !  ! ⽤用 ! !  !  ⽤用 ! ⽤用 ⼈人
    • !  ! ! ! 
    • !  ! !
    • !  ⽣生// !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);! !}); !});!
    • ! ⽣生 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();!
    • !  !  ! !  ! 
    • ! !  ⽅方 !  ⽅方 ⾃自 !  ! 
    • !  ⽣生var io = require(‘socket.io’).listen(80)!!!! io.sockets.on(connection, function (socket) {
 !socket.on(‘message’, function(message) {! ! !// ! ! !io.sockets.send(message);! !});
});!!
    • !  <script src="/socket.io/socket.io.js"></script>! !! ⽣生 var socket = io.connect(‘ws://example.com’);!!  socket.on(’message, function (data) {! !// ...
 !socket.send(message);! });
 !
    • !  ! !  ! ! 
    • !  ! !  ⽇日 ! ⽤用 ⾃自 ! 
    • ⾮非
    • !  ⽣生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);!! ⽤用
    • ! <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) {! !//!});!
    • !  ⼒力力!  !  ⼀一
    • ! !  ⽅方! !  ʼ’