[B! websocket] reponのブックマーク

socket.io が提供してくれているものは何か - from scratch

現在開発中のシステムにリアルタイムな処理があり、そこで socket.io を使おうかなと思ってて、そういう折にタイムリーにもこの辺りの記事がタイムラインで出てきたのでメモ代わりに自分の意見を残しておく。 blog.jxck.io qiita.com socket.io が提供してくれているもの「ブラウザとサーバ間のプロトコル」という観点で見ると socket.io は WebSocket を基本として繋がらなかった時に XHR Long Polling や polling といった形式の代替手段を提供してくれるもの、という位置づけ。一方で「ライブラリ」という観点で見ると socket.io はリアルタイムアプリケーションを作る際に必要になる処理をまとめて実装し、クライアントとサーバ間での EventEm itter として抽象化してくれているもの、という風になる。もう少し噛み砕いて言

repon 2016/08/28

リンク

ApacheとNode.jsを共存させてWebSocketも通す [俺の備忘録]

Google+ボタンはてなブックマークボタン更新日時: 2012年11月22日（木）作成日時: 2012年11月22日（木）前の記事 / 次の記事前回書いたApacheにリバースプロキシを書く方法だと Node.jsと連携は出来るけどWebSocketが通らない。じゃあどうすれば通るんだよ！！ WebSocketがないNode.jsなんて(´・ω・｀) っていうことでざっと調べた感じだとよく使われている方法は次の二つ。 nginxをリバースプロキシとして使う node-http-proxyをリバースプロキシとして使う nginxは別途モジュールを導入しないといけないっぽいので今回は"node-http-proxy"をリバースプロキシとして採用することにした。主に【防備録】node.jsでnode-http-proxyを使ってApacheとの共存環境を作ったのでメモを参考

repon 2015/05/08

リンク

コラム - Ruby ＆ Rails | 第13回　WebSocketでサーバプッシュその2 〜EM-WebSocket〜｜CTC教育サービス研修/トレーニング

[IT研修]注目キーワード Python UiPath(RPA) 最新技術動向 Microsoft Azure Docker Kubernetes 第13回　WebSocketでサーバプッシュその2〜EM-WebSocket〜 (松永紘) 2014年4月 3/14にRails4.0.4がリリースされました︵*1︶。このアップデートは多くの機能改修やバグフィックスが含まれています。その中にはRuby2.1.1の不具合︵*2︶に対するフィックスも含まれていますので、該当バージョンをお使いの方はアップデートすることをお勧めいたします。さて、前回はWebSocketの概要について書いてまいりました。今回はその続きとして、実際にWebSocketを使ってみたいと思います。 WebSocketのライブラリとしてはJavaScriptで実装されたSocket.IO︵*3︶が有名ですが、本コラムは一

repon 2015/03/16

リンク

Node.js＋Socket.IOで作る、通信対戦ができるHTML5ゲームシステムの作り方

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blogはじめまして、Yahoo!きっず開発担当です。昨年Yahoo!きっずにてブラウザオンラインゲーム﹁おしゃべりリバーシ﹂をリリースしました。 ※おしゃべりリバーシは2015年10月をもってサービス終了しました。ご利用いただきまして、ありがとうございました。このゲームは、通信対戦部分の通信プロトコルWebSocketを採用し、サーバミドルウェアにNode.js＋Socket.IOを採用しました。この結果、ブラウザゲームでありながらマルチデバイスでの対戦を実現しました。今回は、Node.js＋Socket.IOによるWebSocketサーバのシステム構築方法について考慮すべきポイントを、﹁おしゃべりリバーシ﹂の実例を紹介しながら説

repon 2015/03/03

リンク

websocketについて調べた

