Physical Web導入の話
2016/10/13
勉強会@スタジオアルカナ
スタジオアルカナ
遠藤勝也
1
Physical Webとは?
2
Physical Web
• Googleが発表したプロジェクト
• 物にURLを付加する
• しばしばiBeaconと比較される
• Eddystoneという規格を使う
• https://github.com/google/physical-web
3
かっこいい
実験環境
• MacBook Air (Early 2014)
• Node.js
• node-eddystone-beacon

https://github.com/don/node-eddystone-
beacon
• iPhone6
• Google Chrome
5
インストール
• npm install eddystone-beacon
6
iPhoneとChromeの設定
• 通知センターにChromeを追加
• Wi-FiとBluetoothをオンにする
• フィジカルウェブをオンにする
7
サンプルコード
var EddystoneBeacon = require('eddystone-
beacon');
EddystoneBeacon.advertiseUrl('http://www.s-
arcana.co.jp/');
8
検出した様子
• ブラウザを介して通信する
• Push通知はできない
• Raspberry Pi, Arduino

などからも使えるらしい
9
まとめ
• とりあえずPhysical Webを触ることができた
• 現実の物体とWebページを結びつけることができる
• 現在地などで必要な情報を収集することができる
ご静聴ありがとうございました
11

Physical Web導入の話