AppleWatch発売！Apple Watch WatchKit勉強会での発表スライドです。Notifications通知を使ったAppleWatchアプリについて。実際にアプリを作ってみてAppleWatchと相性の良いアプリについて考察する。

1. Notification
Watch WatchKit勉強会 in 東京
2015/04/25

2. 自己紹介
• 金田浩明
• 株式会社ブリリアントサービス勤務
• 著書：基礎からのAndroidプログラミング
• www.facebook.com/hiroaki.kaneda
• emboss369

3. Notificationの出し方
• アプリに通知機能がない場合
• →アプリにNotificationを実装する
• アプリに通知機能がある場合
• →何もしない

4. 以上
ありがとうございました。

5. というわけにもいかないので
• Notificationの作り方からおさらい
• ついでにToday Extensionの作り方
• Apple WatchでのNotificationのカスタマイズ

6. サンプルアプリ

7. Notificationには２種類ある
• Local Notification（ローカル通知）
– アプリがバックグラウンド時にユーザーに情報を伝え
る仕組み。
– アプリ自身が発信し、iOSが配信する
• Remote Notification（リモート通知）
– いわゆるプッシュ通知。
– リモートサーバーで発信し、iOSが配信する
• 見た目としてはどちらも一緒

8. バックグラウンドモード有効

9. 最小フェッチ間隔設定
// AppDelegate.swift
func application(application: UIApplication,
didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
〜
let interval:NSTimeInterval = 60 * 60 // 1時間
UIApplication.sharedApplication().setMinimumBackgroundFetchInterval(interval)
〜
return true
}

10. バックグラウンド処理を書く
func application(application: UIApplication,
performFetchWithCompletionHandler completionHandler: (UIBackgroundFetchResult) -> Void) {
〜なんらかの処理〜
// 処理結果を通知するNotification生成
let myNotification: UILocalNotification = UILocalNotification()
// タイトルを設定
myNotification.alertTitle = message
// メッセージを設定
myNotification.alertBody = detailStr
// Timezoneを設定をする.
myNotification.timeZone = NSTimeZone.defaultTimeZone()
// Notificationを表示する.
UIApplication.sharedApplication().scheduleLocalNotification(myNotification)
// バックグラウンドフェッチ結果を通知
completionHandler(UIBackgroundFetchResult.NewData)
}

11. Notification

12. Today
• Notificationの作り方からおさらい
• ついでにToday Extensionの作り方
• Apple WatchでのNotificationのカスタマイズ

13. 新規ターゲット作成

14. Today Extensionを追加

15. アプリとExtension間のデータ共有
適当なグループ名をつける。
group.PM25Extension
とした。

16. Today Extension側も同じように

17. アプリ側
// PM2.5の値をウィジェットと共有
let sharedDefaults:NSUserDefaults = NSUserDefaults(suiteName: "group.PM25Extension")!
sharedDefaults.setObject("【東京都】PM2.5観測情報 : "
+ self.statusLabel.text!, forKey: "pm25info")
sharedDefaults.synchronize()

