mediba におけるフロントエンド, JavaScript / mediba & JavaScript development

JSConf.jp Sponsor Talk 11/30

Transcript

1. mediba &
   JavaScript development
   mediba
   におけるフロントエンド
   ,
   JavaScript
   2019-11-30 JSConf JP
   

   View Slide

2. Satoshi Takeda
   ものづくり推進部
   KAIZEN for dev process
   propagate KAIZEN-ed method
   ⚡ Front-End Developer, Architect
   @tkdn(s)
   

   View Slide

3. About mediba
   

   View Slide

4. pronounced as "
   メディーバ
   "
   

   View Slide

5. Established Employees Devs
   2000-12-06 449 59
   KDDI
   株式会社の au
   スマートパスを中⼼としたau
   関連サービ
   ス運営の他、幅広い分野でサービスを展開し、ユーザーがイ
   ンターネットを通じて必要な時に必要な情報にアクセスでき
   る環境づくりのためのサービスを提供しています。
   

   View Slide

6. Products
   

   View Slide

7. au SmartPass au Web Portal au Game
   for 15M au users self-managed media services that give au points
   

   View Slide

8. Responsibility
   

   View Slide

9. 1M ~ 15M "au" Users
   High-Load, Heavy-Tra c
   Various Devices (low spec ~ high spec)
   Users Assets (e.g. au WALLET point)
   

   View Slide

10. Organization Structure
    

    View Slide

11. refer to Qiita
    

    View Slide

12. at mediba
    Front-End, JavaScript ?
    

    View Slide

13. 2 years ago, right after I joined
    2017, Front-End devs were using ES5 (almost).
    Only 1 person for Front-End dev on each project.
    No JavaScript les in project repository.
    (...they were managed in another repository)
    Back-End devs didn’t care about FE’s deploy.
    We needed to upload les before Back-End deploy.
    Issues are piled up
    
    

    View Slide

14. Need to Change
    
    We are gradually changing the code-base to be more Front-End friendly.
    

    View Slide

15. Next.js with TypeScript, and GraphQL API
    2019.03 New "au Web Portal"
    ✨
    

    View Slide

16. Speaker Deck
    

    View Slide

17. We re-structured the code-base and dev teams
    
    

    View Slide

18. Vue.js to an important product
    Next...?
    

    View Slide

19. Speaker Deck
    

    View Slide

20. And provide as a venue
    

    View Slide

21. Make Front-End teams strong, so...
    Next ...?
    

    View Slide

22. We're hiring!
    Devs Job Description
    

    View Slide

23. Thank you.
    

    View Slide