JavaScript祭り 2016 秋のLTで使用したスライドを一部修正したもの

1. CORDOVA × WebSocket × D3
オールJavaScriptで作る
リアルタイムデータビジュアライザーション

2. 鈴木 潤
株式会社 インテリジェンス Technology Lab
抹茶ラテが好きなゆとり世代エンジニア

3. スマホのセンサーから取得した値で、
PCのブラウザ側でなんか動かしたい！
やりたいこと

4. スマホのセンサの値を取得
↓
サーバに送信
↓
サーバからブラウザに値を送信
↓
ブラウザでD3とか使って値を表現
方法

5. 構成
サーバサイド
スマホアプリ
PCブラウザ
WebSocketで値を送信センサで取得した値を送信

6. HTML CSS JavaScriptで実装
スマホアプリ

7. サーバーサイド
で実装。
WebSocket周りは を使用。

8. PCブラウザ
SVGの扱いを
で、3D表現

9. DEMO
デモ内容：上の3Dがスマホの方位センサの動きに合わせて動く

10. Thank you.