18. Extension側
class TodayViewController: UIViewController, NCWidgetProviding {
required init(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
// 初期化時にNSUserDefaultsDidChangeNotificationで変更を検知して
// userDefaultsDidChangeメソッドを呼び出す
NSNotificationCenter.defaultCenter().addObserver(self, selector: "userDefaultsDidChange:",
name: NSUserDefaultsDidChangeNotification, object: nil)
}
/// アプリ側でテキストが変更されたらウィジェットに反映する関数
func userDefaultsDidChange(notification: NSNotification) {
updateLabel()
}
/// ラベルを更新する関数
func updateLabel() {
let defaults:NSUserDefaults = NSUserDefaults(suiteName: "group.PM25Extension")!
self.pm25StatusLabel.text = defaults.stringForKey("pm25info”)
}
}
WatchKitもExtensionだから
同じようにNSUserDefaultsでデータ共有ができます。

19. こんな感じになります

20. お待たせしました
• Notificationの作り方からおさらい
• ついでにToday Extensionの作り方
• Apple WatchでのNotificationのカスタマイズ

21. ようやくWatchKit

22. WatchKit Appを追加

23. Notification Sceneを含める

24. Static とDynamic

25. シミュレータでのNotification実行

26. Remote Notificationしかテストできない？
PushNotificationPayload.apnsファイルの内容(JSONファイル)
{
"aps": {
"alert": {
"body": "【東京都】PM2.5観測情報：非常に多い",
"title": "PM2.5情報"
},
"badge" : 1,
"category": "very_high"
},
"WatchKit Simulator Actions": [
{
"title": "最初のボタン",
"identifier": "firstButtonAction"
},
{
"title": "２番目のボタン",
"identifier": "secondButtonAction"
}
],
"pm2.5status": "very high"
}

27. Dynamic Interface

28. 軽くはまった
何故か空欄になってる。
WatchKit Extensinを
指定する。

29. NotificationController
class NotificationController: WKUserNotificationInterfaceController {
override func didReceiveRemoteNotification(
remoteNotification: [NSObject : AnyObject],
withCompletion completionHandler: (WKUserNotificationInterfaceType) -> Void) {
var aps = remoteNotification["aps"] as! [NSObject : AnyObject]
var alert = aps["alert"] as! [NSObject : AnyObject]
var body = alert["body"] as! String
self.label.setText(body)
completionHandler(.Custom)
}
}
.Customで Dynamic Interfaceが呼ばれる。
.Defaultとすると、Static Interfaceが呼ばれる。
PushNotificationPayload.apnsファイルの内容(JSONファイル)
{
"aps": {
"alert": {
"body": "【東京都】PM2.5観測情報：非常に多い",
"title": "PM2.5情報"
},

30. 複数の.apnsでテスト

31. Notification Interfaceは複数作成可能

32. 使用するNotificationはCategoryで指定

33. 使用するNotificationはCategoryで指定

34. 使用するNotificationはCategoryで指定
// 通知を表示する
// Notification生成
let myNotification: UILocalNotification = UILocalNotification()
// タイトルを設定
myNotification.alertTitle = "PM2.5情報"
// メッセージを設定
myNotification.alertBody = "【東京都】PM2.5観測情報：多い"
// Timezoneを設定をする.
myNotification.timeZone = NSTimeZone.defaultTimeZone()
myNotification.soundName = UILocalNotificationDefaultSoundName;
// カテゴリー名を指定する
myNotification.category = "high"
// Notificationを表示する.
UIApplication.sharedApplication().scheduleLocalNotification(myNotification)

35. アクション可能Notification
• 通知を見て、１タップでアクションできる
便利機能
• メールソフトなら「既読」「削除」「アー
カイブ」を１タップで
• TODO管理ソフトなら「完了」「１時間後に
再通知」を１タップで
• 通知を見てその場でアクションを選択でき
る

36. アクション可能Notification
識別子で区別する

37. アクション可能Notification
InterfaceController.swift
class InterfaceController: WKInterfaceController {
〜
override func handleActionWithIdentifier(identifier: String?,
forRemoteNotification remoteNotification: [NSObject : AnyObject]) {
if identifier == "firstButtonAction" {
self.label.setText("1番目のボタンが選択された")
}
else if identifier == "secondButtonAction" {
self.label.setText("2番目のボタンが選択された")
}
}
}

38. カスタマイズ

39. アイコン

40. 多すぎ

41. アイコン１個作って全サイズ作成

42. サッシの色

43. イメージ

44. テキストの折り返し

45. 背景イメージ

46. 今日のまとめ
• コーディングなしでもアプリが通知対応し
ていれば通知は表示される
• 通知のデザインはカテゴリに応じて複数作
成可能
• 通知のアクションはユーザーの手間を減ら
すために使う

47. 実機で試した感想
• JSONを用いたNotificationの実機デバッグ実行はうまく
いかなかった
– 実際のPush通知を試す必要あり？
– サーバ用意とかPHPでコーディんとか色々面倒そう）
• Local NotificationでDynamicインタフェースにならない。
– Staticインタフェースになってしまう
• iPhoneがロックされていないとWatchにNotificatonは表
示されない

48. Watchの書籍

49. • www.facebook.com/hiroaki.kaneda
• emboss369
質疑応答