先週から1週間websocketとnode.jsについて調べたのでまとめ 1. node.jsの何が凄いのか？要はevent-drivenだからってこと。普通のHTTPサーバーだと、リクエスがきてからレスポンスを返すまで、掴んだままになってしまう︵ブロッキング︶。event-drivenだと、リクエストとレスポンスを分離して、処理が遅くてもどんどんリクエスが受けられるよってことだ。下記URL的に言えば、タコだから凄い。 http://www.atmarkit.co.jp/fcoding/articles/websocket/01/websocket01a.html 2. websocketとは websocketはHTTPとは別規格の通信方法で、毎回通信を切るんじゃなくて、コネクションを張った状態にしておくから速いしプッシュも使えるよってやつだ。要は、 event-driven +

repon 2012/12/11

websocket

リンク

SocketStream入門

2011年9月24日に大阪にて開催された「第2回 HTML5など勉強会（仮）」で発表したときに使ったプレゼン資料です。

repon 2012/12/11

websocket

リンク

The Web Sockets API

Participate: GitHub whatwg/websockets (new issue, open issues) Chat on Matrix Commits: GitHub whatwg/websockets/commits Snapshot as of this commit @whatsockets Tests: web-platform-tests websockets/ (ongoing work) Translations (non-normative): 日本語 Abstract This specification provides APIs to enable web applications to maintain bidirectional communications with server-side processes. This section is

repon 2012/12/11

リンク

Node.jsとWebSocket.IOでチャットアプリを作る | mawatari.jp

VMware上、LAN上、インターネット上のCentOS6.3で動作確認済み。WebサーバはApache。クライアントでの確認は以下の通り。 Mac, WindowsのChrome 22, Firefox 16, Safari 6, Opera 12(動作不可), IE 9(動作不可). iPad2(iOS 5.1.1), new iPad(iOS6), iPhone4~5(iOS6)のSafari, Chrome. Galaxy S2(Android2.3.3)のブラウザ(動作不可). 目次WebSocket Chat サーバの実装WebSocket Chat クライアントの実装HTML JavaScriptWebSocket Chat サーバの起動とアプリの実行WebSocket Chat サーバの実装 // VMware上のCentOS6で動作させたときの例 // 8888番ポートで

repon 2012/11/13

websocket

リンク

HTML5のWebsocketを使ってチャットする

HTML5のWebsocket︵Node.js+Socket.IO︶を使って、チャットが行えるサンプルを作ってみました。Node.js+Socket.IOについては、下記のエントリーを参照してください。 Windows+Node.js+Socket.IO 環境を作ったのは自分のPCのためリアルでお見せできないのが残念ですが、動画をキャプチャしたのでそちらでご確認ください。1．サンプル動画2つのブラウザからそれぞれ﹁http://127.0.0.1:8124﹂にアクセスして、チャットを行います。入力した文字列を送信すると、送信者およびページにアクセスしているブラウザに内容を反映します。下の表示は画面が小さいので、全画面表示にするかYoutubeのサイトで直接見た方がいいかもしれません。 Websocket Chat Sample ２．サンプルコード Node.jsとSocket.IOを

repon 2012/11/13

websocket

リンク

モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。

モバイルゲーム物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは﹃ゼビウス﹄や﹃スペースハリアー﹄などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化メモリの制限が厳しいJava仮想マシン上ではなく、OS

repon 2012/11/13

websocket

リンク

WebSocketによるクライアント＝サーバー通信(1/7):JavaScriptによるHTML5プログラミング入門 - libro

HTML5では、クライアント＝サーバー間の通信に関する技術も追加されています。それが﹁WebSocket﹂と呼ばれるものです。これにより、Webブラウザからサーバーに、JavaScriptで通信することが可能になります。 ……なんて説明すると、﹁えっ、今までもAjaxとかでできたはずじゃ？﹂と思うかも知れません。確かにAjaxを利用すれば、JavaScriptを利用してクライアント︵Webブラウザ︶からサーバーに通信をすることができます。しかし、Ajaxによる通信は、それほど高度なものではないのです。 Ajax通信は、単に﹁クライアントからサーバーにアクセスし、結果を受け取って終わり﹂ということしかできません。どういうことかというと、﹁通信を維持し続けることができない﹂ということなのです。中には、Cometと呼ばれる技術などのように、Ajaxを巧みに利用して通信し続けるようなものも登場して

