Slide 1
Slide 1 text
1
Slide 2
Slide 2 text
Context
2
LINE
TRAVEL
LINE
INVOICE
LINE
TODAY
LINE
SPOT
Slide 3
Slide 3 text
Topics
Others
Performance
Dev Solutions
Framework
Security
Testing
3
Slide 4
Slide 4 text
Testing › Write minimal test code to produce maximum
confidence
› Don’t test your code duplicately
4
Slide 5
Slide 5 text
Testing
› Unit Test
› End-to-end test
› Integration Test
5
Slide 6
Slide 6 text
Monitoring
SonarQube
6
Slide 7
Slide 7 text
Monitoring - multiple projects
Grafana
7
Slide 8
Slide 8 text
Performance
› Web Vitals, FCP, LCP, TBT, CLS
› Standard way to integrate
› Lighthouse CI
8
Slide 9
Slide 9 text
Monitoring - Performance
Lighthouse CI
9
Slide 10
Slide 10 text
Monitoring - Performance
Lighthouse CI
10
Slide 11
Slide 11 text
Lighthouse Score Diff
› Show the trend of performance
score
› Target the peaks and valleys of
the scores
11
Slide 12
Slide 12 text
Security
› Static Application Security Testing (SAST)
› Dynamic Application Security Testing (DAST)
› Software Composition Analysis (SCA)
12
Slide 13
Slide 13 text
Security
› SAST: SonarQube
› DAST: OWASP Zed Attack Proxy (ZAP)
› SCA: Renovate, Github Dependabot
13
Slide 14
Slide 14 text
Generator
› Performance - Lighthouse CI Integration
› Security - SonarQube, OWASP ZAP Integration, Renovate
› Code Test - SonarQube Integration
14
› Error log and performance field data - Sentry Integration
› Pipeline configuration
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
Process Loop
Develop
Topics
Monitoring Collect
Feedback
16
Slide 17
Slide 17 text
Thank you
17