モバイルアプリケーションチームのリリースフロー改善

Transcript

1. Chatwork Tech Talk #1 Chatwork株式会社 開発本部　モバイルアプリケーション開発部 Cha Jerome モバイルアプリケーションチームの リリースフロー改善

   1

2. © Chatwork 自己紹介 - CHA Jerome (チャ・ジェローム) - フランス人 -

   2015年に大学卒業 - 2016年8月日本に来ました - ChatworkのAndroidエンジニア - Android / iOS 両方出来ます 2 @yujiro45 JeromeCHA twitch.tv/yujiro45 (毎日21時半ぐらいに配信してる)

3. © Chatwork 今日のGoal - リリースの作業をもっと楽に なるようにする - リリースフローのペアオペ時間をなくす - fastlaneやスクリプトを利用して自動化することで、とても便利になる

   3

4. © Chatwork アジェンダ - 改善する前のリリースフロー - 問題 - 改善した後のリリースフロー -

   改善のときに効果と苦労したところ - まとめ 4

5. © Chatwork 今モバイルチームで使っているツール 5

6. © Chatwork fastlaneとは？ - iOS及びAndroidアプリのビルドやリリースを自動化してくれる - CUIやCIツールなどから実行することで、様々な処理を自動化することができる - Laneと呼ばれるアクションをRubyで作れる -

   アクションの組み合わせはレーンでおこなう 6

7. © Chatwork iOS/Androidチームのやり方の違い 7 - fastlane - ペアオペ：リリース - git-flowコマンドを使ってい

   ます - Bash script - fastlaneを使ってない - ペアオペ：ストア申請＋リ リース - Gitのツールを使っています （SourceTree、GitKraken） iOS Android

8. © Chatwork iOS / Androidチームの異なるリリースフロー 8 - AndroidとiOSチームはお互いのリリースフローを知らない iOS Android

9. © Chatwork モバイルチームのリリースフロー（改善する前） 9 リリースノート作 成 コードフリーズ ストア申請 リリース -

   2週間に１回リリースしています

10. © Chatwork モバイルチームのリリースフロー（改善する前） 10 日本語のみリリースノート準 備 PdM*に確認お願いする 翻訳依頼 リリースブランチを作る 各言語のリリースノート

    PR 出す リリースブランチに マージする リリースブランチを作る GitHubのリリース ドラフトページを作る 社内配布 ワンコマンドで申請する Bash scriptでバイナリを アップロードして、ペアオペで申請す る リリースブランチ終了 Jiraでリリースをおこなう GitHubでリリースをおこなう PdMに連絡する リリースノート作成 コードフリーズ リリース ストア 申請 *PdM：プロダクトマネジャー

11. © Chatwork 問題 - iOSとAndroidのリリースノートを作成するタイミングが違う - Androidチームはコードフリーズする前にやる - iOSチームはコードフリーズした後にやる -

    AndroidとiOSチームはお互いのやり方を知らない - 時間かかる - 各自のRubyのバージョンが違う - 手動で作業するとミスしそう - たまーにgit-flowがおかしくなっている - Windows環境でBash scriptが対応されていない - リリースする時に、たまに自信がない 11

12. © Chatwork 12 どうやって改善するの？

13. © Chatwork どうやって改善するの？ 13 - Bash scriptをやめる - Windows環境では使えないため -

    ミスをなくすために、ワンコマンドにする - 出来れば、全部をfastlaneで自動化にする - iOSとAndroidのステップのタイミングを同じにする - git-flowをfastlaneに任せる - Bundlerでライブラリのバージョンを管理する

14. © Chatwork Bundlerとは？ 14 source "https://rubygems.org" ruby "2.6.6" git_source(:github) {|repo_name|

    "https://github.com/#{repo_name}" } gem "fastlane", '2.147.0' gem 'json', '2.3.0' ... - BundlerがGemfileをみて、Rubyのライブラリのバージョンを管理することが出来るツールです

15. © Chatwork モバイルチームのリリースフロー改善 15 コードフリーズ リリースノート作 成 ストア申請 リリース -

    ステップが変わらない、順番だけが変わる - iOSとAndroidのリリースノート作成するタイミングを合わせるため リリースノート作 成 コードフリーズ ストア申請 リリース 改善前 改善後

16. © Chatwork モバイルチームのリリースフロー改善 1. コードフリーズ 16 リリースブランチを作る GitHubのリリースドラフトペー ジを作る PdMに確認をお願いする

    社内配布 日本語のみの リリースノート準備 自動化 リリースブランチを作る 各言語のリリースノート PR 出す リリースブランチにマージす る リリースブランチを作る GitHubのリリースドラフトペー ジを作る 社内配布 社内配布 翻訳依頼 *PdM：プロダクトマネジャー iOS Android

