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 full-size slide

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

    View full-size slide

  3. About mediba

    View full-size slide

  4. pronounced as "
    メディーバ
    "

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  7. Responsibility

    View full-size slide

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

    View full-size slide

  9. Organization Structure

    View full-size slide

  10. refer to Qiita

    View full-size slide

  11. at mediba
    Front-End, JavaScript ?

    View full-size slide

  12. 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 full-size slide

  13. Need to Change

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

    View full-size slide

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

    View full-size slide

  15. Speaker Deck

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  18. Speaker Deck

    View full-size slide

  19. And provide as a venue

    View full-size slide

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

    View full-size slide

  21. We're hiring!
    Devs Job Description

    View full-size slide