Enviar búsqueda
Cargar
HTML5-pronama-study
•
1 recomendación
•
940 vistas
Naoya Inada
Seguir
http://pronama.wordpress.com/2011/10/25/pronama-11-at-osaka/
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 32
Descargar ahora
Descargar para leer sin conexión
Recomendados
Vagrant packana16-otahi
Vagrant packana16-otahi
Hiroshi Ota
JS開発環境を晒す。
JS開発環境を晒す。
Eiji Kuroda
Opa - Cloud Language
Opa - Cloud Language
Tozo Tanaka
Casperjsのインストール
Casperjsのインストール
Kohei Misu
TruffleSqueakの紹介
TruffleSqueakの紹介
Masashi Umezawa
VyOSの開発とか運用の話
VyOSの開発とか運用の話
Shintaro Hasunuma
Nodejs
Nodejs
和樹 川端
[Intermediate 01] イントロダクション / Bitcoin を動作させる
[Intermediate 01] イントロダクション / Bitcoin を動作させる
Yuto Takei
Recomendados
Vagrant packana16-otahi
Vagrant packana16-otahi
Hiroshi Ota
JS開発環境を晒す。
JS開発環境を晒す。
Eiji Kuroda
Opa - Cloud Language
Opa - Cloud Language
Tozo Tanaka
Casperjsのインストール
Casperjsのインストール
Kohei Misu
TruffleSqueakの紹介
TruffleSqueakの紹介
Masashi Umezawa
VyOSの開発とか運用の話
VyOSの開発とか運用の話
Shintaro Hasunuma
Nodejs
Nodejs
和樹 川端
[Intermediate 01] イントロダクション / Bitcoin を動作させる
[Intermediate 01] イントロダクション / Bitcoin を動作させる
Yuto Takei
Visualizenetworktraffic 20181108
Visualizenetworktraffic 20181108
Takashi Umeno
[Basic 6] DNS / ソケット通信 / その他
[Basic 6] DNS / ソケット通信 / その他
Yuto Takei
WebRTC UserMedia Catalog: いろんなユーザメディア(MediaStream)を使ってみよう
WebRTC UserMedia Catalog: いろんなユーザメディア(MediaStream)を使ってみよう
mganeko
Node.jsでブラウザメッセンジャー
Node.jsでブラウザメッセンジャー
Yahoo!デベロッパーネットワーク
Vimはこわくない
Vimはこわくない
Yuichi Watanabe
Perlワンライナーで全てのモジュールにuse v5.8.0つける!
Perlワンライナーで全てのモジュールにuse v5.8.0つける!
debug-ito
virtio勉強会 #1 「virtioの基本的なところ(DRAFT版)」
virtio勉強会 #1 「virtioの基本的なところ(DRAFT版)」
Naoya Kaneko
[Intermediate 03] MinChain - 教育用ブロックチェーンの紹介
[Intermediate 03] MinChain - 教育用ブロックチェーンの紹介
Yuto Takei
AndroidでWebSocket
AndroidでWebSocket
Kohei Kadowaki
WebRTC mediasoup on raspberrypi3
WebRTC mediasoup on raspberrypi3
mganeko
JavaOne2014報告会資料
JavaOne2014報告会資料
Mitsuyasu Tsuhako
JavaOne2016報告
JavaOne2016報告
なおき きしだ
JavaプログラマのためのWebSocket概要
JavaプログラマのためのWebSocket概要
Shumpei Shiraishi
ヤギにサーバーを管理してもらう話
ヤギにサーバーを管理してもらう話
Masaki Kobayashi
YOLO V3で独自データセットを学習させて物体検出 / Yolo V3 with your own dataset
YOLO V3で独自データセットを学習させて物体検出 / Yolo V3 with your own dataset
moto2g
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発
Yoichi Toyota
Bp study39 nodejs
Bp study39 nodejs
Yohei Sasaki
プロフェッショナルSSL/TLS 7章
プロフェッショナルSSL/TLS 7章
MITSUNARI Shigeo
Bitcoin testnet
Bitcoin testnet
Yuichiro Shibata
仮想通貨テストベッドネットワークの構築
仮想通貨テストベッドネットワークの構築
Yuichiro Shibata
PlayFramework1.2.4におけるWebSocket
PlayFramework1.2.4におけるWebSocket
Kazuhiro Hara
WebSocket + Node.jsでつくるチャットアプリ
WebSocket + Node.jsでつくるチャットアプリ
Kohei Kadowaki
Más contenido relacionado
La actualidad más candente
Visualizenetworktraffic 20181108
Visualizenetworktraffic 20181108
Takashi Umeno
[Basic 6] DNS / ソケット通信 / その他
[Basic 6] DNS / ソケット通信 / その他
Yuto Takei
WebRTC UserMedia Catalog: いろんなユーザメディア(MediaStream)を使ってみよう
WebRTC UserMedia Catalog: いろんなユーザメディア(MediaStream)を使ってみよう
mganeko
Node.jsでブラウザメッセンジャー
Node.jsでブラウザメッセンジャー
Yahoo!デベロッパーネットワーク
Vimはこわくない
Vimはこわくない
Yuichi Watanabe
Perlワンライナーで全てのモジュールにuse v5.8.0つける!
Perlワンライナーで全てのモジュールにuse v5.8.0つける!
debug-ito
virtio勉強会 #1 「virtioの基本的なところ(DRAFT版)」
virtio勉強会 #1 「virtioの基本的なところ(DRAFT版)」
Naoya Kaneko
[Intermediate 03] MinChain - 教育用ブロックチェーンの紹介
[Intermediate 03] MinChain - 教育用ブロックチェーンの紹介
Yuto Takei
AndroidでWebSocket
AndroidでWebSocket
Kohei Kadowaki
WebRTC mediasoup on raspberrypi3
WebRTC mediasoup on raspberrypi3
mganeko
JavaOne2014報告会資料
JavaOne2014報告会資料
Mitsuyasu Tsuhako
JavaOne2016報告
JavaOne2016報告
なおき きしだ
JavaプログラマのためのWebSocket概要
JavaプログラマのためのWebSocket概要
Shumpei Shiraishi
ヤギにサーバーを管理してもらう話
ヤギにサーバーを管理してもらう話
Masaki Kobayashi
YOLO V3で独自データセットを学習させて物体検出 / Yolo V3 with your own dataset
YOLO V3で独自データセットを学習させて物体検出 / Yolo V3 with your own dataset
moto2g
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発
Yoichi Toyota
Bp study39 nodejs
Bp study39 nodejs
Yohei Sasaki
プロフェッショナルSSL/TLS 7章
プロフェッショナルSSL/TLS 7章
MITSUNARI Shigeo
Bitcoin testnet
Bitcoin testnet
Yuichiro Shibata
仮想通貨テストベッドネットワークの構築
仮想通貨テストベッドネットワークの構築
Yuichiro Shibata
La actualidad más candente
(20)
Visualizenetworktraffic 20181108
Visualizenetworktraffic 20181108
[Basic 6] DNS / ソケット通信 / その他
[Basic 6] DNS / ソケット通信 / その他
WebRTC UserMedia Catalog: いろんなユーザメディア(MediaStream)を使ってみよう
WebRTC UserMedia Catalog: いろんなユーザメディア(MediaStream)を使ってみよう
Node.jsでブラウザメッセンジャー
Node.jsでブラウザメッセンジャー
Vimはこわくない
Vimはこわくない
Perlワンライナーで全てのモジュールにuse v5.8.0つける!
Perlワンライナーで全てのモジュールにuse v5.8.0つける!
virtio勉強会 #1 「virtioの基本的なところ(DRAFT版)」
virtio勉強会 #1 「virtioの基本的なところ(DRAFT版)」
[Intermediate 03] MinChain - 教育用ブロックチェーンの紹介
[Intermediate 03] MinChain - 教育用ブロックチェーンの紹介
AndroidでWebSocket
AndroidでWebSocket
WebRTC mediasoup on raspberrypi3
WebRTC mediasoup on raspberrypi3
JavaOne2014報告会資料
JavaOne2014報告会資料
JavaOne2016報告
JavaOne2016報告
JavaプログラマのためのWebSocket概要
JavaプログラマのためのWebSocket概要
ヤギにサーバーを管理してもらう話
ヤギにサーバーを管理してもらう話
YOLO V3で独自データセットを学習させて物体検出 / Yolo V3 with your own dataset
YOLO V3で独自データセットを学習させて物体検出 / Yolo V3 with your own dataset
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発
Bp study39 nodejs
Bp study39 nodejs
プロフェッショナルSSL/TLS 7章
プロフェッショナルSSL/TLS 7章
Bitcoin testnet
Bitcoin testnet
仮想通貨テストベッドネットワークの構築
仮想通貨テストベッドネットワークの構築
Similar a HTML5-pronama-study
PlayFramework1.2.4におけるWebSocket
PlayFramework1.2.4におけるWebSocket
Kazuhiro Hara
WebSocket + Node.jsでつくるチャットアプリ
WebSocket + Node.jsでつくるチャットアプリ
Kohei Kadowaki
120512 metro styleapp_javascript
120512 metro styleapp_javascript
Takayoshi Tanaka
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
david9142
Node予備校 vol.1 名古屋
Node予備校 vol.1 名古屋
Mori Shingo
Web socketドロンくん その後-
Web socketドロンくん その後-
Yuuichi Akagawa
RoboVM
RoboVM
Satoshi Takami
20130315 abc firefox_os
20130315 abc firefox_os
Tomoaki Konno
OWIN - .NETにおけるPSGI -
OWIN - .NETにおけるPSGI -
将 高野
WebRTC meetup Tokyo 1
WebRTC meetup Tokyo 1
mganeko
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
Yuta Matsumura
Nodeにしましょう
Nodeにしましょう
Yuzo Hebishima
.NET 5 勉強会 ~.NET Framework から .NET へ~
.NET 5 勉強会 ~.NET Framework から .NET へ~
Fujio Kojima
PlayFramework 2.0 Javaと WebSocketでつくる リアルタイムMVC Webアプリケーション
PlayFramework 2.0 Javaと WebSocketでつくる リアルタイムMVC Webアプリケーション
Kazuhiro Hara
Firefox OS and Web server
Firefox OS and Web server
Tomoaki Konno
メトロスタイルアプリ開発最初の一歩
メトロスタイルアプリ開発最初の一歩
ShinichiAoyagi
Firefox mobile for android internals
Firefox mobile for android internals
Makoto Kato
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
Takayoshi Tanaka
node+socket.io+enchant.jsでチャットゲーを作る
node+socket.io+enchant.jsでチャットゲーを作る
Kiyoshi SATOH
.NET Coreから概観する.NETのOSSへの取り組み
.NET Coreから概観する.NETのOSSへの取り組み
Kouji Matsui
Similar a HTML5-pronama-study
(20)
PlayFramework1.2.4におけるWebSocket
PlayFramework1.2.4におけるWebSocket
WebSocket + Node.jsでつくるチャットアプリ
WebSocket + Node.jsでつくるチャットアプリ
120512 metro styleapp_javascript
120512 metro styleapp_javascript
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Node予備校 vol.1 名古屋
Node予備校 vol.1 名古屋
Web socketドロンくん その後-
Web socketドロンくん その後-
RoboVM
RoboVM
20130315 abc firefox_os
20130315 abc firefox_os
OWIN - .NETにおけるPSGI -
OWIN - .NETにおけるPSGI -
WebRTC meetup Tokyo 1
WebRTC meetup Tokyo 1
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
Nodeにしましょう
Nodeにしましょう
.NET 5 勉強会 ~.NET Framework から .NET へ~
.NET 5 勉強会 ~.NET Framework から .NET へ~
PlayFramework 2.0 Javaと WebSocketでつくる リアルタイムMVC Webアプリケーション
PlayFramework 2.0 Javaと WebSocketでつくる リアルタイムMVC Webアプリケーション
Firefox OS and Web server
Firefox OS and Web server
メトロスタイルアプリ開発最初の一歩
メトロスタイルアプリ開発最初の一歩
Firefox mobile for android internals
Firefox mobile for android internals
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
node+socket.io+enchant.jsでチャットゲーを作る
node+socket.io+enchant.jsでチャットゲーを作る
.NET Coreから概観する.NETのOSSへの取り組み
.NET Coreから概観する.NETのOSSへの取り組み
Más de Naoya Inada
べき等データベースマイグレーションツールmigu
べき等データベースマイグレーションツールmigu
Naoya Inada
Tokyo Otaku Mode での PayPal 活用事例
Tokyo Otaku Mode での PayPal 活用事例
Naoya Inada
シンプルなシステム構成フレームワークalnair
シンプルなシステム構成フレームワークalnair
Naoya Inada
kyotovim#1
kyotovim#1
Naoya Inada
dvcs-kyoto
dvcs-kyoto
Naoya Inada
rucs_vim LT
rucs_vim LT
Naoya Inada
Python Kyoto study LT
Python Kyoto study LT
Naoya Inada
Python Kyoto study
Python Kyoto study
Naoya Inada
Más de Naoya Inada
(8)
べき等データベースマイグレーションツールmigu
べき等データベースマイグレーションツールmigu
Tokyo Otaku Mode での PayPal 活用事例
Tokyo Otaku Mode での PayPal 活用事例
シンプルなシステム構成フレームワークalnair
シンプルなシステム構成フレームワークalnair
kyotovim#1
kyotovim#1
dvcs-kyoto
dvcs-kyoto
rucs_vim LT
rucs_vim LT
Python Kyoto study LT
Python Kyoto study LT
Python Kyoto study
Python Kyoto study
HTML5-pronama-study
1.
WebSocketで始めるPython
2011-11-19 HTML5 プログラミング生放送勉強会 第11回@大阪
2.
お前、誰よ ● 稲田 尚也
(@naoina) ● 若さ溢れる0x19歳 ● 京都のPythonista ● kyoto.py
3.
今日は WebSocket について話します
4.
WebSocketとは ●
WEBブラウザで使えるソケット ● まだ規格は草案(ドラフト)段階 ● 各ブラウザベンダーが先行実装
5.
WebSocketとは ●
WEBブラウザで使えるソケット ● まだ規格は草案(ドラフト)段階 ● 各ブラウザベンダーが先行実装 ※Iなんとかさんはお察しください
6.
WebSocketとは ●
WEBブラウザで使えるソケット ● まだ規格は草案(ドラフト)段階 ● 各ブラウザベンダーが先行実装 ※Iなんとかさんはお察しください ● HTML5ではない
7.
WebSocket ≠ HTML5 ●
元はHTML5規格 ● 後にAPIはW3Cが、プロトコルは IETFが策定することに
8.
なにが嬉しいか ●
双方向通信 ● リアルタイム性 ● 軽いプロトコル
9.
プロトコル
10.
プロトコル
引用: http://ja.wikipedia.org/wiki/WebSocket 基本的に各プロトコルバージョン間での互換性はない
11.
プロトコル ●
TCPで通信 ● 80番ポートまたは443番ポート ● 文字列およびバイナリの送受信 ● 通常のソケットとしては使えない
12.
WebSocketサーバー
13.
WebSocketサーバー ●
Node.js + Socket.IO ● pywebsocket ● gevent-websocket ● Meinheld ● Tornado
14.
WebSocketサーバー ●
Node.js + Socket.IO ● pywebsocket ● gevent-websocket ● meinheld ● tornado
15.
簡単な例
16.
クライアント(ブラウザ)側 1
var ws = new WebSocket('ws://127.0.0.1/chat'); 2 3 ws.onopen = function() { 4 console.log("open"); 5 } 6 7 ws.onmessage = function(msg) { 8 console.log("message received: " + msg.data); 9 } 10 11 ws.onclose = function() { 12 console.log("closed"); 13 } 14 15 ws.onerror = function() { 16 console.log("error"); 17 } 18 19 ws.send("ぐだぽよ");
17.
サーバー側 1
import tornado.ioloop 2 3 from tornado.web import Application 4 from tornado.websocket import WebSocketHandler 5 6 7 class Handler(WebSocketHandler): 8 def open(self): 9 ... 10 11 def on_message(self, msg): 12 ... 13 self.write_message(msg) 14 15 def on_close(self): 16 ... 17 18 app = Application([ 19 (r"/chat", Handler), 20 ]) 21 22 if __name__ == '__main__': 23 app.listen(8080) 24 tornado.ioloop.IOLoop.instance().start()
18.
ね、簡単でしょ?
19.
Node.jsとSocket.IO使った方が 簡単とか言わないでください
20.
One more thing
21.
WebSocketを使った ニコ生コメントビューア
22.
すでにあると面白くないので ググッて調べました
23.
24.
25.
26.
( ^ω^)………
27.
無さそうだったので作ってみました
28.
ソースコード https://github.com/naoina/html5-pronama-demo
29.
解説
30.
まとめ ●
WebSocketは難しくない ● Pythonを使えば簡単にWebSocket サーバーが書ける ● よってPythonを使うと幸せになる
31.
質問?
32.
ありがとうございました
Descargar ahora