2/25にyahooで行われたiOS勉強会 - ヤフー株式会社 vs クラスメソッド「iOS 炎の7番勝負」において発表した資料になっています。 当日話せなかった、詳細やデモについて詳しくはこちらで書く予定です。 http://techtechwalker.blogspot.jp/

1. iBeacon と Javascript
Yahoo 内定者!
羽田（ジャンボ） - @jumbOS5 !
2014/2/25

2. 自己紹介
ヤフー株式会社 内定者 !
羽田 健太郎 (ジャンボ)!
[まだギリギリ大学院生]!
!
・スマホからwebまでどんな技術も先っ
ちょだけかじる系エンジニア!
iOS, Android, phonegap, Js, php, mongo,
fluentd

3. 今日話す事
iBeaconでできること
iBeaconでやってること
iBeaconで出来るようにした事
iBeaconで出来るようになりたいこと

4. iBeaconでできること
Bluetoothを使った、近距離通信システム
送信!
・フォアグランドのみ!
・ブロードキャストのみ!
!
受信!
・おおまかな距離取得!
・フォア/バックグラウンドで動く!
!
Android、Mac、RasberryPi・・・色ん
な物が使える

5. FlyBell?
According to a new patent application published by The United States
Trademark and Patent Office (USPTO), the Galaxy maker’s iBeacon is called
Flybell and is being described as a “wireless beacon and corresponding
software”…
「iBeaconじゃなくて!
Flybellと呼んでね！」

6. セキュリティ
運用、体制には!
検討が必要
UUID,major,minor
ぐへへ。。。

7. iBeaconでやってること
✤
米MLB、ドジャースタジアムとペトコパークから iBeacon を設置。iOSとローカル位置情報を連動
スタジアム内の飲食店への!
入店を検知してクーポン配布

8. iBeaconでやってること
✤
小売り店におけるキャンペーンや施策をサポートするプラットフォーム

9. iBeaconでやってること
✤
Beaconの提供と開発支援

10. お手軽！ Start iBeacon！
MacとiPhoneがあればできる！
✤
(iBeaconはiOS7から提供されています。BLEを使うため、対応機種は
iPhone4s以降の機種)
1, Mac OSX Application
https://github.com/mttrb/BeaconOSX (only use Mavericks)
2, node.js
bleacon - https://github.com/sandeepmistry/node-bleacon

11. 1,Mac OSX Application
まーべりくすならできるよ！!
↓
ブログ書いたので!
そちらでどうぞ！！!
↓!
「iBeacon おかえり」で検索！

12. Bleacon (node.js tool)
✤
how to use
1, install node.js and nvm
2, $ nvm use v0.10.24 < v0.11だとinstall error!
3, $ npm install bleacon
4, $ vim beacon.js (emacsでも可)
5, $ node beacon.js

13. Bleacon - advertise
「最も簡単にiBeaconの電波を発信する方法」より!
http://qiita.com/Morikuma_Works/items/a0dd3cfcd1eef8dbd492
// bleacon.js
Bleacon = require('bleacon');
!
var uuid = '80D8FFC4-9807-407C-8C4D-F7AF9248B027';
var major = 0; // 0 - 65535
var minor = 0; // 0 - 65535
var measuredPower = -100; // -128 - 127 (measured RSSI at 1 meter)
!
Bleacon.startAdvertising(uuid, major, minor, measuredPower);
動かない・・・

14. Bleascon - receive
「最も簡単にiBeaconの電波を受信する方法」より!
http://qiita.com/Morikuma_Works/items/c2899e548da1c5e2c28e
// recieve.js
Bleacon = require('bleacon');
Bleacon.startScanning();
!
Bleacon.on('discover', function(bleacon) {
console.dir(bleacon);
});
こいつ・・・動くぞッ！！

15. Bleascon - receive

16. Phonegap

17. Create phonegap app.
1, $ cordova create hello com.example.hello HelloWorld
2, write web source.
3, $ cordova platform add ios
4, $ cordova platform add android
5, $ cordova build

18. iBeaconで出来るようにした事
✤
phonegap-ibeacon-plugin
https://github.com/jumbo-in-Jap/phonegap-ibeacon-plugin
cordova.exec(!
function callback(data) {!
console.log("success");!
},!
function errorHandler(err) {!
console.log("error");!
},!
'IosIBeaconPlugin',!
'startAdvertiseFromJS',!
['80D8FFC4-9807-407C-8C4D-F7AF9248B027','1','1','jp.com.sample.iBeaconPlugin']!
);

19. Js + iBeacon で何が出来るか？
iBeacon platformにおいてのiBeaconをどうつくるべきか？!
webソースでコンテンツをのせればクールなんじゃ？!
Let’s Javascript！！

20. iBeaconで出来るようになりたい事
Pebbel stealとの連携!
させたい・・・!
smartwatch + iPhoneで!
できる面白い事!
↓!
!
無限!
↓!
!
おもろいことできます!
*｡٩(ˊωˋ*)‫!و‬
やりましょう

21. レッツ・ベーコン！！！
01

22. iBeaconでやってること
✤
Led照明を発信器として店内経路のサジェスチョン

23. iBeacon vs NFC
✤
どっちがいいの∼？
「BLE vs NFC」で検索
http://blog.unibulmerchantservices.com/how-mobile-payments-shouldbe-done-apples-ibeacon-vs-nfc/