WebSocket ã®åŸºæœ¬ - Web/DB プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¾¹åº•è§£èª¬
ã“ã“ã§ã¯ HTML5 ã§å°Žå…¥ã•ã‚ŒãŸ WebSocket ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ ãã‚‚ãã‚‚ WebSocket ã¯ãªãœå°Žå…¥ã•ã‚ŒãŸã®ã§ã—ょã†ã‹ï¼Ÿ ãã‚Œã¯ä»»æ„ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«å¯¾ã—ã¦ã€ãƒ‡ãƒ¼ã‚¿ã‚’é€ã‚‹ (プッシュã™ã‚‹) 手段をæä¾›ã™ã‚‹ãŸã‚ã§ã™ã€‚ 従æ¥ã® Web ã§ã¯ HTTP プãƒãƒˆã‚³ãƒ«ã‚’使用ã—ã¦ã„ã¾ã™ã€‚HTTP プãƒãƒˆã‚³ãƒ«ã¯ GET ã‚„ POST ãªã©ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’クライアントã‹ã‚‰ã‚µãƒ¼ãƒãƒ¼ã«é€ã‚Šã€ サーãƒãƒ¼ã¯ãã‚Œã«å¿œç”ã—ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ãƒ‡ãƒ¼ã‚¿ã‚’é€ä¿¡ã—ã¾ã™ã€‚ サーãƒãƒ¼ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ãŸã‚ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’投ã’ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®ãŸã‚ã€ã‚¦ã‚§ãƒ–上ã§ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—リケーションç‰ã‚’実装ã™ã‚‹å ´åˆã¯ä¸ä¾¿ã§ã™ã€‚ãªãœãªã‚‰ã€ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—リã§ã¯é€šå¸¸ã€ ã‚ã‚‹ãƒãƒ£ãƒƒãƒˆå‚åŠ è€…ã®ç™ºè¨€ã¯ã€ãã‚ŒãŒç™ºè¨€ã•ã‚ŒãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ä»–ã®ãƒãƒ£ãƒƒãƒˆå‚åŠ è€…ã«å¯¾ã—ã¦è¡¨ç¤ºã—ãŸã„ã¯ãšã§ã™ãŒã€ ã‚る人ãŒã„ã¤ç™ºè¨€ã™ã‚‹ã‹ã‚
websocketを使ã£ã¦ã¿ã¦æ„Ÿå‹•ã—ãŸä»¶
ãªãœã«websocket ãµã¨ã€ã‚µãƒ¼ãƒãƒ¼å´ã‹ã‚‰ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¸ã©ãƒ¼ã«ã‹ãƒ‡ãƒ¼ã‚¿é€ä¿¡ã£ã¦ã§ããªã„ã‹ï¼Ÿï¼Ÿ ã¨æ€ã†ã“ã¨ãŒã‚Šã€ãã‚“ãªã‚ˆã†ãªå†…容をググã£ã¦ã¿ãŸã¨ã“ã‚。 ãƒãƒ¼ãƒªãƒ³ã‚°ã¨ã„ã†ã“ã¨ã°ã«å‡ºä¼šã„ã¾ã—ãŸã€‚ ãã“ãŒä»Šå›žã®å§‹ã¾ã‚Šã§ã™ã€‚ 知りã¾ã›ã‚“ã§ã—ãŸã½ãƒ¼ã‚Šã‚“ãã¨ã„ã†è¨€è‘‰ã€‚ ãã‚“ã§ã¡ã‚ƒã¡ã‚ƒã£ã¨è‡ªåˆ†ã§èª¿ã¹ãŸæ„Ÿã˜ã€ javascriptã«ãŠã‘ã‚‹ãƒãƒ¼ãƒªãƒ³ã‚°ã¨ã¯F5åˆã¯XHR連打。 ãƒãƒ³ã‚°ãƒãƒ¼ãƒªãƒ³ã‚°ã¨ã¯XHRã§ãƒ‡ãƒ¼ã‚¿é€ä¿¡ã€ サーãƒå´ã§ãã‚‹ãã‚‹å¾…ã¤ã€‚ 変更ãŒã‚ã‚Œã°ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«æˆ»ã™ã€‚ ã‹ãªã‚Šæ–œã‚èªã¿ã®ã–ã£ãり把æ¡ã§ã™ã€‚ コメットãªã‚‹è¨€è‘‰ã‚‚出ã¦ãã¾ã—ãŸãŒãƒãƒ³ã‚°ãƒãƒ¼ãƒªãƒ³ã‚°ã¨ ä¼¼ãŸã‚ˆã†ãªã‚‚ã®ã€ã¨ã„ã†ã“ã¨ã¿ãŸã„。 Cometã¨Ajaxを利用ã—ãŸãƒãƒ£ãƒƒãƒˆã‚µãƒ¼ãƒã®å®Ÿè£… ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆãŒã‚ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚ ã¾ãçµå±€ã®ã¨ã“ã‚当ãŸã‚Šå‰ã‹ã‚‚知れã¾ã›ã‚“ãŒã€ クライアントã‹ã‚‰ã‚µãƒ¼ãƒã¸å•ã„åˆã‚ã›ãªã„ã¨å§‹ã¾ã‚‰ã‚“よã€ã¨ã€‚ ã—ã‹ã—ã€ã¾ã見ã¦ã®
PHPã®ã¿ã§HTML5ã®WebSocketを体験ã™ã‚‹æ–¹æ³• - susan-styleã®æ—¥è¨˜
今ã¾ã§FLASHç‰ã‚’使ã‚ãªã„ã¨å‡ºæ¥ãªã‹ã£ãŸã‚½ã‚±ãƒƒãƒˆé€šä¿¡ã§ã™ãŒ HTML5ã§å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã¾ãã“ã®ãƒšãƒ¼ã‚¸è¦‹ã¦ã‚‹äººã¯èª¬æ˜Žä¸è¦ã§ã—ょã†ã‹ã‚‰è©³ç´°ãªèª¬æ˜Žã¯å‰²æ„› æœ¬æ ¼çš„ã«ã¯socket.ioãªã©ã‚’インストールã—ã¦ã€œã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ãŒ PHPã ã‘ã§ã‚µã‚¯ãƒƒã¨ä½“験ã—ãŸã„æ–¹ã¯ç¶šãを御覧下ã•ã„。 Saran Chamlingã•ã‚“ãŒä½œã£ãŸã€ŒWebSocket Exampleã€ã‚’ダウンãƒãƒ¼ãƒ‰ http://www.sanwebe.com/downloads/50-websocket-example ã™ã£ã”ã„シンプル㪠「server.php（サーãƒãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ã€ 「index.php（クライアントファイル）〠2ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è§£å‡ ä»•çµ„ã¿çš„ã«ã¯ 「server.php（サーãƒãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ã€ã‚’コマンドラインã§å®Ÿè¡Œã€whileã§ãƒ«ãƒ¼ãƒ— 「index.php（クライアントファイル）ã€ã‚’ブラウザã‹ã‚‰å®Ÿè¡Œ ã¨ã„ã†æ„Ÿ
ã•ãらã®VPSã¨PHPã§WebSocketをサクã£ã¨å‹‰å¼·ã—ã¦ã¿ã‚‹ - demouth::blog
2012å¹´1月2æ—¥ 追記 最新ã®ãƒ–ラウザã«å¯¾å¿œã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®è¨˜äº‹ã‚’書ãã¾ã—ãŸã€‚ 今回ã¯WebSocketã®å‹‰å¼·ã‚’ã—ã¦ã¿ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšã‚µã‚¯ã£ã¨å‹•ã‹ã—ã¦ã¿ã‚‹äº‹ã‚’目的ã¨ã—ã¦ã„ã¾ã™ã®ã§ã€ã‚ã¾ã‚Šç´°ã‹ã„事ã¯æ°—ã«ã›ãšã«è¡ŒããŸã„ã¨æ€ã„ã¾ã™ã€‚ æ¦‚è¦ ã•ãらã®VPSã¨PHP5.3ã§WebSocketã®Echoサーãƒãƒ¼ã‚’構築ã—ã€JavaScriptã§ã‚µãƒ¼ãƒãƒ¼ã«æŽ¥ç¶šã—ã€ãƒãƒ£ãƒƒãƒˆã§ãã‚‹ç°¡å˜ãªã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ã¾ã™ã€‚ 次ã®æ§˜ãªè¨˜äº‹ã‚’ã‚らã‹ã˜ã‚見ã¦ã„ãŸã®ã§ã€ä»Šå›žã¯å¯¾è±¡ãƒ–ラウザをChromeã®ã¿ã¨ã—ã¾ã—ãŸã€‚ http://www.publickey1.jp/blog/10/websocketfirefox_4opera.html 環境 ã•ãらã®VPS CentOS PHP 5.3 Chrome 10.0.628.0 dev å‚考：ã•ãらã®VPSã«ã¤ã„㦠先日hetemlã‹ã‚‰ã•ãらã®VPSã«ã‚µãƒ¼ãƒãƒ¼ã‚’移行ã—ã¾ã—ãŸã€‚
WebSocket API (WebSockets) - Web API | MDN
WebSocket API ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒ–ラウザーã¨ã‚µãƒ¼ãƒãƒ¼é–“ã§å¯¾è©±çš„ãªé€šä¿¡ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’é–‹ãã“ã¨ãŒã§ãã‚‹ã‚‚ã®ã§ã™ã€‚ã“ã® API を使用ã™ã‚‹ã¨ã€ã‚µãƒ¼ãƒãƒ¼ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’é€ä¿¡ã—ã€ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰è¿”ä¿¡ã‚’ãƒãƒ¼ãƒªãƒ³ã‚°ã™ã‚‹ã“ã¨ãªãå¿œç”ã‚’å—ä¿¡ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ WebSocket API ã¯ã€ã‚¦ã‚§ãƒ–ソケット接続を作æˆã—ã¦ä½¿ç”¨ã™ã‚‹ãŸã‚ã®ã€WebSocket インターフェイス㨠WebSocketStream インターフェイスã¨ã„ㆠ2 ã¤ã®ç•°ãªã‚‹ãƒ¡ã‚«ãƒ‹ã‚ºãƒ ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ WebSocket インターフェイスã¯å®‰å®šã—ã¦ãŠã‚Šã€ãƒ–ラウザーã¨ã‚µãƒ¼ãƒãƒ¼ã®å¯¾å¿œã‚‚充実ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€èƒŒåœ§ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“。ãã®ãŸã‚ã€ã‚¢ãƒ—リケーションãŒãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’処ç†ã™ã‚‹ã‚ˆã‚Šã‚‚速ã„ペースã§ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒåˆ°ç€ã™ã‚‹ã¨ã€ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’ãƒãƒƒãƒ•ã‚¡ãƒ¼ã«ä¿å˜ã™ã‚‹ã“ã¨ã§ç«¯æœ«ã®ãƒ¡ãƒ¢ãƒªãƒ¼ãŒã„ã£ã±ã„ã«ãªã£ãŸã‚Šã€CPU 使用率㌠100% ã«ãªã£ã¦å¿œç”ä¸èƒ½
WebSocketã«ã¯æ³¨æ„ãŒå¿…è¦ | POSTD
è¿‘ã„å°†æ¥WebSocketãŒRailsã§ä½¿ç”¨ã§ãるよã†ã«ãªã‚‹ã¨èžãã¨ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ã¯ã¿ã‚“ãªèˆžã„上ãŒã£ã¦èˆˆå¥®ã—ã¾ã™ã€‚ ã—ã‹ã—〠ã‚ãªãŸã®ãƒ¦ãƒ¼ã‚¶ã¯ã€ã‚ãªãŸãŒWebSocketを使用ã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ãªã‚“ã¦æ°—ã«ã—ã¾ã›ã‚“ 。 ユーザã¯ã€â€å¿«é©ãªãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webアプリâ€ã‚’求ã‚ã¦ã„る。 デベãƒãƒƒãƒ‘ã¯ã€â€å¿«é©ã§ãƒ“ルドãŒç°¡å˜ãªãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webアプリâ€ã‚’求ã‚ã¦ã„る。 オペレーションã¯ã€â€ãƒ‡ãƒ—ãƒã‚¤ã€ã‚¹ã‚±ãƒ¼ãƒ«ã€ç®¡ç†ãŒç°¡å˜ãªãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webアプリâ€ã‚’求ã‚ã¦ã„る。 上記全ã¦ã®è¦æœ›ã‚’WebSocketãŒã‹ãªãˆã¦ãれるã®ãªã‚‰ç´ 晴らã—ã„ã“ã¨ã§ã™ãŒã€ã“ã®å®Ÿè£…ã®è©³ç´°ã¯é«˜ã„コストãŒã‹ã‹ã‚Šã¾ã™ã€‚ 超高性能ã§å…¨äºŒé‡ãªã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨ã‚µãƒ¼ãƒé–“ã®é€šä¿¡ã¯ã€æœ¬å½“ã«ç§ãŸã¡ã«å¿…è¦ãªã®ã‹ï¼Ÿ WebSocketã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«æƒ…å ±ã‚’é…ä¿¡ã™ã‚‹ãŸã‚ã®ç°¡å˜ãªAPIã¨ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰Webサーãƒã¸æƒ…å ±ã‚’é€ä¿¡ã™ã‚‹ãŸã‚ã®ç°¡å˜ãªAPIã‚’æä¾›ã—ã¾ã™ã€‚ サーãƒ
Introducing WebSockets - Bringing Sockets to the Web  | Articles  | web.dev
The problem: Low latency client-server and server-client connections The web has been largely built around the so-called request/response paradigm of HTTP. A client loads up a web page and then nothing happens until the user clicks onto the next page. Around 2005, AJAX started to make the web feel more dynamic. Still, all HTTP communication was steered by the client, which required user interactio
WebSocket - Wikipedia
WebSocket（ウェブソケット）ã¯ã€å˜ä¸€ã®TCPコãƒã‚¯ã‚·ãƒ§ãƒ³ä¸Šã«åŒæ–¹å‘通信ã®ãƒãƒ£ãƒ³ãƒãƒ«ã‚’æä¾›ã™ã‚‹ã€ã‚³ãƒ³ãƒ”ュータã®é€šä¿¡ãƒ—ãƒãƒˆã‚³ãƒ«ã®1ã¤ã§ã‚る。WebSocketプãƒãƒˆã‚³ãƒ«ã¯ã€2011å¹´ã«RFC 6455ã¨ã—ã¦IETFã«ã‚ˆã‚Šæ¨™æº–化ã•ã‚ŒãŸã€‚Web IDL（英語版）ä¸ã®WebSocket APIã¯ã€å½“åˆW3Cã«ã‚ˆã‚Šæ¨™æº–ã•ã‚Œã€å¾Œã«WHATWGã«å¼•ã継ãŒã‚Œã¦ã„る。 WebSocketã¯HTTPã¨ã¯ç•°ãªã‚‹ãƒ—ãƒãƒˆã‚³ãƒ«ã§ã‚る。ã¨ã‚‚ã«OSIå‚照モデルã®ãƒ¬ã‚¤ãƒ¤ãƒ¼7ã«ä½ç½®ã—ã€ãƒ¬ã‚¤ãƒ¤ãƒ¼4ã®TCPã«ä¾å˜ã—ã¦ã„る。両者ã¯ç•°ãªã‚‹ãƒ—ãƒãƒˆã‚³ãƒ«ã§ã‚ã‚‹ãŒã€RFC 6455ã§ã¯ã€WebSocketã¯ã€ŒHTTPプãƒã‚ã‚·ã¨ä»²ä»‹è€…をサãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã«ã€HTTPã®443番ãŠã‚ˆã³80番ãƒãƒ¼ãƒˆä¸Šã§å‹•ä½œã™ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã‚‹ã€ã¨è¿°ã¹ã‚‰ã‚Œã¦ã„るよã†ã«ã€HTTPプãƒãƒˆã‚³ãƒ«ã¨äº’æ›æ€§ãŒã‚る。互æ›æ€§ã‚’実ç¾ã™ã‚‹ãŸã‚ã«ã€WebSocketã®ãƒãƒ³ãƒ‰ã‚·ã‚§ã‚¤
WebSocketã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸã€‚ - Qiita
実ã¯ã‘ã£ã“ã†å‰ã‹ã‚‰WebSocketã®è©³ã—ã„仕組ã¿ã«ã¤ã„ã¦æ°—ã«ãªã£ã¦ã¦ã€é‚ã«ä¸€å¿µç™ºèµ·ã—ã¦èª¿ã¹ã¦ã¿ãŸã€‚何ã‹ã¨ã¦ã‚‚良ã•ã’ã£ã½ã„。 ãã‚‚ãã‚‚WebSocketã¨ã¯ Webã«ãŠã„ã¦åŒæ–¹å‘通信を低コストã§è¡Œã†ç‚ºã®ä»•çµ„ã¿ã€‚インタラクティブãªWebアプリケーションã§ã¯ã‚µãƒ¼ãƒã‹ã‚‰ä»»æ„ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«æƒ…å ±ã®é€ä¿¡ã¨ã‹ã—ãŸã„事ãŒã‚ã£ã¦ã€ä¾‹ãˆã°Facebookã®ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—リã¿ãŸã„ã«å¤šæ•°ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãŒä¸€ã¤ã®ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã¦èª°ã‹ãŒãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’投稿ã™ã‚‹ã¨ãれをãã®ä»–ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é€šçŸ¥ã—ãŸã„å ´åˆãŒã‚ã£ã¦ã€ãã†ã„ã£ãŸæ™‚ã«åŒæ–¹å‘通信ã®å¿…è¦æ€§ãŒå‡ºã¦ãる。 元々ã¯Webã«ãŠã„ã¦ã¯HTTPã—ã‹é€šä¿¡ã®é¸æŠžè‚¢ãŒç„¡ãã¦HTTPã®ãƒãƒ³ã‚°ãƒãƒ¼ãƒªãƒ³ã‚°ä½¿ã£ã¦ç„¡ç†çŸ¢ç†åŒæ–¹å‘通信実ç¾ã—ãŸã‚Šã—ã¦ãŸã‚“ã ã‘ã©ã€æµçŸ³ã«ç„¡é§„ãŒå¤šã™ãŽã‚‹ã—è¾›ã„よãã£ã¦äº‹ã§WebSocketã¨ã„ã†ãƒ—ãƒãƒˆã‚³ãƒ«ãŒä½œã‚‰ã‚ŒãŸã€‚ WebSocketã«ãŠã„ã¦ã¯ã€TCP上ã§
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
サービス終了ã®ãŠçŸ¥ã‚‰ã›
{{#tags}}- {{label}}
{{/tags}}