WebSocket のバイナリメッセージを試したら、ウェブの未来が垣間見えた
長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か
http://bloga.jp/ws/jq/conn/zip02.htm
郵便番号→住所変換 use plugin $.ws [en]zip code --> address [ja]サジェスト機能付のWebSocket版 郵便番号→住所変換。XHRで書くと、KEY_UPする毎に何度もリクエストが発生し、その都度新しいコネクションとHTTPヘッダの往復を発生しますが、WebSocketなら1コネクションだけで処理できます。 使い方は、たとえば、〒欄へ1066101とキー入力すると、1、10、106、1066、10661、106610、1066101の順に住所候補がリストアップされます。そのリストをクリックするか、最後の1件になると〒、住所欄へコピーされます。 (ちなみにこのサンプルの場合は、たとえば、サジェストを使わず、いきなり1060045という7桁の郵便番号を〒欄へコピペしても住所が検索表示されます。その場合のリクエスト数とヘッダ量はXHRとほどんど変わら
【レポート】5分で把握するHTML5 - Google Developer Dayセッションリポート (2) Web Storage、Web Workers、Web Sockets | エンタープライズ | マイコミジャーナル
Web Storage Web Storageは、クライアント内にデータを永続化するための機構だ。大きく、以下の二つに分けられる。 Storage・・・キー/バリューの形式で永続化できる。キーと値はどちらも文字列である必要がある。localStorageはドメインごとに保存され、永続化期間は無制限だ。sessionStorageはウィンドウごと保存され、永続化期間はそのウィンドウを閉じるまでとなる // ローカルストレージに値を保存する window.localStorage.pageLoadCount = 0; データベース・・・SQLを用いてアクセスする事の出来る永続化領域。非同期APIと同期APIの双方を用いてアクセスすることができる。非同期APIは扱いにくい分、データアクセスがバックグラウンドで行われるため、UI操作の妨げにならない // データベースに対して非同期でSQLを実行す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
