既存アプリのiOS8対応 #ios8yahoo

既存アプリの iOS8対応

Mao Nishi

今日話すこと• 今回のiOS8対応範囲

• ヤフオク!アプリで起きた問題

• Extension Today対応

• 掛かった工数

• ユーザの反響

ヤフオク!アプリについて

ヤフオク!アプリについて• iPhone版

• 2010年10月リリース（当時はiOS4.1）

• コード上でUI部品を生成している箇所多数

• iPad版

• 2013年12月リリース

• xib、storyboardは当然活用

今回のiOS8対応範囲について

ヤフオク!アプリの iOS8対応の範囲

iOS8での正常動作を目指す

iOS8独自機能(Extentionなどを

搭載)

iPhone6/iPhone6 Plus向けにレイアウトする

iPhone/iPad 対応済み！対応済み！これから

ヤフオク!アプリの iOS8対応の範囲

iOS8での正常動作を目指す

iOS8独自機能(Extentionなどを

搭載)

iPhone6/iPhone6 Plus向けにレイアウトする

iPhone/iPad 対応済み！対応済み！これから

iOS8対応時に出会った事象・不具合等を紹介します

これからiOS8対応にあたられる方の参考になればと思います

CASE 1 回転時にレイアウトが崩れる

とりあえずビルドして動かしてみた

期待する動き

予期しない動き

回せば回すほど.. レイアウトが崩れていく事態に

原因

[[UIScreen mainScreen] applicationFrame];

原因

CGRect appFrame = [[UIScreen mainScreen] applicationFrame]; /* 以下はiOS8からは端末の向きによって返却される値が変わるようになった*/ CGFloat height = appFrame.size.height; CGFloat width = appFrame.size.width;

iOS7でのheightとwidthheight

heightwidth

長い方がheightという前提でも成り立つ

iOS8でのheightとwidthheight

widthwidth

height

長い方がheightという前提でコードを書いてしまっていた

端末の向きにってheight、width に変化があるメソッド

• [[UIScreen mainScreen] applicationFrame]; • [[UIScreen mainScreen] bounds]; • [[UIApplication sharedApplication] statusBarFrame];

これらを使っている箇所は見直しましょう

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration;

回転検知時に呼ばれる処理も変更

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration;

回転検知時に呼ばれる処理も変更

- (void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id <UIViewControllerTransitionCoordinator>)coordinator;

回転検知ではなく、サイズが変更されたと考える

実際の対応内容//iOS7以前の画面回転開始時の処理 - (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration { //端末の向き取得 BOOL isLandscape = UIInterfaceOrientationIsLandscape(toInterfaceOrientation); //以降width、heightを取得して回転後の座標位置変更処理を行う }

実際の対応内容//iOS7以前の画面回転開始時の処理 - (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration { //端末の向き取得 BOOL isLandscape = UIInterfaceOrientationIsLandscape(toInterfaceOrientation); //以降width、heightを取得して回転後の座標位置変更処理を行う } !//iOS8以降のサイズ変更時（回転時）の処理 - (void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator { //端末の向き取得 BOOL isLandscape = (size.height <= size.width); //以降width、heightを取得して回転後の座標位置変更処理を行う }

CASE 2 罫線の左が切れる

罫線の左側が切れる問題

[UITableViewCell appearance].separatorInset = UIEdgeInsetsZero;

iOS7対応の時に行った処理

iOS8の新しいプロパティlayoutMarginsによりマージンが設定されている

(lldb) p (UIEdgeInsets)[self.tableView layoutMargins] (UIEdgeInsets) $1 = (top = 0, left = 16, bottom = 0, right = 16)

コンテンツのマージン設定をオフにする

-(void)viewDidLayoutSubviews { [super viewDidLayoutSubviews]; self.tableView.layoutMargins = UIEdgeInsetsZero; }

CASE 3 デバイストークンが取得できない

[[UIApplication sharedApplication] registerForRemoteNotificationTypes: (UIRemoteNotificationTypeBadge| UIRemoteNotificationTypeSound| UIRemoteNotificationTypeAlert)];

デバイストークン取得処理変更

[[UIApplication sharedApplication] registerForRemoteNotificationTypes: (UIRemoteNotificationTypeBadge| UIRemoteNotificationTypeSound| UIRemoteNotificationTypeAlert)];

//通知タイプの設定 UIUserNotificationType types = UIUserNotificationTypeBadge | UIUserNotificationTypeSound | UIUserNotificationTypeAlert; !UIUserNotificationSettings *settings = [UIUserNotificationSettings settingsForTypes:types categories:nil]; ![[UIApplication sharedApplication] registerUserNotificationSettings:settings]; !//Push通知の利用許可をとる [[UIApplication sharedApplication] registerForRemoteNotifications];

