大規模FlutterプロジェクトのCI実行時間を約8割削減した話

大規模Flutterプロジェクトの CI実行時間を約 8割削減した話そたスマートフォンチームテックスペシャリスト 1

2 自己紹介そたスマートフォンチームテックスペシャリスト業務では主にFlutterとKotlin Multiplatform 社内FlutterTemplateのアーキテクチャ設計複数の案件での技術領域サポート

3 Solution クライアントの課題や要望を咀嚼して、適切な課題解決を検討し、構想策定・要件定義から実装まで一気通貫でサービス開発を行います。 Art 各技術のスペシャリスト達がそれらを最大限に活用し、まったく新しい体験ができるデジタルアート作品を制作しています。世界 27カ国以上でアート作品の展示や美術館を運営しています。会社紹介

4 スマートフォンチームとは会社紹介社員数 58人累計ダウンロード数 1.6億DL 平均ストア評価 4.3点

5 スマートフォンチームとは会社紹介

6 本題

7 • 実行時間なんと38分 • macOSで実行していたのでコストもかなり... • CI実行待ちでマージが遅延してしまうことも.... →なんとかして手を加えなければ
前提大規模案件でCIの実行時間が問題に

8 セットアップ→静的解析→テスト実行→レポートという構成課題分析現在のCIを見てみる →テスト実行にほとんどの時間がかかっている！

9 1. 単純にテスト量が多い a. かなりの大規模プロジェクトなのでそれに比例してテストの量も多い 2. テストが全て直列で実行されている a. Flutter自体の並列実行オプションは利用しているが単一のExecutorで順番に実行している。
3. VRT(Golden Test)の量が多い a. 画面のレンダリングを実際に行うので実行時間がかかってしまう b. 実行するOSによって差分が発生するのでmacOSで実行しなければならない制限が付き、コスト増に。課題分析テスト実行に時間がかかっている分析

10 テスト実行時間、コストを削減するためにはテスト実行時間を削減するためにテスト実行の並列化 • 複数のExecutorを利用してテスト実行を並列化 • macOSが必要になるのはVRTだけなのでそれ以外をlinuxで実行すればコストも大幅down! • マシンの性能を上げる...?そしたらコストがもっとかかりそう
• ちょっと難しそうテスト実行の高速化 →テストの並列化を試してみる！

11 テスト並列化プロジェクトのアーキテクチャ構成モノレポのマルチパッケージ構成を採用

12 テスト並列化プロジェクトのアーキテクチャ構成モノレポのマルチパッケージ構成を採用

13 並列化してどれだけ削減できたのか？

14 テスト並列化最終的な構成 ???

15 テスト並列化最終的な構成 38分→9分！！！

16 テスト並列化 • 38分 x 13.5円/分(macOS) = 513円コスト削減効果従来
• (5分+4分) x 13.5円/分(macOS) = 121円 • (3分+5分+4分+5分+1分) x 1.8円/分(Linux) = 32.4円 • 合計153.4円並列化後 →コストも約 7割削減！！！

17 テスト高速化もやりたい

18 テスト高速化テスト高速化できないだろうか.... →調べてみたら記事がある！！！

19 テスト高速化

20 テスト高速化ローカルで時間を計測してみた flutter testコマンド

21 テスト高速化ローカルで時間を計測してみた flutter testコマンドテスト実行の高速化 →95%高速化！！！

22 テスト高速化仕組みを調べてみたら.... https://github.com/flutter/flutter/issues/90225 https://github.com/flutter/flutter/issues/86722 テストを全て同一のmain関数に集め実行すると高速化するらしいテストファイル毎に個別のIsolateを起動していたのが1つのIsolateになるため

23 • シングルトンを用いる際に注意が必要 ◦ 普通に実行する際はテストファイル毎にインスタンスが再生成 ◦ very_good_cliでは全てのテストを同一のmain関数から実行されるのでテストファイル毎に初期化されない • VRTには効果が薄い
◦ VRTはレンダリングの計算に時間がかかっているので効果が出にくい ◦ --total-shards、--shard-indexのオプションを利用して分割が対策テスト高速化 very_good_cliの利用で気を付けるポイント

24 まとめ

25 • パッケージ毎に実行するExecutorを並列化し実行を高速化 • 利用するリソースクラスを適切に選定することでコスト削減 • very_good_cliを適切に活用するとテストの実行自体も高速化できます • CIの実行状況は定期的に見直しましょう！ ◦
皆さんは実行時間が38分とかになる前に改善しましょう！まとめまとめ

26 終わりに Flutterの開発を一緒に行ってくれる仲間を募集しています！会社説明会エントリー

大規模FlutterプロジェクトのCI実行時間を約8割削減した話

大規模FlutterプロジェクトのCI実行時間を約8割削減した話

teamLab PRO

More Decks by teamLab

Other Decks in Programming

Featured

Transcript