2014年11月25日にヒカ☆ラボに登壇された株式会社コミュニケーション・プランニングの富永氏のスライド資料です。

1. iBeaconを身近に！
アプリ開発の基礎とポイント
2014.11.25
Communication Planning
Tominaga Ayaka

2. 自己紹介
冨永 綾香
エンジニア
Androidアプリ開発
iOSアプリ開発

3. iBeacon
体験したことありますか？

4. iBeaconDemo
距離によって画像が変わります
各種設定がポイント！
1. BluetoothをON
2. 位置情報をON
iOS7の場合は、
3. バックグラウンド更新をON

5. iBeaconのコード

6. “Core Location Framework”
を使用します！

7. Core Location Framework
位置情報関連の機能が詰まったフレームワークです
CLBeacon
CLFloor
CLLocation
CLLocationManager
CLRegion
CLBeaconRegion
etc.

8. Core Location Framework
iBeaconに使用するのは。。。
CLLocationManager
CLBeaconRegion
CLBeacon
!
この3つだけなのです！

9. 構成
iPhone
ビーコン
リージョン

10. モニタリングとレンジング

11. モニタリングとレンジング
モニタリングとは。。。
ビーコンで形成されるリージョンへの端末の出
入りを監視します
レンジングとは。。。
ビーコンと端末の距離を監視します

12. モニタリングを開始する
1. 監視対象のリージョンを設定します
リージョンの各値は、リージョンを形成しているビーコンの値によっ
て決まります！
UUID
Major
Minor
identifier

13. モニタリングを開始する
＜今回使用するビーコンの設定値＞
UUID:
421AAA52-28CD-4CA0-88CA-A936F4C65BF8
!
Major: 10
Minor: 10
ビーコン
リージョン

14. モニタリングを開始する
1. 監視対象のリージョンを設定します
使用するビーコンから以下のように設定します。
UUID：
421AAA52-28CD-4CA0-88CA-A936F4C65BF8
Major：10
Minor：10
identifier：region_1

15. モニタリングを開始する
2. リージョン設定をコードで書く
!!
NSUUID *proximityUUID = [[NSUUID alloc]
initWithUUIDString:@"421AAA52-28CD-4CA0-88CA-A936F4C65BF8"];
CLBeaconMajorValue major = 10;
CLBeaconMinorValue minor = 10;
NSString *identifier = @"region_1";
!!!
CLBeaconRegion *region_1
= [[CLBeaconRegion alloc] initWithProximityUUID:proximityUUID
major:major
minor:minor
identifier:identifier];

16. モニタリングを開始する
3. 実際にモニタリングをしてみる！
!!
CLLocationManager *locationManager;
!
locationManager = [[CLLocationManager alloc] init];
locationManager.delegate = self;
[locationManager startMonitoringForRegion:beaconRegion];
!!
これだけでモニタリングが開始されます！
!
次は、モニタリングの結果を受け取れるように
CLLocationManagerDelegateを実装します。

17. CLLocationManagerDelegate
モニタリングに関連するDelegate
!!!
リージョンに入った時に呼ばれる
- (void)locationManager:(CLLocationManager *)manager
didEnterRegion:(CLRegion *)region
!!
リージョンから出た時に呼ばれる
- (void)locationManager:(CLLocationManager *)manager
didExitRegion:(CLRegion *)region

18. Demoだと。。。
//リージョンに入った時に呼ばれる
- (void)locationManager:(CLLocationManager *)manager
didEnterRegion:(CLRegion *)region {
[locationManager
startRangingBeaconsInRegion:(CLBeaconRegion *)region];
[self setLocalNotification:@"リージョンに入りました"];
}
!
//リージョンから出た時に呼ばれる
- (void)locationManager:(CLLocationManager *)manager
didExitRegion:(CLRegion *)region {
[locationManager
stopRangingBeaconsInRegion:(CLBeaconRegion *)region];
_imageView.image = nil;
[self setLocalNotification:@"リージョンから出ました"];
}

19. レンジングを開始する
レンジングを始めるコードは。。。これだけ！
!
[locationManager
startRangingBeaconsInRegion:(CLBeaconRegion *)region];
!!!!
モニタリングと同様にレンジングの結果を受け取れるように
CLLocationManagerDelegateを実装します。

20. CLLocationManagerDelegate
レンジングに関連するDelegate
!
//レンジング開始後、1秒間隔で呼ばれる
- (void)locationManager:(CLLocationManager *)manager
didRangeBeacons:(NSArray *)beacons
inRegion:(CLBeaconRegion *)region

21. Demoだと。。。
//レンジング開始後、1秒間隔で呼ばれる
- (void)locationManager:(CLLocationManager *)manager
didRangeBeacons:(NSArray *)beacons
inRegion:(CLBeaconRegion *)region {
if (beacons.count > 0) {
BOOL showImage = false;
for (int i=0; i<beacons.count; i++) {
CLBeacon *beacon = beacons[i];
switch (beacon.proximity) {
case CLProximityImmediate:
_imageView.image = [UIImage imageNamed:@"Immediate"];
showImage = YES;
break;
case CLProximityNear:
_imageView.image = [UIImage imageNamed:@"Near"];
showImage = YES;
break;
case CLProximityFar:
_imageView.image = [UIImage imageNamed:@"Far"];
showImage = YES;
break;
case CLProximityUnknown:
default:
break;
}
if (showImage) {
break;
} else {
_imageView.image = nil;
}
}
}
}

22. Demoだと。。。
for (int i=0; i<beacons.count; i++) {
CLBeacon *beacon = beacons[i];
!
switch (beacon.proximity) {
case CLProximityImmediate:
_imageView.image = [UIImage imageNamed:@"Immediate"];
break;
case CLProximityNear:
_imageView.image = [UIImage imageNamed:@“Near"];
break;
case CLProximityFar:
_imageView.image = [UIImage imageNamed:@"Far"];
break;
case CLProximityUnknown:
default:
break;
}
}

23. CLProximityとは？

24. CLProximity
端末とビーコンの距離を表します！
CLProximityImmediate：とても近い
CLProximityNear：近い
CLProximityFar：遠い
CLProximityUnknown：わからない

25. CLProximity
端末が受信する電波の強度によって設定されて
いるようです。
!
例えば、
間に障害物を挟むと簡単に値を変えることがで
きます。

26. というわけで、
Demoはこんな感じで
作られています♪

27. CLLocationManagerDelegate
CLLocationManagerDelegateには他にも以下のような
ものがあります。
locationManager:didStartMonitoringForRegion:
モニタリングが開始された際に呼ばれる
locationManager:didDetermineState:forRegion:
端末とリージョンの位置関係知るため
requestStateForRegion:をコールした際に呼ばれる
locationManager:monitoringDidFailForRegion:withError:
モニタリングでエラーが発生した際に呼ばれる

28. CLLocationManagerDelegate
CLLocationManagerDelegateには他にも以下
のようなものがあります。
locationManager:rangingBeaconsDidFailForRegio
n:withError:
レンジングでエラーが発生した際に呼ばれる
locationManager:didChangeAuthorizationStatus:
位置情報に関する設定が変更された際に呼ばれる

29. iBeaconアプリを作る際には
1. サンプルアプリを見つけて
2. だいたいの流れを把握し
3. 公式リファレンスを読みつつ作り込む！
https://developer.apple.com/library/ios/documentation/CoreLocation/
Reference/CoreLocation_Framework/index.html
という流れがオススメです！

30. そうは言っても
ビーコン持ってないしなぁ。。。

31. そんなあなたのために
MacやiPhoneをビーコンにするアプリ
をプレゼント！

32. ありがとうございました！