位置情報の取得とWebSocketによる送信 [Geolocation APIとwebsocket-railsによる位置情報通知アプリ #1] はじめに ブラウザにて位置情報を取得し、その情報を別のクライアントへPush通知する処理の サンプルをRuby on Railsで作成してみました。 なんらかの業務で、ある社員が持つ端末より位置情報を取得し、本社側でリアルタイムで その情報を把握する、というような用途を想定しています。 アプリの機能としては JavaScriptにて、Geolocation APIを使用して位置情報を取得する websocket-railsを使い、WebSocketでサーバ側へ送信する サーバ側は、受け取った位置情報をwebsocket-railsを使い、別画面へPush通知する の3つに分けることができます。 これらの機能を実装するポイントについて書いていきたいと
以前、Jetty, Grizzly, Netty(3.2.4), EM-WebSocket を使って WebSocket の簡単なサンプルを実装しましたが、今回は Netty 4.0.7 を使って同様の処理を実装してみました。 Netty 4.0.7 Final サンプルソースは http://github.com/fits/try_samples/tree/master/blog/20130901_2/ WebSocket クライアント WebSocket のクライアントは下記のように以前と基本的に同じです。 以前は Chrome でしか動作確認できませんでしたが、今では Firefox でも問題なく動作します。 index.html (WebSocket クライアント) <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <sc
ホーム 検索 - ログイン | | ヘルプ Java/NIO/Netty, Mina, Grizzly, Vert.x + WebSocket 調査メモ [ Prev ] [ Next ] [ Java ] NIOフレームワーク、およびそれらにおけるWebSocket対応状況(ついでにErlang + WebSocketどうよ?も含む)についてざっと参考リンクをまとめる。 Nettyを中心としてNIOフレームワーク全般に話が及んでいる、総括的な記事: JBoss Nettyを触ってみる - Starlight http://d.hatena.ne.jp/Kazuhira/20110718/1310982796 java - Netty vs Apache MINA - Stack Overflow http://stackoverflow.com/questions/1637752/ne
(2010/04/09 追記:タイトル内のVNCをSVNと間違えていたのを修正しました。) 次世代のWebの規格としてWebSocketというものがあります。WebSocketは、AjaxでもCometでもないサーバ-クライアント間の新しい通信方法です。通常のWebアクセスや、Ajax・CometはHTTPを使用していますが、WebSocketはHTTPではありません。接続のたびに接続のリクエストが発生するHTTPと違い、WebSocketはとても高速で、同時に複数の接続も可能となっています。遅延も小さく比較的容量の大きいデータも高速に転送できるため、リモートデスクトップのようなものが作成できないかと思い、WebSocketRemoteというものを作ってみました。ブラウザには、プラグインやFlash、Javaアプレット等は一切不要となっています。 一応動作するのですが、XMLHttpReq
HTML5っ!WebSocketっ!サーバーからプッシュでっ! やりますよscalaで。とはいえ、Javaでも同じなので、Javaでやってみようって人にも参考になるかも? サーバーの実装 サーバ側の実装は、要点をまとめるとこんな感じです。 org.eclipse.jetty.websocket.WebSocketServletを継承したServletを作ります。 protected abstract WebSocket doWebSocketConnect(HttpServletRequest request, String protocol) を実装しますよ クライアントからws:/hostname/でWebSocketの接続要求が来たら、このdoWebSocketConnectが呼ばれます。 doWebSocketConnectでは、org.eclipse.jetty.websocke
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>jp.co.mapion.honjo</groupId> <artifactId>aaa</artifactId> <packaging>war</packaging> <version>0.0.1-SNAPSHOT</version> <name>aaa Maven Webapp</name> <url>
Jetty 7.0.1.v20091125 で、HTML5 の WebSocket がサポートされているので、Chrome から繋げてみる。 WebSocketServlet によるサンプルが紹介されているので、 Jetty/Feature - Eclipsepedia WebSocketHandler で。 こんな感じ。 public class MemberSocket implements WebSocket { static Set<MemberSocket> members = new CopyOnWriteArraySet<MemberSocket>(); Outbound outbound; @Override public void onConnect(Outbound outbound) { System.out.println("onConnect:" + this);
概要 Node.jsでWebSocketを試してみる - Yuta.Kikuchiの日記 以前Node.jsを使ったWebSocketの導入についてまとめたので、今回はブラウザ、サーバ言語の対応状況についてまとめてみる。 WebSocketプロトコルの種類 draft-hixie-thewebsocketprotocol-75 draft-hixie-thewebsocketprotocol-76 draft-ietf-hybi-thewebsocketprotocol-00 draft-ietf-hybi-thewebsocketprotocol-06 等 元々はdraft75,76がメインだったようで二つが混在していた。draft-ietf-hybi-thewebsocketprotocol-03、それ以前のプロトコルにセキュリティホールが発見される。 http://gihyo.jp/
WebSocketやchrome.socket、AudioやVideo APIなどが進んできたせいで、JavaScriptで生データを触ることが増えてきています。 その時に使えるのがArrayBufferというオブジェクトなんですがいまいち整理がついてないので、MDNを訳しながら、まとめてみました。 ちなみにMDNでは Webアプリケーションがパワフルになってくるに連れて、audioやvideoの操作などの機能や、WebSocketsを用いた生データのアクセスなどが追加され、その結果、早く・容易に生のバイナリデータをJavaScirptコードで扱うことのできる機能が必要なことが明確になって来ました過去には文字列として生データを扱い、charCodeAt()を用いてデータバッファからバイトを読み取るようなこともされていました。 とあります。この機能がArrayBufferですね。 Typed
browserverはWebブラウザをWebサーバ化してしまうユニークなWebサービスです。 JavaScriptやnode.jsなどWebブラウザには様々な新しい技術が入り込んできています。その結果、これまでには見た事もなかったようなサービスも登場しています。今回は自分のWebブラウザがWebサーバ化してしまうbrowserverを紹介します。 普通にアクセスしても404が返ってきます。 Webブラウザ側です。別なブラウザからのアクセス結果が表示されています。 例えばターミナルから位置情報を取得するアクセスをします。 そうするとWebブラウザに位置情報アクセスの確認が表示され、OKするとターミナルに位置情報が返却されます。 こんな感じにPATCHアクセスをします。 そうするとWebブラウザ側のコンテンツが変化します。 browserverの仕組みは専用のキーを発行し、そのキーをURLに埋
はじめに 就職先募集中です\(^o^)/ 前エントリの中の一部の実装の話です。Node.js + Socket.IOのサーバの基本構成と、Android版のSocket.IOクライアントのサンプルです。 とりあえずコードはよ。って方はコチラへ ※2013/3/10 コードをアップデートしてnginxのリバースプロキシに対応しました 何が出来るの? Androidアプリとブラウザでリアルタイム双方向通信のサンプルです。要はチャットアプリです。サーバは受信データをブロードキャストするようにしています。 非常に簡単なサンプルですが、ブラウザクライアントとAndroidアプリの工夫次第で、色々な実験やプロトタイピングが出来ると思います。前エントリのプロトタイプはADKを接続してハードまでリアルタイム連携させてみたものです。 画面サンプル(自機の送ったものは表示されない) ブラウザの画面 Andro
Heroku + Pusherで作る!リアルタイムアプリケーション — Presentation Transcript Heroku + Pusherで作る!リアルタイムアプリケーション Yokohama.rb 海老沢 聡 (Satoshi Ebisawa) 自己紹介• 海老沢 聡 (Satoshi Ebisawa)• @satococoa• satococoa.github.com• Yokohama.rb / P4D (デザイナー向けプログラム部) リアルタイム アプリケーション?• ユーザ間で同期がとれてたり• サーバから動的に通知できたり• 他のユーザと(ほぼ)リアルタイムに インタラクションできたり Webで「リアルタイム」 といえば・・・ WebSocket!!!! でも、WebSocket非対応>< え?今日対応したって?? でもHerokuには がある! でできること• W
http://keima.herokuapp.com/ 「えーpolling!? pollingが許されるのは小学生までだよねー、キャハハハ」というわけでpush通知にWebSocketをお使いのみなさま、こんにちは。 しかし、毎回、WebSocketを扱う機能を実装するのは、いくつかの理由で面倒ですよね! WebSocketは様々なバージョンがあるので、すべてに対応するのは面倒。 同様の理由で、個別のアプリで作り込んでしまうと、WebSocketのバージョンアップに追従するのが面倒。 WebSocketは大抵別サーバになっているので、設定が面倒。 Heroku等のPaaSではWebSocketを使えないことが多い。 (2015/1/23追記: HerokuはWebSocketをサポートするようになりました) そこで、WebSocketによるpush通知に特化したWebサービス Keima
Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo
server.js var http = require('http') , httpServer = http.createServer() , fs = require('fs'); httpServer.on('request', function(req, res) { fs.readFile(__dirname + '/public' + req.url.replace(/\/$/, '/index.html'), function(err, data) { if (err) { res.writeHead(403); res.write('Not found'); res.end(); } else { res.end(data); } }); }); httpServer.listen(8080); server.jsと同階層にあるpublicディレクトリ内に ファイルがあれ
Java EE 7がリリースされて、それに対応したGlassFish 4もリリースされました。 ついでに、Java EE 7やGlassFish 4に対応したNetBeans 7.3.1もリリースされています。 ということで、NetBeansとGlassFishを使ってJava EE 7を試してみようと思います。 今回は、Java EE 7の中でも簡単なコードで動きの派手なWebSocket対応を試してみます。 ダウンロード まずNetBeansをダウンロードします。 https://netbeans.org/downloads/ NetBeansは、ちょっと試すにしてもずっと使うにしても、インストーラーではなくzipで落とすほうが楽なので、ここでは「プラットフォーム」に「OSに依存しないZIP」を選択します。 「サポートテクノロジー」が「Java EE」か「すべて」のものをダウンロードし
WebSocket、組み込み、並列処理で進化するJava、そして最強のIDEはどれだ?:Java Day Tokyo 2013まとめレポート(2)(1/5 ページ) Java EEにおけるWebSocket、並列処理の過去・現在・未来、Raspberry Piとの連携、Eclipse、NetBeans、IntelliJ IDEAの中から最強のIDEを決める座談会、ミニ四駆の発表もあったLT大会などの模様をお届け。 日本オラクルは5月14日、「Java Day Tokyo 2013」を開催した。Java EEの最新バージョンリリースを間近に控える中、JavaFXやRaspberry Pi、さらには来年リリース予定のJava SE 8など内容は多岐に渡った。 Java Day Tokyoは、その名の通りJavaが中心となったカンファレンス。Java開発者向けのイベントとして伝統ある「JavaO
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く