repon 2012/11/10

リンク

双方向通信を実現！ WebSocketを使いこなそう

（1）Ajax XmlHttpRequestオブジェクト（JavaScript）を利用した非同期通信処理のこと。Googleマップを筆頭とするWebアプリケーションで活用されている。ブラウザからサーバ側に非同期でリクエストを実施してデータを受け取り、JavaScriptにより部分的にページを更新することで、ページ全体を更新するよりも低負荷でサーバと通信できる。また、通信中も操作を継続できるので、エンド・ユーザーの操作を妨げられることもなく、ユーザビリティに優れる。デメリットとして、基本的にブラウザからのリクエストで動作する仕組みなので、サーバ側から自動でデータを送信することはない。

repon 2012/11/10

リンク

WebSocketでSSLを使用しセキュリティを確保する方法: Ruby EventMachineでサーバーを立てる場合 - memo.yomukaku.net

2011-06-18 00:49 WebSocketを使用してserver pushを行う場合、通常は通信の傍受が可能な状態になっています。SSLを使用するWebSocketサーバーの作り方を書きます。 EventMachineを使用してWebSocketのサーバーを作る場合、SSLを使用しない場合は以下のようになります。 # server.rb require 'em-websocket' EM.run do EM::WebSocket.start(:host => "0.0.0.0", :port => 8000) do |ws| ws.onopen do puts "WebSocket connection open" ws.send "WebSocket connection open" end ws.onclose do puts "Connection closed" end

repon 2012/11/08

リンク

こてさきAjax:websocketでpipelineをすると、感動的に早い!! - livedoor Blog（ブログ）

昨日、Webkit & Opera/HTML5勉強会で紹介したwebsocket&MeCabによる﹁坊ちゃん﹂への自動ルビ︵ふりがな︶振りデモですが、よくよく考えたら﹁pipelineってことは、解析リクエストの結果が返るのを待ってたらダメじゃん﹂ってことで、こちらのデモをwebsocket pipelineに替えてみました。すなわち、文単位の解析依頼をとにかく送りつづけて︵解析結果が返ってくるのを待たずに︶、どれぐらい高速化するか見てみようというわけです。そもそも、websocketは、好き勝手に送受信できるプロトコルなので、pipeline処理にはうってつけだよね！ってことで。あと、テキストマイニングと言えば、﹁やっぱり基本はわかちでしょ﹂ということで、websocket pipelineを使ったわかち書きのサンプルも作って見ました。コードは、http://code.google

repon 2012/10/12

リンク

WebSocketの現状と技術的課題

