Downloaded 18 times
![自己紹介
ヤフー株式会社 内定者 !
羽田 健太郎 (ジャンボ)!
[まだギリギリ大学院生]!
!
・スマホからwebまでどんな技術も先っ
ちょだけかじる系エンジニア!
iOS, Android, phonegap, Js, php, mongo,
fluentd](https://image.slidesharecdn.com/ios-140225032907-phpapp02/75/iBeacon-yahoo-vs-iOS-7-2-2048.jpg){kind=tracking}
![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']!
);](https://image.slidesharecdn.com/ios-140225032907-phpapp02/75/iBeacon-yahoo-vs-iOS-7-18-2048.jpg){kind=tracking}
Uploaded byKen Haneda
iBeacon yahoo 羽田資料 - ヤフー株式会社 vs クラスメソッド「iOS 炎の7番勝負」
2/25にyahooで行われたiOS勉強会 - ヤフー株式会社 vs クラスメソッド「iOS 炎の7番勝負」において発表した資料になっています。 当日話せなかった、詳細やデモについて詳しくはこちらで書く予定です。 http://techtechwalker.blogspot.jp/
iBeacon yahoo 羽田資料 - ヤフー株式会社 vs クラスメソッド「iOS 炎の7番勝負」
- 1. iBeacon と Javascript Yahoo内定者! 羽田（ジャンボ） - @jumbOS5 ! 2014/2/25
- 2. 自己紹介 ヤフー株式会社 内定者 ! 羽田健太郎 (ジャンボ)! [まだギリギリ大学院生]! ! ・スマホからwebまでどんな技術も先っ ちょだけかじる系エンジニア! iOS, Android, phonegap, Js, php, mongo, fluentd
- 3.
- 4.
- 5. FlyBell? According to anew 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.
- 7.
- 8.
- 9.
- 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.
- 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.
- 16.
- 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");! },! functionerrorHandler(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.
- 22.
- 23. iBeacon vs NFC ✤ どっちがいいの∼？ 「BLEvs NFC」で検索 http://blog.unibulmerchantservices.com/how-mobile-payments-shouldbe-done-apples-ibeacon-vs-nfc/