Web標準ã®HTTPクライアントfetch()ã§ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ã—ãªãŒã‚‰ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ãるよã†ã«ãªã‚‹ã€‚
Webブラウザ上ã§ç´”粋ãªHTTPã ã‘ã§å˜æ–¹å‘リアルタイム通信をå¯èƒ½ã«ã™ã‚‹HTTPã®ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒé‚ã«ã‚„ã£ã¦ãã‚‹ - nwtgck / Ryo Ota
Web標準ã®HTTPクライアントfetch()ã§ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ã—ãªãŒã‚‰ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ãるよã†ã«ãªã‚‹ã€‚
fetch() upload streaming 㯠WebSocket ã®ä»£æ›¿ã«ãªã‚‹ã®ã‹ã€‚Fetch を使ã£ã¦ã‚«ãƒ¡ãƒ©ã‹ã‚‰å–å¾—ã—ãŸæ˜ åƒã‚’ストリーミングã§é€ä¿¡ã™ã‚‹ - 別ã«ã—ã‚“ã©ããªã„ブãƒã‚°
Fetch Upload Streaming ㌠Chrome 85 ã‹ã‚‰ Origin Trial ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ 何ãŒã§ãã‚‹ã‹ã¨ã„ã†ã¨ ReadableStream ã‚’ fetch() ã® body ã«æ¸¡ã™ã“ã¨ãŒã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ getUserMedia ã§ã‚«ãƒ¡ãƒ©ã‹ã‚‰å–å¾—ã—ãŸæ˜ åƒã‚’ブラウザã‹ã‚‰ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°é€ä¿¡ã—ãŸã„ã¨ãã«ä½¿ãˆãã†ã¨è€ƒãˆãŸã®ã§ã€ä»Šå›žè©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ blog.chromium.org TL;DR fetch() 㧠Stream ã®ãƒ‡ãƒ¼ã‚¿ã‚’é€ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸ WebSocket を使ã‚ãšã«æ˜ åƒãªã©ã®ãƒ‡ãƒ¼ã‚¿ã‚’ストリーミングé€ä¿¡ã§ãã‚‹ 以下ã®ã‚³ãƒ¼ãƒ‰ãŒã“ã®è¨˜äº‹ã®å†…容 https://github.com/shisama/sample-streaming-video-with-fetch/blob/master/public/script.js Readabl
WebSocket on AWS (ãƒãƒ¼ãƒ‰ãƒãƒ©ãƒ³ã‚µã¨Socket接続を使用ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆé€šçŸ¥ã‚µãƒ¼ãƒã®è² è·åˆ†æ•£)
ELBを使用ã—ãŸå ´åˆã«ã€WebSocketãªã©ã®Socket接続をãƒãƒ¼ãƒ‰ãƒãƒ©ãƒ³ã‚·ãƒ³ã‚°ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã®èª¬æ˜Žã§ã™ã€‚ (追記：2015å¹´4月10æ—¥) 資料を新ã—ã„ã‚‚ã®ã«æ›´æ–°ã„ãŸã—ã¾ã—ãŸã€‚Read less
RFC 6455 - The WebSocket Protocol（日本語訳）
RFC6455 - The WebSocket Protocol 日本語訳 ã“ã®æ–‡æ›¸ã¯ã€ IETF ã«ã‚ˆã‚‹, 2011 å¹´ 12 月付ã‘発行 PROPOSED STANDARD RFC 6455 "The WebSocket Protocol" （HTML 版） を日本語ã«ç¿»è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã“ã®ç¿»è¨³ã«ã¯ç¿»è¨³ä¸Šã®èª¤ã‚ŠãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã—ã€æ£ç¢ºæ€§ã¯ä¿è¨¼ã•ã‚Œã¾ã›ã‚“。 ã“ã®ä»•æ§˜ã®å…¬å¼ãªæ–‡æ›¸ã¯è‹±èªžç‰ˆã§ã‚ã‚Šã€ã“ã®æ—¥æœ¬èªžç‰ˆã¯å…¬å¼ã®ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 最終更新日時点ã®ã“ã®ãƒšãƒ¼ã‚¸ã® URL ： http://www.hcn.zaq.ne.jp/___/WEB/RFC6455-ja.html CSS ã‚„ DOM ã®å¯¾å¿œãŒå¤ã„ブラウザã§ã¯ã€é–²è¦§ã«ä¸å…·åˆãŒç”Ÿã˜ãŸã‚Š, 一部ã®åˆ‡æ›¿æ©Ÿèƒ½ï¼ˆã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å·¦ä¸‹éš…：原文表示ï¼ã‚¢ã‚¯ã‚»ã‚¹ã‚ー Z, 原語表示ï¼ã‚¢ã‚¯ã‚»ã‚¹ã‚ー X ）ãŒåƒã‹ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“（ HTML5 ã‹ã‚‰å°Žå…¥
WebSocket Echo Server
WebSocket Echo Server We run a free very simple endpoint server with support for websockets and server-sent events (SSE) so that you can test your websocket and SSE clients easily. The server is designed for testing HTTP proxies and clients. It echoes information about HTTP request headers and bodies back to the client. The endpoint is https://echo.websocket.org/ Behavior Any messages sent from a
Sinatra with WebSockets
WebSockets are a hot topic now a days with the HTML5 push, even though they are not officially part of HTML5 spec. If WebSockets are new to you, they are a way of being able to keep a connection open from the client’s browser to the server. It will let you push data back and forth, think AJAX but without  the need of pulling for new data over and over. WebSockets give you the ability to push, whic
WebSocketãŒã‚»ã‚ュリティå•é¡Œã‚’解決ã—ã¦å†ã³å®Ÿè£…ã¸
Webブラウザã¨ã‚µãƒ¼ãƒã®ã‚ã„ã ã§å°‚用ã®ãƒ—ãƒãƒˆã‚³ãƒ«ã‚’用ã„ã¦é€šä¿¡ã‚’è¡Œã†ã“ã¨ã§ã€ã‚µãƒ¼ãƒã‹ã‚‰ã®ãƒ—ッシュãªã©ã€ã‚ˆã‚ŠæŸ”軟ãªãƒ‡ãƒ¼ã‚¿ã®ã‚„ã‚Šã¨ã‚Šã‚’Webブラウザã¨ã‚µãƒ¼ãƒé–“ã§å¯èƒ½ã«ã™ã‚‹WebSocket。当åˆã¯HTML5仕様ã®ä¸€éƒ¨ã¨ã—ã¦æ¤œè¨Žã•ã‚Œã€ãã®å¾Œç‹¬ç«‹ã—ãŸä»•æ§˜ã¨ãªã‚Šã¾ã—ãŸãŒã€æ˜¨å¹´12月ã«ã‚»ã‚ュリティ上ã®å•é¡ŒãŒç™ºè¦šã€‚見直ã—ãŒè¡Œã‚ã‚Œã¦ã„ã¾ã—ãŸã€‚ WebSocketã¯ãƒ—ãƒãƒˆã‚³ãƒ«ã‚’IETFãŒã€APIã‚’W3CãŒç–定ä¸ã§ã™ãŒã€IETFãŒã‚»ã‚ュリティå•é¡Œã‚’解決ã—ãŸãƒ—ãƒãƒˆã‚³ãƒ«ä»•æ§˜ã®ãƒ©ã‚¹ãƒˆã‚³ãƒ¼ãƒ«ã‚’発表ã—ã¦ã„ã¾ã™ã€‚ã„ã¤ã‚‚Web標準ã®å‹•å‘ã‚’ä¼ãˆã¦ãれる「Web標準Blogã€ã®è¨˜äº‹ã€ŒWebSocketプãƒãƒˆã‚³ãƒ«ãŒLast Callã«ã€ãŒä¼ãˆã¦ã„ã¾ã™ã€‚ éŽåŽ»ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã®äº’æ›æ€§ã¯ãªã— WebSocketã¯ã€æ˜¨å¹´ã«Firefox 4ã‚„Operaã«å®Ÿè£…ã•ã‚Œã¾ã—ãŸãŒã€ãƒ—ãƒãƒˆã‚³ãƒ«ã«ã‚»ã‚ュリティã®å•é¡ŒãŒç™ºè¦šã€‚ã„ã£ãŸã‚“機能ãŒç„¡åŠ¹ã«ãªã‚Šã¾ã—ãŸ
Pusherã§ãŠæ‰‹è»½WebSocket - iPhoneã‹ã‚‰åŠ 速度をリアルタイムé€ä¿¡
ã¯ã˜ã‚㫠タイガーマスクãŒè²¢ã„ã§ãれるã®ã‚’å¾…ã£ã¦ã„る皆ã•ã‚“ã“ã‚“ã°ã‚“ã¯ã€‚ å‰æŒ¯ã‚Šè€ƒãˆã‚‹ã®ãŒé¢å€’ãªã®ã§çµè«–ã‹ã‚‰æ›¸ãã¨ã€ä»Šæ—¥ã¯WebSocketã«ã¤ã„ã¦æ‰±ãŠã†ã¨æ€ã„ã¾ã™ã€‚iPhoneを使ã£ã¦â†“ã“ã‚“ãªã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ã¾ã—ãŸã€‚ Safari上ã®JavaScriptã¨ã€WebSocketã‚’Webサービスã¨ã—ã¦æä¾›ã—ã¦ã„ã‚‹Pusherを利用ã—ã¦ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®è¨€èªžã‚’使ã‚ãšã«å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ WebSocketã£ã¦ãªãã«ï¼Ÿ httpãŠã•ã‚‰ã„ Webã®é€šä¿¡ã«ä½¿ã‚れる皆ã•ã‚“ãŠé¦´æŸ“ã¿ã®httpã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆï¼ˆãƒ–ラウザã¨ã‹ã）ã¨ã‚µãƒ¼ãƒãŒå¸¸ã«ã€Œå•ã„åˆã‚ã›ï¼ˆãƒªã‚¯ã‚¨ã‚¹ãƒˆï¼‰ã¨è¿”ç”（レスãƒãƒ³ã‚¹ï¼‰ã€ã®ãƒšã‚¢ã§ã‚„ã‚Šã¨ã‚Šã‚’ãŠã“ãªã„ã¾ã™ã€‚ クライアント(Firefoxã‚„Chromeãªã©): ã€Œæƒ…å ±ãã ã•ã„〠サーãƒ(Apacheã‚„nginxãªã©): 「ã¯ã„ã€ã©ã†ãžã€ ã“ã®ã‚·ãƒ³ãƒ—ルãªä»•çµ„ã¿ãŒhttpã®å¼·ã¿ã§ã‚ã‚Šã€URLã¨å…±ã«ã“ã“ã¾
WebSocketã®ç¾çŠ¶ã¨æŠ€è¡“的課題
WebSocketã®ç¾çŠ¶ã¨æŠ€è¡“的課題：WebSocketã§ç›®æŒ‡ã›ï¼ リアルタイムWeb（2）（1/2 ページ） 今回ã¯WebSocketã‚’å–ã‚Šå·»ã技術的課題やã€å®Ÿè£…状æ³ã«ã¤ã„ã¦ã”紹介ã—ã¾ã™ã€‚ã¾ãŸç§ãŸã¡ãŒé–‹ç™ºã—ãŸã‚µãƒ¼ãƒ“ス「Pusherã€ã«ã¤ã„ã¦ã‚‚å–り上ã’ã¾ã™ã€‚ WebSocketã«é–¢é€£ã—ãŸæŠ€è¡“的課題 å‰å›žã®WebSocketã®ç´¹ä»‹ã‚’èªã‚“ã§ãã ã•ã£ãŸèªè€…ã®ã¿ãªã•ã‚“ã¯WebSocketを試ã—ã¦ã¿ãŸãã¦ãŸã¾ã‚‰ãªã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ã§ã‚‚å°‘ã—å¾…ã£ã¦ãã ã•ã„。皆ã•ã‚“ã‚’è„…ã‹ã™è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ä»¥ä¸‹ã®ç‚¹ã«ã¤ã„ã¦ã‚‚考ãˆãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“。 変化ã—続ã‘るドラフト IETFã®ãƒ‰ãƒ©ãƒ•ãƒˆã‚’見ã¦ã¿ã‚‹ã¨ã€æœ€åˆã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼ˆ00）ã¯2009å¹´ã®1月ã«ç–定ã•ã‚ŒãŸã®ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ChromiumãŒæœ€åˆã«WebSocketã®å®Ÿè£…を発表ã—ãŸã“ã‚ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯66ã®è¾ºã‚Šã§ã™ã€‚ ãã‚Œã‹ã‚‰ã—ã°ã‚‰ãã®é–“ã¯ãƒžã‚¤ãƒŠãƒ¼ãƒã‚§ãƒ³ã‚¸ã°ã‹ã‚Šã ã£ãŸ
ã“ã¦ã•ãAjax:マウスジェスãƒãƒ£ãƒ¼é€å—ä¿¡ã‚’WebSocketã¨XHRã§æ¯”較 - livedoor Blog（ブãƒã‚°ï¼‰
※ã“ã¡ã‚‰ã®è¨˜äº‹ã§ç´¹ä»‹ã—ã¦ã„るデモã«ã¯ãƒã‚°ãŒã‚ã‚Šã€ä»¥ä¸‹ã®å†…容ã¯æ£ç¢ºã§ã¯ã‚ã‚Šã¾ã›ã‚“。修æ£è¨˜äº‹ã‚’http://blog.livedoor.jp/kotesaki/archives/1601908.htmlã«POSTã—ã¾ã—ãŸã®ã§ã€ã”確èªãã ã•ã„。 ãªã‚“ã‹ã€æœ€è¿‘毎日ã®ã‚ˆã†ã«ãƒ–ãƒã‚°ã‚’書ã„ã¦ã„ã¾ã™ã€‚node.jsãŒæ¥½ã—ã™ãŽã¦ã€‚。。(^-^) ã•ã¦ã€å‰å›žã®è¨˜äº‹ã¯ã€Œã‚µãƒ¼ãƒãƒ¼Pushã ã‘ã ã£ãŸã‚‰ã€HTTPã§ã‚‚出æ¥ã‚‹ã‚ˆã‚“。特ã«Server-Sent Events使ã†ã¨ã€ã¡ã‚‡ãƒ¼ç°¡å˜ã€ã¨ã„ã†ã‚‚ã®ã ã£ãŸã®ã§ã™ãŒã€ä»Šæ—¥ã®è¨˜äº‹ã¯å¿ƒæ©Ÿä¸€è»¢ã—ã¦ã€ŒWebSocket使ã‚ãªã„ã¨ã‚„ã£ã±ã‚ツイã£ã™ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ 作ã£ãŸãƒ‡ãƒ¢ã¯ã€mousemoveイベントã®éš›ã«ã€ãƒžã‚¦ã‚¹åº§æ¨™ã‚’サーãƒãƒ¼ã§ã‚¨ã‚³ãƒ¼ãƒãƒƒã‚¯ã—ã¦ã€ãƒ–ラウザã«æç”»ã™ã‚‹ã¨ã„ã†è‡³ã£ã¦ã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã€‚よã†ã¯ã€ã‚¨ã‚³ãƒ¼ã‚µãƒ¼ãƒãƒ¼ã§ã™ãŒã€ãƒ‡ãƒ¼ã‚¿ã®é€ä¿¡é »åº¦ãŒåŠç«¯ã˜ã‚ƒãªã„ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚（トラフィ
WebSocketã§ç›®æŒ‡ã›â€œãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webâ€ï¼ç¬¬1回 node.jsã®è¡æ’ƒã¨WebSocketãŒæ‹“ãæœªæ¥ - ï¼ IT
ã”挨拶 ã“ã‚“ã«ã¡ã¯ã€ãƒãƒ³ãƒ‰ãƒ³ã®New Bambooã¨ã„ã†ä¼šç¤¾ã§Webエンジニアã¨ã—ã¦åƒã„ã¦ã„ã‚‹@makoto_inoueã§ã™ã€‚ã“ã“ã®ã¨ã“ã‚ã€Pusherã¨ã„ã†WebSocketã®ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“スã®é–‹ç™ºã«é–¢ã‚ã£ã¦ã„ã¾ã™ã€‚今回ã‹ã‚‰3回ã«æ¸¡ã£ã¦WebSocketã«é–¢ã™ã‚‹çŸæœŸé€£è¼‰ã‚’担当ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ç§ã‚’å«ã‚ãŸNew Bambooã®é¢ã€…（我々ã¯è‡ªåˆ†ãŸã¡ã®ã“ã¨ã‚’Bambinoã¨å‘¼ã‚“ã§ã„ã¾ã™ï¼‰ãŒWebSocketã«ãªãœèˆˆå‘³ã‚’æŒã£ãŸã‹ã¨ã„ã†ã“ã¨ã‹ã‚‰ã¯ã˜ã¾ã‚Šã€å®Ÿéš›ã«ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“スを始ã‚ã‚‹ã¾ã§ã«ã„ãŸã£ãŸã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ãŠè©±ã—ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’通ã˜ã¦ã€WebSocketãŒåˆ‡ã‚Šé–‹ã「リアルタイムWebã€ãªä¸–ç•Œã¸ã®å¯èƒ½æ€§ã‚„技術的課題を皆ã•ã‚“ã¨å…±æœ‰ã§ãã‚Œã°ã¨æ€ã£ã¦ã„ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - makoto/wsbench
{{#tags}}- {{label}}
{{/tags}}