Xcode 6の新機能 2014.10.18 iOS 8/Swift エンジニア勉強会@ヤフー

1. Xcode 6の新機能
2014.10.18
iOS 8/Swift エンジニア勉強会＠ヤフー
佐藤 新悟 @gonsee

2. 自己紹介
• 佐藤 新悟
• iOSアプリ開発４年半ほど
• 現在は電子母子手帳 kazoc

3. アジェンダ
• Xcode 6の新機能概要
• Viewのデバッグ機能
• Interface Builderでライブレンダリング
• 非同期テスト

4. Xcode 6の新機能概要

5. • Swift対応 - 全部swfitでも、Obj-Cと同居でもOK
Playground - テスト、学習
• XCTest・
非同期テスト、パフォーマンステスト
• Interface Builder・
カスタムビュークラスのライブレンダリング、
カスタムフォント

6. • Debugger・
viewの階層構造を3D表示、
queueに積まれたblockの表示
• SpriteKit、SceneKit向け改善
• Extension、Frameworkのサポート

7. 詳しくは…
• What’s New in Xcode
https://developer.apple.com/library/ios/documentation/DeveloperTools/
Conceptual/WhatsNewXcode/Articles/Introduction.html

8. 本日取り上げるもの
1. Viewのデバッグ機能
2. Interface Builderでライブレンダリング
3. 非同期テスト

9. 1. Viewのデバッグ機能

10. Viewの階層構造を3D表示
Debugエリア上部のツールバー
Debug View Hierarchy

12. 階層構造やプロパティの表示
Debug navigator Object inspector
Size inspector

13. Viewのデバッグ機能
Demo

14. 2. Interface Builderで
ライブレンダリング

15. • 自前viewクラスをIB上で描画できる
• 自前viewクラスのプロパティをIBから
設定できる
※ Framework化は必須ではない

16. Viewクラスの実装
// MyCustomView.h
!
IB_DESIGNABLE
@interface MyCustomView : UIView
!
@end
// MyCustomView.m
!
- (void)drawRect:(CGRect)rect {
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetLineWidth(context, 2.0f);
[[UIColor blueColor] setStroke];
CGRect strokeRect = CGRectInset(self.bounds,
self.lineWidth/2.0f, self.lineWidth/2.0f);
CGContextStrokeEllipseInRect(context, strokeRect);
}

17. IB上に配置
Viewを配置してCustom Classに独自viewクラスを指定
IB上に独自viewが描画され
コード修正も自動で反映される

18. IB上で設定可能なプロパティの追加
// MyCustomView.h
!
IB_DESIGNABLE
@interface MyCustomView : UIView
!
@property (nonatomic, assign) IBInspectable CGFloat lineWidth;
!
@property (nonatomic, strong) IBInspectable UIColor *borderColor;
!
@end
// MyCustomView.m
!
- (void)drawRect:(CGRect)rect {
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetLineWidth(context, self.lineWidth);
[self.borderColor setStroke];
CGRect strokeRect = CGRectInset(self.bounds,
self.lineWidth/2.0f, self.lineWidth/2.0f);
CGContextStrokeEllipseInRect(context, strokeRect);
}

19. IB上で設定可能なプロパティの追加
指定したプロパティをIBから設定可能になる

20. IB上で設定可能なプロパティの追加
他にも様々なタイプで利用可能
• NSInteger
• CGFloat
• double
• BOOL
• NSString
• CGPoint
• CGSize
• CGRect
• UIColor
• UIImage

21. Swiftの場合
@IBDesignable class SwiftCustomView: UIView {
!
@IBInspectable var lineWidth: CGFloat = 1.0
@IBInspectable var borderColor: UIColor = UIColor.blueColor()
override func drawRect(rect: CGRect)
{
let context = UIGraphicsGetCurrentContext()
CGContextSetLineWidth(context, self.lineWidth)
borderColor.setStroke()
let strokeRect = CGRectInset(bounds, lineWidth/2.0, lineWidth/2.0);
CGContextStrokeEllipseInRect(context, strokeRect);
}
!
}

22. IBでライブレンダリング
Demo

23. 3. 非同期テスト

24. 非同期なAPIが当たり前
• Block呼び出し
• デリゲートコールバック
• ネットワークリクエスト
• バックグラウンド処理

25. • Xcode 5からユニットテストのフレー
ムワークとしてXCTestが導入された
• Xcode 6から標準で非同期テストが可
能になった
• 旧バージョン（iOS 6以降）をサポート

26. 非同期メソッドのテスト
テスト対象のメソッド
@interface ViewController : UIViewController
!
// a + b の結果を非同期で返す
- (void)addA:(NSInteger)a toB:(NSInteger)b
withCompletion:(void (^)(NSInteger result))completion;
!
@end

27. 非同期メソッドのテスト
// AsyncTestDemoTests.m
- (void)testAsyncAddition
{
// descriptionはログに出力される
XCTestExpectation *expectation =
[self expectationWithDescription:@"Addition"];
// テスト対象の非同期メソッドを呼ぶ
ViewController *vc = [[ViewController alloc] init];
[vc addA:1 toB:1 withCompletion:^(NSInteger result) {
XCTAssertEqual(result, 2); // 計算結果の検証
[expectation fulfill];
}];
[self waitForExpectationsWithTimeout:1.0 handler:^(NSError *error) {
NSLog(@"Error: %@", error);
}];
}
テストコード（XCTestCaseのサブクラス）

28. KVOのテスト
// ViewController.h
!
@property (assign, readonly) ViewControllerState state;
- (void)changeState; // ViewControllerState1 -> ViewControllerState2
テストコード
- (void)testStateChangesFromState1ToState2
{
ViewController *vc = [[ViewController alloc] init];
XCTAssertEqual(vc.state, ViewControllerState1);
[self keyValueObservingExpectationForObject:vc
keyPath:@"state"
expectedValue:@(ViewControllerState2)];
[vc changeState];
[self waitForExpectationsWithTimeout:1.0 handler:nil];
}

29. Notificationのテスト
テストコード
- (void)testNotification
{
[self expectationForNotification:ViewControllerSomeNotification
object:nil
handler:^BOOL(NSNotification *notification) {
NSLog(@"%@", notification);
// テストの成否をYES,NOで返す
return YES;
}];
ViewController *vc = [[ViewController alloc] init];
[vc notify]; // ViewControllerSomeNotificationをpostするメソッド
[self waitForExpectationsWithTimeout:1.0 handler:nil];
}

30. 非同期テスト
Demo

31. 参考資料
• WWDC 2014 Session Videos
• What’s New in Xcode 6
• Debugging in Xcode 6
• Testing in Xcode 6
• New Features in Xcode 6
https://developer.apple.com/library/ios/documentation/DeveloperTools/Conceptual/
WhatsNewXcode/Articles/xcode_6_0.html
• Creating a Custom View that Renders in Interface Builder
https://developer.apple.com/library/ios/recipes/xcode_help-IB_objects_media/chapters/
CreatingaLiveViewofaCustomObject.html