iOSバージョン毎に処理を分岐する必要がある

+ (void)registerNotification { //iOS8とそれ以外で設定を変更する必要がある if ([YJUtil isIOS8]){ [AucNotificationConfigure registerNotificationAfteriOS8]; } else { [AucNotificationConfigure registerNotificationBeforeiOS7]; } }

OSバージョンで分岐させてます

InteractiveなPushにも対応しています

+ (void)registerNotificationAfteriOS8 { UIMutableUserNotificationAction *bidAction = [[UIMutableUserNotificationAction alloc] init]; bidAction.identifier = XXXXXXX; bidAction.title = @"入札する"; bidAction.activationMode = UIUserNotificationActivationModeForeground; bidAction.destructive = NO; bidAction.authenticationRequired = NO; UIMutableUserNotificationCategory *inviteCategory = [[UIMutableUserNotificationCategory alloc] init]; inviteCategory.identifier = XXXXXXX; [inviteCategory setActions:@[bidAction] forContext:UIUserNotificationActionContextMinimal]; //通知タイプの設定 UIUserNotificationType types = UIUserNotificationTypeBadge | UIUserNotificationTypeSound | UIUserNotificationTypeAlert; NSSet *categories = [NSSet setWithObject:inviteCategory]; UIUserNotificationSettings *settings = [UIUserNotificationSettings settingsForTypes:types categories:categories]; [[UIApplication sharedApplication] registerUserNotificationSettings:settings]; //Push通知の利用許可をとる [[UIApplication sharedApplication] registerForRemoteNotifications]; }

iOS8以後の処理

CASE 4 iPadでカメラが反応しない

UIImagePickerController * picker = [[UIImagePickerController alloc] init]; picker.delegate = self; picker.sourceType = UIImagePickerControllerSourceTypeCamera; ![self presentViewController:picker animated:YES completion:nil];

iPadでカメラ撮影する時

UIImagePickerController * picker = [[UIImagePickerController alloc] init]; picker.delegate = self; picker.sourceType = UIImagePickerControllerSourceTypeCamera; ![self presentViewController:picker animated:YES completion:nil];

非同期で起動しないと固まってしまう

UIImagePickerController * picker = [[UIImagePickerController alloc] init]; picker.delegate = self; picker.sourceType = UIImagePickerControllerSourceTypeCamera; !dispatch_async(dispatch_get_main_queue(), ^ { [self presentViewController:picker animated:YES completion:nil]; });

UIImagePickerController * picker = [[UIImagePickerController alloc] init]; picker.delegate = self; picker.sourceType = UIImagePickerControllerSourceTypeCamera; if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"8.0")) { dispatch_async(dispatch_get_main_queue(), ^ { [self presentViewController:picker animated:YES completion:nil]; }); } else { [self presentViewController:picker animated:YES completion:nil]; }

iPadでアルバムから写真を選択する際も同様

UIImagePickerController *imagePickerController = [[UIImagePickerController alloc]init]; imagePickerController.delegate = self; imagePickerController.sourceType = UIImagePickerControllerSourceTypePhotoLibrary; !self.popover = [[UIPopoverController alloc] initWithContentViewController: imagePickerController]; self.popover.delegate = self; if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"8.0")) { dispatch_async(dispatch_get_main_queue(), ^ { [self.popover presentPopoverFromRect:cell.frame inView:self.view permittedArrowDirections:UIPopoverArrowDirectionAny animated:YES]; }); } else { [self.popover presentPopoverFromRect:cell.frame inView:self.view permittedArrowDirections:UIPopoverArrowDirectionAny animated:YES]; }

CASE 5 タブ画像が表示されない

タブ画像が表示されない問題

- (void)setFinishedSelectedImage:(UIImage *)selectedImage withFinishedUnselectedImage:(UIImage *)unselectedImage;

setFinishedSelectedImageはDepricated

