LINE TODAY Frontend team TECH FRESH introduction

- Speaker: Jenny Wu
- Event: TKU GDSC visit

Transcript

1. TKUGDSC 校園參訪
   TODAY UIT – Jenny Wu
   2023.04.27
   

   View Slide

2. TECH FRESH@ LINE Today UIT
   • Bachelor @ National Taiwan University Information Management
   • Field of Past Projects:
   • Operation Research
   • Human Computer Interaction
   Jenny Wu 巫芊瑩
   

   View Slide

3. 01
   02
   03
   Contents
   Introduction of LINE TODAY UIT Team
   Frontend, but not just frontend
   As a TECH FRESH…
   

   View Slide

4. 1. LINE TODAY UIT Team
   = User Interface Technology
   

   View Slide

5. What LINE TODAY provides?
   

   View Slide

6. LINE TODAY Team Structure
   

   View Slide

7. Toolkits of LINE TODAY
   Framework
   Styling
   Package Manager
   Linter
   Code Quality
   

   View Slide

8. Toolkits of LINE TODAY
   Performance
   Version Control
   CI/CD
   Observability
   Unit Test
   

   View Slide

9. 2. Frontend, but not just frontend
   

   View Slide

10. Version Control in the Real World
    ※Souce from︓https://gitbook.tw/chapters/gitflow/why-need-git-flow
    How to make the project organized when we have to cooperate with 10+ people?
    Personal Project Real World Project
    

    View Slide

11. Version Control in the Real World
    Personal Project Real World Project
    ※Souce from︓https://gitbook.tw/chapters/gitflow/why-need-git-flow
    How to make the project organized when we have to cooperate with 10+ people?
    

    View Slide

12. Search Engine Optimization (SEO)
    How to make LINE TODAY stand out from others in Google Search?
    

    View Slide

13. Search Engine Optimization (SEO)
    How to make LINE TODAY stand out from others in Google Search?
    • Content Schema / ld+json
    

    View Slide

14. Search Engine Optimization (SEO)
    How to make LINE TODAY stand out from others in Google Search?
    • Content Schema / ld+json
    • First paint Speed
    

    View Slide

15. Search Engine Optimization (SEO)
    How to make LINE TODAY stand out from others in Google Search?
    • Content Schema / ld+json
    • First paint Speed
    • Amp vs. normal page
    

    View Slide

16. Search Engine Optimization (SEO)
    How to make LINE TODAY stand out from others in Google Search?
    • Content Schema / ld+json
    • First paint Speed
    • Amp vs. normal page
    • …and more!
    

    View Slide

17. Error Tracking & Code Quality
    Sentry SonarQube
    

    View Slide

18. CI/CD
    

    View Slide

19. Cross Device
    …and more!
    

    View Slide

20. Korea
    Hong Kong
    Taiwan
    Indonesia
    Thailand
    Japan
    Vietnam
    Cross Language
    

    View Slide

21. 3. As a TECH FRESH…
    

    View Slide

22. Skillset
    • Development in the real world
    

    View Slide

23. Skillset
    • Development in the real world
    • Document Delivery (wiki & commit msg)
    

    View Slide

24. Skillset
    • Development in the real world
    • Document Delivery (wiki & commit msg)
    • Better Coding Style
    

    View Slide

25. Skillset
    • Development in the real world
    • Document Delivery (wiki & commit msg)
    • Better Coding Style
    • Familiarity with the cutting-edge tools
    

    View Slide

26. Soft Skill
    • Communication
    

    View Slide

27. Soft Skill
    • Communication
    • Time Management (Intern + Course + Project + Exchange Application…)
    

    View Slide

28. SPARE SOME TIME & LEARN MORE!
    

    View Slide

29. THANK YOU
    

    View Slide