「Yahoo!天気」アプリを少人数でも支えられた理由 #yjbonfire
>100 Views
November 27, 17
スライド概要
Bonfire iOS #3 の登壇資料です。
イベントURL：https://yj-meetup.connpass.com/event/71599/
Twitterヤフー大阪アカウント：https://twitter.com/yahoo_osaka_jp
2023年10月からSpeaker Deckに移行しました。最新情報はこちらをご覧ください。 https://speakerdeck.com/lycorptech_jp
関連スライド
各ページのテキスト
「Yahoo!天気」アプリを 少人数でも支えられた理由 ヤフー株式会社 IDサービス統括本部 大阪開発本部 青木 翔
自己紹介 青木 翔 (Sho Aoki) ・ヤフー株式会社 新卒5年目 (ずっと大阪) ・天気iOSアプリ担当(たまに、ジオシティーズも担当) ・iOS開発歴は3年くらい (Swiftばっかり) 2
今日お話すること ・「Yahoo!天気」アプリの現状 ・アプリの品質について ・バージョンアップ時の流れ ・コンテンツの品質について ・災害発生時どうする？ 3
iOS版「Yahoo!天気」アプリ 2012年から提供開始 01 雨雲レーダー 02 雨雲接近通知 03 ウィジェット 04 リアルタイム 05 災害情報 06 その他便利機能 4
iOS版「Yahoo!天気」アプリ 是非インストールを RECOMMEND.01 雨雲レーダー 5分ごとの雨雲の動きを予測 RECOMMEND.03 ウィジェット アプリを起動しなくても天気がわかる RECOMMEND.05 災害情報 台風・地震などの災害情報も確認 RECOMMEND.02 雨雲接近通知 雨雲の接近や今日明日の天気を通知 RECOMMEND.04 リアルタイム 現在の気温・湿度・気圧などを表示 RECOMMEND.06 季節に合わせた便利機能 5
規模感 ・1日の利用者はiOS, Android合計で約600万人 ・台風など天候が荒れるときには1000万人以上 ・ランキング総合1位を何度も取ってます ・今年の8月上旬, 10月下旬に Androidと同時に無料トップ1位を記録 6
天気アプリPJの体制 [〜2017年10月] 天気サービス全体ではFEやBE含め17人ほど ほぼ全員大阪 7
天気アプリPJの体制 [〜2017年10月] 天気サービス全体ではFEやBE含め17人ほど 内、天気アプリPJとしては PM / 企画 / デザイン / アプリエンジニア 1人 1人 2人x0.5 8
天気アプリPJの体制 [〜2017年10月] 天気サービス全体ではFEやBE含め17人ほど 内、天気アプリPJとしては実質5人 PM / 企画 / デザイン / アプリエンジニア 1人 1人 2人x0.5 Android / iOS 1人ずつ 9
iOS担当 僕 1人 (1年半以上) 10
よく言われること 11
「本当にiOS担当1人なんですか！？」 「あんなに利用者いるのに！？」 12
お、おう 13
なんで1人でiOS担当 続けられたのだろう？ という話を中におしゃべります 14
新バージョン リリース時の流れ 15
企画フェーズ メンバーと新機能など仕様を決める ・PMや企画の人も元エンジニア (ヤフー大阪オフィスの特徴：中途採用エンジニアが多い) ・エンジニア目線で実現できそうなものを 優先して提案してくれる 16
企画フェーズ アプリ内のこのグラフ ウィジェットにも出せるんじゃない？ あのAPIとこのAPI使えば... 企画 17 イラスト：いらすとや
企画フェーズ そうですね！ 実装できます！ 企画 エンジニア 18 イラスト：いらすとや
企画フェーズ エンジニアもSketchを持っているので、 UIの原案をまずはエンジニアが考えることもあります エンジニア 19 イラスト：いらすとや
企画フェーズ 実装前にデザイナーによる簡易チェック ・最低限の手直し (パーツ配置や利用すべきアイコンなど) デザイナー エンジニア 20 イラスト：いらすとや
職種の垣根を超えたやりとりができている 21 イラスト：いらすとや
開発フェーズ この時点からシミュレータは使わず、 可能な限り実機で確認 ・手元で見て違和感があることはかなり多い ・実際どんな見た目になるか、どんな印象を 受けるのか、リアルタイムに体験することが大事 22
開発フェーズ デザイナーに見た目の確認 ・様々なサイズの iPhone/iPadで見てもらう ・ここでも出来る限り 実機を持っていく 23 イラスト：いらすとや
弊社ではヘルプデスクと呼ばれる所から 端末をすぐに借りることができます 24
テストフェーズ リリース前の統合テストには4つの関所を通す 社内自動ビルドシステムを 利用したPJ内確認 1 エンジニアによる 差分中心の 動作確認 2 QAによる TestFlightを利用した テストケース 3 iTunes Connectの プロモーションコードによる リリース直前確認 4 25
テストフェーズ 1 社内自動ビルドシステムを利用したPJ内確認 ・社員全員が持っている貸与iPhone に、 開発バージョンを即座に配布可能 ・最終的に見た目がどう変わるのか、 PJメンバー内で改めて使い倒しながら確認 ・PMや企画にGitHubのissueや差分を直接見てもらうことも 26
テストフェーズ 1 社内自動ビルドシステムを利用したPJ内確認 チーム内向けでも説明用資料を作ったりします 27
テストフェーズ 2 エンジニアによる差分中心の動作確認 前バージョンからの変更をコードで見る ・GitHub上でファイル差分を 片っ端から見つつ自分でアプリを触る ・怪しい部分は徹底的にイレギュラーケースを試す ・昔作った実装などはここで記憶を蘇らせる 28
テストフェーズ 3 QAによるTestFlightを利用したテストケース 大きな差分がある場合は、外部に検証を依頼 ・できるだけ最新3OS x 各端末サイズで検証 ・全機能を網羅したテストケースを用意 29
テストフェーズ 4 iTCのプロモーションコードによるリリース直前確認 審査が通った後でも！ここが最終確認！ ・私物端末に入れて休日でも確認できるようにする 30
ようやく安心して リリースボタンが押せる 31
油断禁物 32
不具合は本当にない？ クラッシュレポート (SmartBeat) AppStore 評価とレビュー アプリ独自の ご意見・ご要望フォーム 33 イラスト：いらすとや
アップデートの評判は？ Yahoo!リアルタイム検索 (SNSの反応) (プレスリリース時) ニュースサイトの紹介 コアユーザーに絞った 新機能アンケート 34 イラスト：いらすとや
特に天気アプリでは "見た目"にフォーカスして 品質チェックしています 35
天気アプリならではの特徴 天気情報を見せる機能を実装するのが大半 ・ユーザーからの自由入力が少ない ・セキュリティ面で 検証すべき部分が限られている 36
天気アプリならではの特徴 社内PFに任せている部分が多い ・ログインやプッシュ通知、ログ集計などは 社内の別チームがSDKやAPIを 提供してくれている 37 イラスト：いらすとや
天気アプリならではの特徴 なにより習慣として毎日起動されるアプリだから ・見た目がいつでもイケてるかが一番大事 新機能は 既存のデザインに マッチしている？ 天気アイコンや ラベルの位置ズレてない？ 広告に不快なものや 紛らわしいものが出てない？ 週間天気は 均等に並んでる？ 38
社内のシステム/PFのお陰で、天気アプリで大事な 見た目の品質アップに集中することができている 39 イラスト：いらすとや
以上、アプリ自体の品質の話 40
中のコンテンツの品質の話 41
災害が発生した場合 42
8面モニタで情報収集 In 大阪グランフロントオフィス 43
SM/PMが天気情報を元に動く 44
災害時天気メンバーがやること FE/BE(Server) 関連エンジニア ・負荷対策/サーバー監視 デザイナー/アプリ チーム ・？？？ 一体何をすれば？ 45
災害時天気メンバーがやること FE/BE(Server) 関連エンジニア ・負荷対策/サーバー監視 デザイナー/アプリ チーム ・ユーザーが必要そうな情報を自ら配信 46
デザイナー/アプリチームができること 予測できる災害(≒台風)の場合 ・手動で通知を打って ユーザーに気づきを与えられないか？ ・台風発生/上陸時 ・関東に接近しそうな時 47
チャット上で通知の文言を相談 48
デザイナー/アプリチームができること 災害が起きている時 ・特別な誘導や 情報提供ができないか？ ・一部モジュールは WebViewを利用 →デザイナーだけでも更新可能 49
デザイナー/アプリチームができること 災害が落ち着いた後... ・今提供している情報が本当に十分か？ 〇〇の情報って Webにしかないから アプリにも欲しい 〇〇情報を表示して る時、地図の色 分かりにくくない？ SNSで シェアされてる リンクがいまいち 50 イラスト：いらすとや
ピンチの時に ユーザーを助けてこそ 会社の信頼に繋がる 51 画像：アフロ
「iOS担当1人とかすごいですね！」 「めちゃくちゃ大変そう！」 52
そうでもない 53
天気アプリの品質を支えるもの まとめ ・少人数PJを支える強力な社内システム ・見た目に徹底した天気アプリならではの 割り切ったチェック体制 ・エンジニア主体で動ける ヤフー大阪の風土や空気感、快適な設備 54
【PR】 そんなヤフー大阪オフィスは 10月から2拠点体制に 55
【PR】 10月オープンの大阪グランフロントオフィスは 紀尾井町に負けないくらい 綺麗で眺めが良い37F 56
【PR】 大阪駅直結！ ヨドバシも真横！ 通勤徒歩圏内可能！ 関東より家賃も安い！ 57
【PR】 58
【PR】 交流イベント "MixLeap" 毎週木曜日開催！ 59
過去開催したイベント ・iOS/Android 勉強会 ・UX 勉強会 ・学生LT会 ・関西企業や学校・自治体の交流会 ・テレビゲーム＆ボードゲーム交流会 60
【PR】 ヤフー大阪の最新情報は @yahoo_osaka_jp 61
おしまい @shoaooki ヤフー株式会社 IDサービス統括本部 大阪開発本部 青木 翔