Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

JSConf.jp Sponsor Talk 11/30

Satoshi Takeda

November 30, 2019
Tweet

More Decks by Satoshi Takeda

Other Decks in Programming

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