Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SmartNewsアプリの品質

4,452 views

Published on

Bonfire iOS #3

Published in: Software
  • Be the first to comment

SmartNewsアプリの品質

  1. 1. SmartNewsアプリの品質 Bonfire iOS #3
  2. 2. 自己紹介 ● 荒巻 賢一 ● 趣味 ○ ピアノ、テニス、競技プログラミング、ボルダリング ● ライフワーク ○ デバッグ
  3. 3. SmartNewsにおける品質 ● ニュースコンテンツへのこだわり ● 広告へのこだわり ● アプリの実装へのこだわり “世界中の良質な情報を必要な人に送り届ける”
  4. 4. ニュースコンテンツへのこだわり ● 良質な情報を届けるというミッションを達成するた め、様々な指標を追いながら、コンテンツを愛する 担当者が日々アルゴリズムを改良しています 例) アルゴリズムを駆使してこだわり抜いた! 野球狂が語る、スマニューの野球チャンネルの秘密
  5. 5. 広告へのこだわり ● 広告もコンテンツの一部であると考えている ○ 自社で広告部門を持つ会社ならでは ● どのような広告を、いつ、どのように表示するか細 部まで検討している
  6. 6. ここからアプリの話 ● QAを含めた全体の開発フロー ● SmartNewsに特徴的だと感じたこと ● XCTestによるブラックボックステスト ○ 別スライド
  7. 7. モバイルアプリチームの構成 ● マネージャ ● iOS開発担当 ● Android開発担当 ● QA担当
  8. 8. ブランチポリシー、デプロイ ● git-flow ● pushするとXcode Serverでビルド&テスト ○ releaseやprototypeなど、ブランチ名に特定のprefixをつけ てpushするとCrashlyticsにbeta版を配布 ○ 後半で改めて説明
  9. 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. 10. アプリの検証体制 ● 3人が専任 ● 一週間単位でiOSとAndroidを交互に回す ● 細かいのを入れると数千項目あるらしい ● 開発した内容の軽重で総量を調整している
  11. 11. アプリの実装へのこだわり ● CEOをはじめ、個々人がそれぞれこだわりを持っ ている ● iOSの標準に従いつつも、必要なら独自実装
  12. 12. アプリの実装へのこだわり 1 ● タイトルを形態素解析して折り返しの位置を調整 ● なめらかなページめくり ○ 垂直方向の慣性スクロール中でもページめくりが可能 ○ ページめくり中でも垂直方向のスクロールが可能 例) 細かすぎるが効果的なSmartNewsのUI/UX「文字とスクロールと色相環」
  13. 13. アプリの実装へのこだわり 2 ● 不具合が生じた場合、徹底的に調べることも ○ Apple Developer Technical Support ○ Apple Bug Tracker ○ https://opensource.apple.com/
  14. 14. Apple Developer Technical Support事例 ● iOS 9.0のみでクラッシュする ● WKWebViewのキャッシュが無限にたまる ○ Potatotips #44にて発表 ● 特定のViewのsafeAreaInsetsが反映されない
  15. 15. アプリの実装へのこだわり 3 ある日の Slack
  16. 16. 補助線をひいてみた 一直線上にない
  17. 17. 最終形: 正方形に内接 旧AppStoreに 準じる形状
  18. 18. Androidチーム ● 必要ならAndroidのソースコードも読んで調べる ○ Android 4.1.2 WebView クラッシュ問題 ○ Applicationクラスが呼ばれないことがある (Shibuya.apk #19)
  19. 19. 自己紹介 ● クリストファー・ドラム ● 趣味 ○ ゲーム、デザインとアート、読書、散歩、新バー開拓 ● ゴールデン街 ○ 270店舗中60店舗からスタンプを貰った ○ オススメのバー:Hair of the Dog & Albatross
  20. 20. T ビルドサーバーの構成 Test Build Server (XC β版) Production Build Server (XC リリース版) JP Dev TeamUS Dev Team Slack Git Testing Hardware iTunes Connect Amazon S3
  21. 21. Test Build Server :二つの目的 ● Xcode Serverの次のバージョンをテスト ○ Productionサーバーにインストールする前は必須 ● ブラックボックステストオートメーション ○ XCUIAutomation ○ 本物のハードウェアやシミュレータでUI Testする ○ /master, /develop, and /release
  22. 22. XCUIAutomation ● プロジェクトはObj-C ○ accessibilityIdentifier: localizationから守っています ○ accessibilityLabel: 目が見えない人の為、stateを読み出す ○ テストの為のツール ■ push simulation, log exposure "Sport" は ", selected" が追加されています
  23. 23. XCUIAutomation ● Swiftでユーザーの操作のようにテストが書ける ○ enum ■ XCUIElementを構造化された方法で探せます ■ 別の開発者の為に使いやすくします ■ namespacingっぽい構造 ('tab' autocomplete) ○ Obj-Cブリッジが不要 ■ アプリ内stateを公開しなくて良い
  24. 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. 25. 余談: 福利厚生へのこだわり ● 社食があります ○ 社食のカレーがぶっ飛ぶ美味しさであることについて ● 海外自主渡航奨励制度 ○ Akamai Edge Conference 2017 in Las Vegas に参加して きました
  26. 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!

×