去實習吧，我把前端的寶藏都放在那裡

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

去實習吧，我把前端的寶藏都放在那裡

Slide 3

Slide 3 text

01 02 03 04 About Group Daily & Skill After Work About Me 05 Conclusion CONTENT

Slide 4

Slide 4 text

01 About Me

Slide 5

Slide 5 text

Leo Liao Frontend Engineer | LINE 2017/07-09 : Taiwan Travel Map (Intern) 2019/06-2021/07 : Microsoft (Intern) 2021/11-2022/04 : Bankpro (PT) 2022/11 : LY Corp.

Slide 6

Slide 6 text

Photography Interest 1234 Freediving Basketball

Slide 7

Slide 7 text

02 About Group

Slide 8

Slide 8 text

UIT (User Interface Technology) GCP (Global Content Platform) LINE TODAY LINE TRAVEL LINE SPOT DOSI Scrum Team vertical horizontal Frontend Engineer

Slide 9

Slide 9 text

Content • Article • Video • Post • Comment

Slide 10

Slide 10 text

LINE SPOT LINE TODAY LINE TRAVEL

Slide 11

Slide 11 text

LINE TODAY Q: How to control displaying? A: CMS (Content Management System)

Slide 12

Slide 12 text

System Architecture

Slide 13

Slide 13 text

Interaction Service LINE SPOT Frontend Interaction Server Interaction SDK Interaction UI

Slide 14

Slide 14 text

Election Typhoon Movie

Slide 15

Slide 15 text

03 Daily & Skill

Slide 16

Slide 16 text

Daily Routine Before Lunch After Lunch 9-10 AM Start working 10:30 AM Meeting – 15m PBR/Planning – 2h 1 PM Lunch – 1h 2 PM Focus time 6-7 PM Leave • 1 on 1 meeting • Side project meeting • Task force meeting • Focus coding

Slide 17

Slide 17 text

Frontend Skill • React, Next.js • Vue, Nuxt.js CSS solution Performance • Lighthouse • Bundle size optimize Skill • Emotion • style-components • Tailwindcss Framework

Slide 18

Slide 18 text

Frontend Rendering CSR • Client Site Rendering • JavaScript request • Reduce server load • SEO challenge SSR • Server Site Rendering • Improved performance on low-powered devices • White screen SSG • Static Site Generation • Built time generation • Non-dynamic (cache) • High performance ISR • Incremental Static Regeneration • High Scalability • Condition refresh generation

Slide 19

Slide 19 text

DevOps Skill Docker • Dockerfile • Image Optimization Github Action K8s (Kubernetes) • Infra component • Monitor Skill • CI/CD pipeline • YAML workflow • Customize action

Slide 20

Slide 20 text

04 After Work

Slide 21

Slide 21 text

Team Building

Slide 22

Slide 22 text

Basketball Club

Slide 23

Slide 23 text

Music Club

Slide 24

Slide 24 text

05 Conclusion

Slide 25

Slide 25 text

Conclusion • Learning diversity, not only frontend Work life balance • Innovation solution • Scrum culture 去實習吧，我把前端的寶藏都放在裡