「レトロスペクティブ」というのはアジャイルソフト開発に良く使われる手法の1つなのですが、各イテレーション（反復期間）ごとに開かれる反省会のことです。各メンバーは「良かったこと」「悪かったこと」などをポストイットに書き出し、グループごとに分けたりしながら議論することで、次回のイテレーションに向けた改善点を探し出すという手法です。では実際にコードの一部を見てみましょう。まずはクライアントサイドのコードです。 pusher = new Pusher(Pusher.key); pusher.subscribe(Pusher.channel); pusher.bind('note-create', function(note) { generateNote(note); }); pusher.bind('note-destroy', function(data) { $("#note_"+dat

repon 2012/10/12

websocket

リンク

橋本商会 » Twitter Stream APIで授業チャット作った

TwitterにfilterAPIという単語で検索してstreamを受信できるAPIがあるので、授業のハッシュタグでfilterしてチャットを作った。プログラムと起動方法は https://github.com/shokai/twitter-stream-api にある。まず先週は、Terminalで動くバージョンを作って文字をデカくして全画面表示で教室の前に表示させて使ってた。mitukiiiさんのuserstreamというgemのAPI参照先をfilterAPIに変更したらすぐできた。@username の部分はrainbow で色を付けた。 twitterのログもテキストファイルで生成される。次に今週はHTMLで表示させるようにした。Stream APIをem-websocketでwebsocketにして、文字をデカくした全画面表示SafariにWebSocketで表示さ

repon 2012/07/24

リンク

橋本商会 » EventMachine::WebSocketでチャットを作る

Ruby & WebSockets: TCP for the Browser – igvita.comを参考にした。できた http://dev.shokai.org/test/ws/chat/ ソースコード https://github.com/shokai/ruby-websocket-test websocketなのでchromeかsafariかiPhoneで動くけど、FirefoxとIEでは動かない。 ■サーバーサーバーはrubyのEventMachine::WebSocketを使った。まずgemでインストールしておいてgem install em-websocket EM::runの中でEM::WebSocket.startするだけ。1プロセスに複数クライアントつなぎっぱなしにして、全クライアントにまとめてメッセージを送るためにEM::Channelを使った。EM::W

repon 2012/07/21

リンク

WebSocketサーバライブラリ rev-websocket リリース - Blog by Sadayuki Furuhashi

いま WebSocket がにわかに注目を集めているようです。ブラウザとサーバの間でリアルタイムな双方向通信を実現する機能で、HTML5に追加された︵される予定の︶新しい仕様です。このWebSocketを使うには、ブラウザ側のJavaScriptの記述だけでなく、サーバ側の実装も必要になります。そこで、Rubyで使えるWebSocketのサーバライブラリ rev-websocket をリリースしました。gemでインストールできます‥gem install rev-websocket 早速、デモアプリケーションを作ってみました‥シャウッたー　*1 WebSocket を使ったチャットシステムに、ちょっとした演出を加えたシンプルなアプリケーションです。速くタイプするほど大きく表示されるという趣向です^^; WebSocket に対応しているブラウザは今のところ Safari と Chr

repon 2012/07/21

リンク

rubyのgem「em-websocket」を使ったらいとも簡単にwebsocketを導入できた。

とても簡単です。10分もかからずに試せるのでよかったらどうぞ。一応githubにソースも置いてますので、興味があるかたはそちらも見てみて下さい。(❍ʻ◡ʻ❍) https://github.com/nihitok/Kantan-websocket 作るもの websocketで動くチャット最初に、gemでem-websocketをインストールします。em-websocketの詳細はこちら。https://github.com/igrigorik/em-websocket $ gem install em-websocket 環境によっては依存するライブラリがなくて怒られたりするかもしれませんが、その場合はエラーメッセージでググッて見て下さい。次に、適当なHTMLで﹁index.html﹂を作ります。 <html> <head> <script src='http://ajax.go

repon 2012/07/21

リンク

irbから学ぶRubyの並列処理 ~ forkからWebSocketまで

(追記‥2012-12-13) 本記事を電子書籍化しました。﹁Gumroad﹂を通して100円にて販売しています。内容についての追加・変更はありませんが、文体の変更、誤記の修正およびメディア向けの調整を行っています。電子書籍﹁irbから学ぶRubyの並列処理 ~ forkからWebSocketまで﹂EPUB版このリンクはGumroadにおける商品購入リンクになっています。クリックすると、オーバーレイ・ウインドウが立ち上がって、この場でクレジットカード決済による購入が可能です。購入にはクレジット情報およびメールアドレスの入力が必要になります。購入すると、入力したメールアドレスにコンテンツのDLリンクが送られてきます。購入ご検討のほどよろしくお願いしますm(__)m 関連記事‥ 電子書籍﹁irbから学ぶRubyの並列処理 ~ forkからWebSocketまで﹂EPUB版をGumroad

repon 2012/07/21

リンク

はてなブックマーク

タグ

関連タグで絞り込む (22)

websocketに関するreponのブックマーク (21)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス