HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版
はじめに ブラウザ間でP2P通信が実現できれば、ブラウザ上で動作するP2Pアプリが作れて面白そうだなーと思ったのでWebSocketを使って実現してみました。仕組みについては以下で説明していきますが、私が実現した方法は限定的で実用性が低く色々と足りない部分もあるので、軽い気持ちで読んで頂けるとありがたいですw 仕組みの概要 なぜWebSocketを使うのか 従来、Webサーバとクライアント(Webブラウザ)間で非同期に通信するにはXHR(XMLHttpRequest)を用いてきました。基本的にこのXHRは以下の図のように同一ドメインとしか通信できないという制約がありました。*1 しかし、WebSocketのthe Origin-based security modelでは異なるドメインとも通信することが可能になります。WebSocketプロトコルでは、サーバとクライアント間で接続を確立する
Node.jsを使い始めたのは、WebSocketを使ってごにょごにょしたいからだった。通常と少し違うのは、WebSocketのクライアント側がブラウザでは無いこと。それを実現するにはどうしたら良いか調べた。 Node.jsでWebSocketを使うには Node.jsでWebSocketを使う場合、Socket.IOというモジュールを使うのが一般的らしい。厳密にいうと、Socket.IOはクライアントのブラウザがWebSocketをサポートしていない場合、自動で他の手段で代替してくれるとのこと。 本家 Socket.IO: the cross-browser WebSocket for realtime apps. 日本語版ページ Socket.IO: the cross-browser WebSocket for realtime apps. Node.jsのモジュールは、npmコマン
最近のスマートフォンのブラウザとサーバー間の通信は「WebSocket」という リアルタイム更新が可能な新しい規格に対応しているのはご存知ですか? 「WebSocket」に「Node.js」という入出力を非同期処理できる仕組みを組み合わせる事で、 リアルタイム性の高いメッセージ交換が可能になります。 まずはデモをご覧ください! デモ発表! 何をやってるの? [はじめに] PC…「Node.js」で「WebSocket」通信を受けとるサーバーを構築しています。 Smartphone…ブラウザをひらいています。 ①スマートフォンでブラウザを起動し、PC側のサーバーに接続します。 ↓ ②スライダーを指で左右に動かすと、 スライダーの位置情報をWebSocket通信でPC側の「Node.js」が受信し、 リアルタイムで処理を行います。 ※PCサーバーに流れるリアルタイム処理にも注目! ↓ ③PC
長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
expressでクエリパラメータを取得して表示するところまでやったので、外部のAPIを叩いて、取得したデータを表示してみる。 APIはとりあえずatndのAPIにした。 https://github.com/chris4403/nodejs-sample/commit/d2172cac3d25d02f9df0d6e6e22726fdbd3088f1 app.js // atnd events api app.get('/events', function(req, res){ var http = require('http'); var options = { host : 'api.atnd.org', port : 80, path : '/events/?format=json', }; var result = {}; http.get(options, function(res
解釈が間違っている点がある可能性が御座いますのでご了承くださいませ。記事の内容としては「Node.js なら他のサーバよりもこんなに簡単に WebSocket が扱える(ライブラリがある)」というような内容となっていますので、ご了承いただければと思います。 Node.js って何? Node.js についてよくわからず最初は以下のページを読んでました。 Node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌 例えば、ログイン中の2人がいて、1人がチャットのリクエストをしたとします。でもラグが30秒ほどあって、気付かずに閉じちゃうなんてことがなくなります。 メンバーAのブラウザがメンバーBのブラウザに直接プッシュするってことかと最初は思っていましたが違いました。この点について深く考えていくこととなります。 Node.js を使うと何ができるのか node.js を使
はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただけることになりました。WebSocketという新しいウェブの規格についての連載を、全4回の予定でお届けします。 用語統一について WebSocketは「WebSocket」「WebSockets」、単語を切り離した「Web Socket」等、表記に揺れがあります。2009年12月22日のワーキングドラフトのタイトルは「The Web Sockets API」となっていますが、2010年4月26日のエディターズドラフトでは「The WebSocket API」となっています。この連載では、最新の仕様書に則り、用語を「WebSocket」で統一します。 HTML5とWebSocketの関係 WebSocketは、もともとHTML5の一機能として仕様の策定が進められていました。しかし、Web S
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く