Pusherアプリの作り方
•
5 likes•2,661 views
The document discusses using Pusher to build real-time web applications. It covers dynamic web technologies like polling, Comet, and WebSockets. It demonstrates how to use Pusher with Ruby and JavaScript to send and receive data in real-time across different events. References are provided for learning more about WebSockets, Pusher, and building real-time applications. The goal is to develop real-time web applications using the Pusher platform.
![Pusher[channel].trigger(label1, data)
Ruby
Pusher[channel].trigger(label2, data)
Pusher[channel].trigger(label3, data)
WebSocket
var receiver = new Pusher(key, channel);
Browser
receiver.bind(label1, function(data) { ... } );
receiver.bind(label2, function(data) { ... } );
receiver.bind(label3, function(data) { ... } );
JavaScript](https://image.slidesharecdn.com/sprk03-101204020145-phpapp02/85/Pusher-14-320.jpg)
![Pusher[channel].trigger(label1, data)
Ruby
Pusher[channel].trigger(label2, data)
Pusher[channel].trigger(label3, data)
WebSocket
var receiver = new Pusher(key, channel);
Browser
receiver.bind(label1, function(data) { ... });
receiver.bind(label2, function(data) { ... });
receiver.bind(label3, function(data) { ... });
JavaScript](https://image.slidesharecdn.com/sprk03-101204020145-phpapp02/85/Pusher-23-320.jpg)
![Pusher[channel].trigger(label1, data)
Ruby
Pusher[channel].trigger(label2, data)
Pusher[channel].trigger(label3, data)
WebSocket
var receiver = new Pusher(key, channel);
Browser
receiver.bind(label1, function(data) { ... });
receiver.bind(label2, function(data) { ... });
receiver.bind(label3, function(data) { ... });
JavaScript](https://image.slidesharecdn.com/sprk03-101204020145-phpapp02/85/Pusher-24-320.jpg)
![Pusher[channel].trigger(label1, data)
Ruby
Pusher[channel].trigger(label2, data)
Pusher[channel].trigger(label3, data)
WebSocket
var receiver = new Pusher(key, channel);
Browser
receiver.bind(label1, function(data) { ... });
receiver.bind(label2, function(data) { ... });
receiver.bind(label3, function(data) { ... });
JavaScript](https://image.slidesharecdn.com/sprk03-101204020145-phpapp02/85/Pusher-25-320.jpg)
![Pusher[channel].trigger(label1, data)
Ruby
Pusher[channel].trigger(label2, data)
Pusher[channel].trigger(label3, data)
WebSocket
var receiver = new Pusher(key, channel);
Browser
receiver.bind(label1, function(data) { ... });
receiver.bind(label2, function(data) { ... });
receiver.bind(label3, function(data) { ... });
JavaScript](https://image.slidesharecdn.com/sprk03-101204020145-phpapp02/85/Pusher-26-320.jpg)
Pusherアプリの作り方
- 1. Let’s develop real-time Web application using Pusher!
- 3. JUN OHWADA
- 4. JUN OHWADA
- 5. Let’s develop real-time Web application using Pusher!
- 7. Dynamic Web Polling Comet WebSocket
- 8. Dynamic Web Polling Comet WebSocket
- 9. WebSocket No delay No waste request No waste code
- 10. WebSocket No delay No waste request No waste code
- 11. rik/em-websocket .com/igr igo http s://github
- 13. mboo/pu sher-gem /github.co m/newba https:/
- 14. Pusher[channel].trigger(label1, data) Ruby Pusher[channel].trigger(label2, data) Pusher[channel].trigger(label3, data) WebSocket var receiver = new Pusher(key, channel); Browser receiver.bind(label1, function(data) { ... } ); receiver.bind(label2, function(data) { ... } ); receiver.bind(label3, function(data) { ... } ); JavaScript
- 15. ig i20 10 Ru by Ka http://www. ickr.com/photos/hsbt/4931700629/ http://www. ickr.com/photos/kei-s/4929133025/ http://www. ickr.com/photos/recompile_net/4938690602/ http://www. ickr.com/photos/recompile_net/4935820587/
- 19. Twitter #rubykaigi IRC #rubykaigi Operation Noti cation
- 20. http://twitter.com/Dominion525/status/22339840037 http://twitter.com/Dominion525/status/22339449175
- 21. Twitter IRC
- 22. Operation txt txt txt
- 23. Pusher[channel].trigger(label1, data) Ruby Pusher[channel].trigger(label2, data) Pusher[channel].trigger(label3, data) WebSocket var receiver = new Pusher(key, channel); Browser receiver.bind(label1, function(data) { ... }); receiver.bind(label2, function(data) { ... }); receiver.bind(label3, function(data) { ... }); JavaScript
- 24. Pusher[channel].trigger(label1, data) Ruby Pusher[channel].trigger(label2, data) Pusher[channel].trigger(label3, data) WebSocket var receiver = new Pusher(key, channel); Browser receiver.bind(label1, function(data) { ... }); receiver.bind(label2, function(data) { ... }); receiver.bind(label3, function(data) { ... }); JavaScript
- 25. Pusher[channel].trigger(label1, data) Ruby Pusher[channel].trigger(label2, data) Pusher[channel].trigger(label3, data) WebSocket var receiver = new Pusher(key, channel); Browser receiver.bind(label1, function(data) { ... }); receiver.bind(label2, function(data) { ... }); receiver.bind(label3, function(data) { ... }); JavaScript
- 26. Pusher[channel].trigger(label1, data) Ruby Pusher[channel].trigger(label2, data) Pusher[channel].trigger(label3, data) WebSocket var receiver = new Pusher(key, channel); Browser receiver.bind(label1, function(data) { ... }); receiver.bind(label2, function(data) { ... }); receiver.bind(label3, function(data) { ... }); JavaScript
- 27. s/ ma ster/pusher 0s tream/tree/ .co m/ju ne29/rk201 https://github / ubl ic/2010/live /tre e/master/p ka i/rubykaigi .com/ruby-no- ht tps://github
- 31. References WebSocket.org -- A WebSocket Community http://www.websockets.org/ Pusher http://pusherapp.com/ Building Real Time Web (by Makoto Inoue) http://vimeo.com/14549558 WebSocket “ Web” - IT http://www.atmarkit.co.jp/fcoding/articles/ websocket/01/websocket01a.html @makoto_inoue
- 32. Let’s develop real-time Web application using Pusher!
- 33. JUN OHWADA