Bonfire iOS #3

1. SmartNewsアプリの品質
Bonfire iOS #3

2. 自己紹介
● 荒巻 賢一
● 趣味
○ ピアノ、テニス、競技プログラミング、ボルダリング
● ライフワーク
○ デバッグ

3. SmartNewsにおける品質
● ニュースコンテンツへのこだわり
● 広告へのこだわり
● アプリの実装へのこだわり
“世界中の良質な情報を必要な人に送り届ける”

4. ニュースコンテンツへのこだわり
● 良質な情報を届けるというミッションを達成するた
め、様々な指標を追いながら、コンテンツを愛する
担当者が日々アルゴリズムを改良しています
例) アルゴリズムを駆使してこだわり抜いた！ 野球狂が語る、スマニューの野球チャンネルの秘密

5. 広告へのこだわり
● 広告もコンテンツの一部であると考えている
○ 自社で広告部門を持つ会社ならでは
● どのような広告を、いつ、どのように表示するか細
部まで検討している

6. ここからアプリの話
● QAを含めた全体の開発フロー
● SmartNewsに特徴的だと感じたこと
● XCTestによるブラックボックステスト
○ 別スライド

7. モバイルアプリチームの構成
● マネージャ
● iOS開発担当
● Android開発担当
● QA担当

8. ブランチポリシー、デプロイ
● git-flow
● pushするとXcode Serverでビルド＆テスト
○ releaseやprototypeなど、ブランチ名に特定のprefixをつけ
てpushするとCrashlyticsにbeta版を配布
○ 後半で改めて説明

9. スプリント
iOS 5.0.2 開発
11月
第1週
Android
開発
QA
iOS
開発
Android
5.0.2
QA
iOS 5.0.3 開発
Android 5.0.2 開発 Android 5.0.3 開発
iOS
5.0.2
QA
iOS
5.0.3
QA
Android
5.0.3
QA
11月
第2週
11月
第3週
11月
第4週
12月
第1週

10. アプリの検証体制
● 3人が専任
● 一週間単位でiOSとAndroidを交互に回す
● 細かいのを入れると数千項目あるらしい
● 開発した内容の軽重で総量を調整している

11. アプリの実装へのこだわり
● CEOをはじめ、個々人がそれぞれこだわりを持っ
ている
● iOSの標準に従いつつも、必要なら独自実装

12. アプリの実装へのこだわり 1
● タイトルを形態素解析して折り返しの位置を調整
● なめらかなページめくり
○ 垂直方向の慣性スクロール中でもページめくりが可能
○ ページめくり中でも垂直方向のスクロールが可能
例) 細かすぎるが効果的なSmartNewsのUI/UX「文字とスクロールと色相環」

13. アプリの実装へのこだわり 2
● 不具合が生じた場合、徹底的に調べることも
○ Apple Developer Technical Support
○ Apple Bug Tracker
○ https://opensource.apple.com/

14. Apple Developer Technical Support事例
● iOS 9.0のみでクラッシュする
● WKWebViewのキャッシュが無限にたまる
○ Potatotips #44にて発表
● 特定のViewのsafeAreaInsetsが反映されない

15. アプリの実装へのこだわり 3
ある日の
Slack

16. 補助線をひいてみた
一直線上にない

17. 最終形: 正方形に内接
旧AppStoreに
準じる形状

18. Androidチーム
● 必要ならAndroidのソースコードも読んで調べる
○ Android 4.1.2 WebView クラッシュ問題
○ Applicationクラスが呼ばれないことがある (Shibuya.apk
#19)

19. 自己紹介
● クリストファー・ドラム
● 趣味
○ ゲーム、デザインとアート、読書、散歩、新バー開拓
● ゴールデン街
○ 270店舗中60店舗からスタンプを貰った
○ オススメのバー：Hair of the Dog & Albatross

20. T
ビルドサーバーの構成
Test Build
Server
(XC β版)
Production
Build Server
(XC リリース版)
JP Dev TeamUS Dev Team
Slack
Git
Testing Hardware
iTunes Connect
Amazon S3

21. Test Build Server :二つの目的
● Xcode Serverの次のバージョンをテスト
○ Productionサーバーにインストールする前は必須
● ブラックボックステストオートメーション
○ XCUIAutomation
○ 本物のハードウェアやシミュレータでUI Testする
○ /master, /develop, and /release

22. XCUIAutomation
● プロジェクトはObj-C
○ accessibilityIdentifier: localizationから守っています
○ accessibilityLabel: 目が見えない人の為、stateを読み出す
○ テストの為のツール
■ push simulation, log exposure
"Sport" は ", selected" が追加されています

23. XCUIAutomation
● Swiftでユーザーの操作のようにテストが書ける
○ enum
■ XCUIElementを構造化された方法で探せます
■ 別の開発者の為に使いやすくします
■ namespacingっぽい構造 ('tab' autocomplete)
○ Obj-Cブリッジが不要
■ アプリ内stateを公開しなくて良い

24. Example Test
func testChangeEdition() {
UI.Tabview.Tabs["settings"].tap()
UI.SettingsView.Edition.element.tap()
UI.EditionView.Edition(.JP).element.tap()
UI.Apple.Done.element.tap()
let firstTab = UI.Tabview.Tabs[0].identifier
XCTAssertTrue(firstTab.contains(.JP))
}
Example Enum
enum UI {
enum SettingsView {
case EditChannels, Edition (など）
var element: XCUIElement? {
return findElements(self.elementDefinition)?.first
}
private var elementDefinition: CRUIElementDefinition{
switch self: {
case .Edition: return ("settingsview_editionCell", .cell)
}
}
accessibilityIdentifier XCUIElementType

25. 余談: 福利厚生へのこだわり
● 社食があります
○ 社食のカレーがぶっ飛ぶ美味しさであることについて
● 海外自主渡航奨励制度
○ Akamai Edge Conference 2017 in Las Vegas に参加して
きました

26. ● iOS Engineer
● Android Engineer
● Web, Front-end & Back-end
● Site Reliability
● Ad Services
● Machine Learning
● and more…!
https://smartnews.workable.com
We’re Hiring!We’re Hiring!