Relative CI が気になっている話

Build Battle Saga ~ Frontend ~
https://battle-saga-jp.connpass.com/event/142700/
参考PR
https://github.com/jaxx2104/blog/pull/486/files

Transcript

1. Relative CI が気になっている話 Relative CI が気になっている話 Build Battle Saga / Futoshi Iwashita
2. 自己紹介 自己紹介 岩下 太 (@jaxx2104) 株式会社リクルート Front-end engineer
3. みなさんはパフォーマンス指標と計測を みなさんはパフォーマンス指標と計測を どのように設定してますか どのように設定してますか
4. web.dev で紹介されている例 web.dev で紹介されている例
5. web.dev で紹介されている例 web.dev で紹介されている例 webpack の performance 機能を使う bundlesize を使う Lighthouse CI を使う これらをCI実行することで指標を設けてます
6. 心の声 心の声 運用できるのか？ 運用できるのか？ 運用できるのか？ 運用している人は後押ししてくれるツイートをまってます
7. Relative CI Relative CI
8. 実際のビルドファイル https://github.com/jaxx2104/blog/pull/486/ les
9. Relative CI の機能 Relative CI の機能 Monitoring Github integration Build analysis
10. bundle-stats bundle-stats https://relative-ci.com/tools/webpack-bundle-stats/demo-multiple-jobs.html
11. compare webpack compare webpack https://compare.relative-ci.com/webpack
12. compare lighthouse compare lighthouse https://compare.relative-ci.com/lighthouse
13. compare browsertime compare browsertime https://compare.relative-ci.com/browsertime
14. Video Compare https://video-compare.relative-ci.com/
15. 設定方法 設定方法 https://relative-ci.com/documentation/setup
16. 最後に 最後に パフォーマンス指標を継続的に監視できる 面倒を見てくれる需要は高そう まだベータ版なのでこれからに期待
17. ありがとうございました！ ありがとうございました！