Relative CI が気になっている話

3163582dea3e2c8164e2d690b36a8501?s=47 jaxx2104
August 29, 2019

Relative CI が気になっている話

3163582dea3e2c8164e2d690b36a8501?s=128

jaxx2104

August 29, 2019
Tweet

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