Slide 1
Slide 1 text
mediba &
JavaScript development
mediba
におけるフロントエンド
,
JavaScript
2019-11-30 JSConf JP
Slide 2
Slide 2 text
Satoshi Takeda
ものづくり推進部
KAIZEN for dev process
propagate KAIZEN-ed method
⚡ Front-End Developer, Architect
@tkdn(s)
Slide 3
Slide 3 text
About mediba
Slide 4
Slide 4 text
pronounced as "
メディーバ
"
Slide 5
Slide 5 text
Established Employees Devs
2000-12-06 449 59
KDDI
株式会社の au
スマートパスを中⼼としたau
関連サービ
ス運営の他、幅広い分野でサービスを展開し、ユーザーがイ
ンターネットを通じて必要な時に必要な情報にアクセスでき
る環境づくりのためのサービスを提供しています。
Slide 6
Slide 6 text
Products
Slide 7
Slide 7 text
au SmartPass au Web Portal au Game
for 15M au users self-managed media services that give au points
Slide 8
Slide 8 text
Responsibility
Slide 9
Slide 9 text
1M ~ 15M "au" Users
High-Load, Heavy-Tra c
Various Devices (low spec ~ high spec)
Users Assets (e.g. au WALLET point)
Slide 10
Slide 10 text
Organization Structure
Slide 11
Slide 11 text
refer to Qiita
Slide 12
Slide 12 text
at mediba
Front-End, JavaScript ?
Slide 13
Slide 13 text
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
Slide 14
Slide 14 text
Need to Change
We are gradually changing the code-base to be more Front-End friendly.
Slide 15
Slide 15 text
Next.js with TypeScript, and GraphQL API
2019.03 New "au Web Portal"
✨
Slide 16
Slide 16 text
Speaker Deck
Slide 17
Slide 17 text
We re-structured the code-base and dev teams
Slide 18
Slide 18 text
Vue.js to an important product
Next...?
Slide 19
Slide 19 text
Speaker Deck
Slide 20
Slide 20 text
And provide as a venue
Slide 21
Slide 21 text
Make Front-End teams strong, so...
Next ...?
Slide 22
Slide 22 text
We're hiring!
Devs Job Description
Slide 23
Slide 23 text
Thank you.