Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AbemaTV 新卒1年目エンジニア実録 / My first year at AbemaTV
Search
nodaguti
April 15, 2019
Programming
3
2.6k
AbemaTV 新卒1年目エンジニア実録 / My first year at AbemaTV
Frontrend × Bonfire Frontend (
https://frontrend.connpass.com/event/124995/
) での発表資料です.
nodaguti
April 15, 2019
Tweet
Share
More Decks by nodaguti
See All by nodaguti
ABEMA スマートテレビアプリケーションのパフォーマンス改善 〜業界トップクラスを目指して〜 / Performance Improvements on ABEMA Smart TV App
nodaguti
2
1.2k
FastlyとfalcoでNode.jsレスな Webサーバー構築 : IPTV版 ABEMAアプリインフラ刷新 / Building web server using Fastly and falco without Node.js for IPTV ABEMA app
nodaguti
1
540
専任チームで実現する継続的なWebパフォーマンス改善 / Continuous Web performance improvement realised by dedicated team
nodaguti
0
730
ABEMA Webブラウザ版をより高速で高信頼にするために / Towards more performant and reliable ABEMA
nodaguti
0
1.2k
明日から使えない廃止された Mozilla の JavaScript / Obsolete Features on Mozilla JS
nodaguti
0
70
Chrome チームの推すこれからくる新しい Web API / Upcoming Web APIs advocated by the Chrome team
nodaguti
5
1.1k
新卒研修でテストカバレッジ99%を達成した話 / HTML 5 Conference 2018 Sponsor's LT
nodaguti
0
810
Other Decks in Programming
See All in Programming
🔨 小さなビルドシステムを作る
momeemt
4
690
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
2.4k
Navigating Dependency Injection with Metro
zacsweers
3
2.5k
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
24
12k
Reading Rails 1.0 Source Code
okuramasafumi
0
250
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
460
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
3
240
スケールする組織の実現に向けた インナーソース育成術 - ISGT2025
teamlab
PRO
1
130
より安全で効率的な Go コードへ: Protocol Buffers Opaque API の導入
shwatanap
2
360
@Environment(\.keyPath)那么好我不允许你们不知道! / atEnvironment keyPath is so good and you should know it!
lovee
0
120
AIでLINEスタンプを作ってみた
eycjur
1
230
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
270
Featured
See All Featured
Balancing Empowerment & Direction
lara
3
620
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Building Adaptive Systems
keathley
43
2.7k
4 Signs Your Business is Dying
shpigford
184
22k
Building an army of robots
kneath
306
46k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
BBQ
matthewcrist
89
9.8k
Speed Design
sergeychernyshev
32
1.1k
Producing Creativity
orderedlist
PRO
347
40k
Typedesign – Prime Four
hannesfritz
42
2.8k
Transcript
AbemaTV ৽ଔ1ΤϯδχΞ࣮ Frontrend × Bonfire Frontend on 15th April 2019
@nodaguti from AbemaTV, Inc.
Who am I? • Tadahiro Noguchi (ޱ ) • @nodaguti
• גࣜձࣾαΠόʔΤʔδΣϯτ 2018৽ଔೖࣾ • AbemaTV ։ൃຊ෦ WebνʔϜॴଐ
Contents ΤϯδχΞ࣮ ʹ͚ͯ
ɹɹɹΤϯδχΞ࣮
Contributions ଐ͔Β1ऑͰ 560 PR = 12PR͘Β͍? 10ສߦ = 1400ߦ͘Β͍?
None
2018/03: ఆऀΞϧόΠτ (5ؒ)
2018/04-05: ৽ଔݚम
https://speakerdeck.com/nodaguti/ html-5-conference-2018-sponsors-lt ৽ଔݚमͰςετΧόϨοδ 99%Λୡͨ͠ HTML5 Conference 2018 on 25th Nov
2018 Tadahiro Noguchi from CyberAgent, Inc.
2018/05/21: AbemaTV ଐ
2018/05-06: খ͞ͳػೳͷ࣮
2018/05-06: খ͞ͳػೳͷ࣮
2018/05-06: খ͞ͳػೳͷ࣮ • ίϛοτɾPR ͷཻϨϏϡʔͷରԠํ๏ͳͲ͕Θ ͔ΔΑ͏ʹͳ͖ͬͯͨ • ͕ࣗ୲ͨ͠ྖҬʹ͓͍ͯɼϨϏϡʔΛ͢Δଆʹ ͳΔ͜ͱ͕Ͱ͖ͨ •
1-2 sprints ͰऴΘΔλεΫΛࣗྗͰ͜ͳͤΔঢ়ଶ
2018/06-07: Ϧίϝϯσʔγϣϯػೳ
2018/06-07: Ϧίϝϯσʔγϣϯػೳ
2018/06-07: Ϧίϝϯσʔγϣϯػೳ • Abema-way ͳ Flux ͷσʔλϑϩʔΛҰ௨Γ࡞ΔॳΊ ͯͷܦݧ • ൚༻ੑͷߴ͍Έͮ͘Γ
• ଞՕॴల։Մೳͳσʔλϑϩʔɾίϯϙʔωϯτ • Intersection Observer Λ༻͍ͨ impression ܭଌ • ಛघͳ෦ʢಈըपΓͳͲʣΛআ͚௨ৗͷػೳಠ ྗͰ࣮Ͱ͖ͦ͏ͱ͍͏ؾ࣋ͪʹ
2018/08-10: Abema ϏσΦ ϞόΠϧϒϥβ͔Βͷ ࢹௌରԠ
2018/08-10: Abema ϏσΦ ϞόΠϧࢹௌରԠ
2018/08-10: Abema ϏσΦ ϞόΠϧࢹௌରԠ • ༷͕͋Δఔݻ·͍ͬͯΔେ͖ͳҊ݅ʹ͍ͭͯɼλ εΫղͯ͠ݟੵΓΛߦ͍ɼεέδϡʔϧ௨Γਐߦ͢ ΔྗΛཆ͑ͨ • ϞόΠϧϒϥβͷݟ͕ਂ·ͬͨ
• Ͱ͖͍ͯͳ͔ͬͨ͜ͱ • ෆ֬ఆͳ͜ͱͷରԠɾଞηΫγϣϯͱͷ࿈ܞ • ༷͢Ͱʹݻ·͍ͬͯͨ • ٕज़ݕূଞͷϝϯόʔ͕ߦͳ͍ͬͯͨ
2018/11: ݟಀ͠ࢹௌͷϞόΠϧରԠ
• ࣮ࣗମϏσΦͱ΄ͱΜͲมΘΒͳ͍ͨΊۤ࿑ͤͣ • ίΞͳ෦1Ͱ࣮Ͱ͖ͨ • ϞόΠϧϒϥβΛͲ͏ϓϩμΫτͱͯ͠৳͔͢ʁ • ࠶ੜ͕࢝·Δલʹͯ͠͠·͏ϢʔβʔΛݮΒ͠ ͍ͨ •
࠷ऴతʹΞϓϦϢʔβʔʹͳͬͯΒ͍͍ͨ • ݪҼͱࢪࡦΛߟ͑ɼ࣮͢ΔαΠΫϧΛ࢝Ίͨ 2018/11: ݟಀ͠ࢹௌͷϞόΠϧରԠ
2018/11: Chrome Dev Summit ࢀՃ DISPNFEFWTVNNJUCSJFpOHTFTTJPO 'SPOUSFOE7PMPO%FDUI 5BEBIJSP/PHVDIJ !OPEBHVUJ
$ISPNFνʔϜͷਪ͢ ͜Ε͔Β͘Δ৽͍͠8FC"1* https://speakerdeck.com/nodaguti/upcoming- web-apis-advocated-by-the-chrome-team
2018/12: ϞόΠϧࢹௌͷվળλεΫ Prettier ಋೖ ෛ࠴ฦࡁ
2019/01-04: ͱ͋ΔେܕҊ݅
2019/01-04: ͱ͋ΔେܕҊ݅ • Ҋ݅ͷಛ • ༷͕ᐆດ • σΟϨΫλʔɾଞσόΠεͷΤϯδχΞʹώΞ Ϧϯά •
ϞόΠϧϒϥβʹ߹͏༷ͷམͱ͠ࠐΈ • σΟϨΫλʔɾσβΠφʔͱ૬ஊ • ಛఆͷλΠϛϯάͰαʔόʔʹϦΫΤετ͕ूத • αʔόʔαΠυΤϯδχΞͱ͢Γ߹Θͤ • ֤ॴͱ࿈ܞ༷ͯ͠ΛݻΊɼϦϦʔε·Ͱ͍͚࣋ͬͯͨ
ɹɹɹɹʹ͚ͯ
ৼΓฦΓ • ʮֶੜΤϯδχΞʯ͔ΒʮࣄۀϓϩμΫτΛ࡞Δϓϩͷ ΤϯδχΞʯͱͯ͢͠Δ͜ͱ͕Ͱ͖ͨ ɹখ͞ͳ୯ػೳͷ࣮ →༷͕ܾ·͍ͬͯΔେ͖ͳػೳͷ࣮ →༷͕ᐆດͳେ͖ͳػೳͷ࣮ • ػೳ։ൃΛ2ͭͷࢹ͔Βଊ͑ΒΕΔΑ͏ʹͳͬͨ •
Ͳ͏ UX ʹӨڹ͢Δ͔ʁ • Ͳ͏ KPI ʹӨڹ͢Δ͔ʁ
͔͜͜Βɺ͔͜͜Β • ࠓͷͱ͜Ζߟ͍͑ͯΔΩϟϦΞύεςοΫϦʔυ • Ϧʔμʔγοϓ • ʮνʔϜͰ࡞Δʯͱ͍͏͜ͱʹର͢Δܦݧ • ઐੑ •
High performance website • ʮٕज़͔ΒࣄۀʹߩݙͰ͖ΔΤϯδχΞʯ
Thank you!