UIImage *m1 = [[UIImage imageNamed:@"m1.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

!UIImage *m2 = [[UIImage imageNamed:@"m2.png"]

imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; !

UITabBarItem *tab = [[UITabBarItem alloc] initWithTitle:@"" image:m1 selectedImage:m2];

UIImageRenderingModeAlwaysOriginalと共に生成する

CASE 6 Extentionの共通ロジックどうする

問題

アプリ本体とExtentionで利用する共通部品クラスにおいて

[UIApplication sharedApplication] が使われているメソッドがある

色々な事情で共通部品クラスに大きな修正を加えることができませんでした

+ (UIApplication *)sharedApplication NS_EXTENSION_UNAVAILABLE_IOS("Use view controller based solutions where appropriate instead.");

NS_EXTENSION_UNAVAILABLE_IOS のメソッドはExtention内では利用できない

!!// 特定のアプリを起動する void launchXXXXX(NSString* message) { NSString* url = [NSString stringWithFormat: @"%@://XXXXX/?message=%@", kXXXXSchemes, message]; [[UIApplication sharedApplication] openURL:[NSURL URLWithString:url]]; } !

どうするべきか

#ifndef AUC_WIDGET !// 特定のアプリを起動する void launchXXXXX(NSString* message) { NSString* url = [NSString stringWithFormat: @"%@://XXXXX/?message=%@", kXXXXSchemes, message]; [[UIApplication sharedApplication] openURL:[NSURL URLWithString:url]]; } #endif

Preprocessor Macroを使う方法

できるだけ共通部品から取り除くべきですが、一手段として参考にしてください

#ifndef AUC_WIDGET !// 特定のアプリを起動する void launchXXXXX(NSString* message) { NSString* url = [NSString stringWithFormat: @"%@://XXXXX/?message=%@", kXXXXSchemes, message]; [[UIApplication sharedApplication] openURL:[NSURL URLWithString:url]]; } #endif

Preprocessor Macroを使う方法

ExtentionのPreprocessor Macroの設定例

Extention Today対応

Extention Todayについて• ガイドライン上、スクロールできるUIはユーザにとって好ましくないとの記述がある

• ヤフオク!では入札中の商品を一覧できるExtention

Todayを作成したかった

• 一覧から入札できればなお良い（でもウィジェットではキーボードは利用できない）

iOS8対応に掛かった工数

iOS8対応に掛かった工数(iPhone)

iOS8での不具合修正

ウィジェット作成

合計

制作ー３人日３人日

開発４人日４人日８人日

iOS8対応に掛かった工数(iPad)

iOS8での不具合修正

ウィジェット作成

合計

制作ー０．５人日０．５人日

開発３人日１人日４人日

開発工数 iOS7対応>>>>>iOS8対応>iOS6対応

リリース後の反響

最後に

http://topic.auctions.yahoo.co.jp/promo/hr/p/

既存アプリのiOS8対応 #ios8yahoo

Documents

[iOS8] 新たな線形代数ライブラリ Linear Algebra

Gアプリ - Panasonic

AppBuilders 2nd meetup - Location Privacy in iOS8

Ruxcon 2014 - Stefan Esser - iOS8 Containers, Sandboxes and Entitlements

実践! iPhoneアプリ開発楽器アプリの作り方

Extensibility Apple iOS8

アドホック・タスク・グループ（ATG · 既存のアプリを利用. × . 通常の既存アプリのメッセージと. 避難情報のメッセージとの区別が

iPhone Uputstvo Za Upotrebu Konacna Verzija IOS8

Basiscursus iPad iOS8 (v 1.1)

Vision Accessibility Features ACCESSIBILITY IN IOS8 SARAH STARGARDTNOVEMBER 14, 2014

登山用GPSGPSアプリアプリジオグラフィカジオグラフィカ …geographica.biz/tmp/gps_and_map.pdf1 登山用GPSGPSアプリアプリジオグラフィカジオグラフィカ説明書

SydMobNet August 2014: What's New in iOS8 & Xamarin plus .Net MVC and Xamarin.Forms Mashups

Office365ProPlus 利用マニュアル2020/04/01 · 2 （3）「Office インストール」をクリックして「Office365 アプリ」ボタンをクリックします。 ※既定では，日本語

登山用GPSGPSアプリアプリジオグラフィカジオ …geographica.biz/tmp/map_and_geographica.pdf1 登山用GPSGPSアプリアプリジオグラフィカジオグラフィカ説明書

iOS8勉強会@Yahoo! JAPAN "Document Provider"

ATOMアプリ新規アカウント作成／セットアップ …...ATOMアプリ新規アカウント作成／セットアップマニュアルマニュアルVer.1.2 対応アプリ

Actualités mobiles iOS8 / Android L - Juillet 2014

iOS8 Features Overview - SIUEstornar/courses/notes/iosLS/iOS8... · WWDC 2014 code demos! The Swift Programming Language! Design Patterns. Title: iOS8 Features Overview Created Date:

Firefox OSアプリ「ModeView」

20110417 iphoneアプリ編