Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Relative CI が気になっている話

jaxx2104
August 29, 2019

Relative CI が気になっている話

jaxx2104

August 29, 2019
Tweet

More Decks by jaxx2104

Other Decks in Technology

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. ありがとうございました! ありがとうございました!