17. © Chatwork モバイルチームのリリースフロー改善 1. コードフリーズ 17 $ bundle exec fastlane

    code_freeze リリースブランチを作る GitHubのリリース ドラフトページを作る PdMに確認をお願いする 社内配布 日本語のみの リリースノート準備 自動化 翻訳依頼

18. © Chatwork カスタムレーン 18

19. © Chatwork 19 19 モバイルチームのリリースフロー改善 1. コードフリーズ - 翻訳依頼 -

    6言語に対応している（日本語、英語、タイ語、スペイン語、中国語繁体字、ベトナム語） - Google Spreadsheetを使っている

20. © Chatwork モバイルチームのリリースフロー改善 2. リリースノート作成 20 Jiraの完了したチケット 日本語のみリリースノート PdMに確認お願いする 翻訳依頼

    各言語のリリースノート作成 各言語のリリースノート作成 リリースブランチからブラン チを作る リリースノートレビュー依頼 自動化 iOS & Android iOS & Android

21. © Chatwork モバイルチームのリリースフロー改善 2. リリースノート作成 21 各言語のリリースノート作成 リリースブランチからブラン チを作る リリースノートレビュー依頼

    自動化 $ bundle exec fastlane release_note iOS & Android

22. © Chatwork モバイルチームのリリースフロー改善 3. ストア申請 22 ワンコマンドで申請する Bash scriptでバイナリをアップ ロードして、ペアオペで申請する

    ワンコマンドで申請する iOS Android iOS & Android

23. © Chatwork モバイルチームのリリースフロー改善 3. ストア申請 23 $ bundle exec fastlane

    submit ワンコマンドで申請する iOS & Android

24. © Chatwork モバイルチームのリリースフロー改善 4. リリース 24 リリースブランチ終了 Jiraでリリースをおこなう GitHubでリリースをおこなう PdMに連絡する

    リリースブランチ終了 Jiraでリリースをおこなう GitHubでリリースをおこなう PdMに連絡する 自動化 iOS & Android iOS & Android

25. © Chatwork モバイルチームのリリースフロー改善 4. リリース 25 リリースブランチ終了 JIRAでリリースをおこなう GitHubでリリースをおこなう PdMに連絡する

    自動化 $ bundle exec fastlane release iOS & Android

26. © Chatwork モバイルチームのリリースフロー（改善する前） 26 日本語のみリリースノート準 備 PdM*に確認お願いする 翻訳依頼 リリースブランチを作る 各言語のリリースノート

    PR 出す リリースブランチに マージする リリースブランチを作る GitHubのリリース ドラフトページを作る 社内配布 ワンコマンドで申請する Bash scriptでバイナリを アップロードして、ペアオペで申請す る リリースブランチ終了 Jiraでリリースをおこなう GitHubでリリースをおこなう PdMに連絡する リリースノート作成 コードフリーズ リリース ストア 申請

27. © Chatwork モバイルチームのリリースフロー（改善した後） 27 日本語のみの リリースノート準備 翻訳依頼 リリースノート作成 コードフリーズ リリース

    ストア申請 $bundle exec fastlane release_note $bundle exec fastlane code_freeze $bundle exec fastlane submit $bundle exec fastlane code_freeze

28. © Chatwork 改善のときに苦労したところ - Rubyの経験がほぼない - 環境の設定が大変だった - GitHub APIからバイナリをアップロードするのは大変だった

    - Jira APIを確認するために、個人アカウント作らないといけない - 本番でテストするのは禁止！ - PRをレビューするのが難しかった - やり方とコードを共有するために、全員にレビューしてもらった - iOS側で修正があったら、Android側でも修正しないといけない 28

29. © Chatwork - リリース作業の時間が短くなりました 改善した効果 (1/2) 29 ステップ Before (作業時間)

    After (作業時間) コードフリーズ＋リリースノート 2.0h 0.3h ストア申請 0.5h 0.2h リリース 0.5h 0.2h トータル 3.0h 0.7h トータルほぼ70%短縮！

30. © Chatwork - ワンコマンドでめっちゃ楽になった - 入社した方がいたら、リリースするのは分かりやすくなった - 自動化したから、ミスがほとんどなくなった 改善した効果 (2/2)

    30

31. © Chatwork まとめ - 環境の設定は大変でした - ワンコマンドだととても楽になりました - fastlaneはとても便利です -

    改善の設計を考えるのは大変でした - メンバー皆が早くなって喜んでくれてる 31

32. © Chatwork ありがとうございました 32 質問はありますか？