Building frontend development environment and web performance monitoring

Building frontend development environment and web performance monitoring

0580c8d5697963abaa4583e26ac16ac0?s=128

Hayato Koriyama

July 03, 2019
Tweet

Transcript

  1. 3.

    3 What is Mercari JP Web DevOps Agenda Why Web

    DevOps? Building & Monitoring 02 03 01
  2. 6.

    6 Mercari JP Web Re-architecture Project Frontend + α (Backend

    + SET) Recent Mercari JP Web Team New technical stack
  3. 7.

    7 Mercari JP Web Re-architecture Project ViewDev (Frontend) + Backend

    + DevOps SSR Frontend GraphQL Server SSR Backend Server Session Server microservices Web Gateway New web team
  4. 12.

    12 Developers working on... - Develop features - Make local

    development environments - Configure error tracking - Configure logging system - Configure performance monitoring - Maintenance CircleCI jobs - Make deploy pipeline - …and so on
  5. 18.

    18 Storybook static files per Pull Request https://[ internal Website

    ]/[Repository name]/[Pull Request Number]/storybook AWS S3 Push Commit Build Storybook Upload Assets
  6. 20.

    20 Bundle Analyzer per Pull Request https://[ internal Website ]/[Repository

    name]/[Pull Request Number]/analyze/server https://[ internal Website ]/[Repository name]/[Pull Request Number]/analyze/client AWS S3 Push Commit Build Storybook Upload Assets
  7. 25.

    25 Calibreapp - First Meaningful Paint - Speed Index Alert

    threshold: 20% slower than recent Mercari JP Web (measured at 2019-02-18) https://timkadlec.com/2014/01/fast-enough/ SLI/SLO
  8. 27.

    27 Calibreapp - Caused from the new feature - Our

    network incident - Issues on Calibreapp This alert is...
  9. 28.

    28 Calibreapp - Snapshot per hour - Extract median of

    recent 14 snapshots - Alert if the median exceeds the threshold Extract median of recent 14 snapshots
  10. 31.

    31 Sentry - Sentry ⇔ JIRA Issue Link - Slack

    alert notification - An issue is first seen - An issue is seen more than N times in 1m
  11. 33.