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
720
ABEMA Webブラウザ版をより高速で高信頼にするために / Towards more performant and reliable ABEMA
nodaguti
0
1.2k
明日から使えない廃止された Mozilla の JavaScript / Obsolete Features on Mozilla JS
nodaguti
0
69
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
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
120
Claude Codeで挑むOSSコントリビュート
eycjur
0
190
為你自己學 Python - 冷知識篇
eddie
1
310
Ruby Parser progress report 2025
yui_knk
1
240
私の後悔をAWS DMSで解決した話
hiramax
4
170
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
780
複雑なドメインに挑む.pdf
yukisakai1225
2
140
SOCI Index Manifest v2が出たので調べてみた / Introduction to SOCI Index Manifest v2
tkikuc
1
110
OSS開発者という働き方
andpad
5
1.5k
testingを眺める
matumoto
1
130
ソフトウェアテスト徹底指南書の紹介
goyoki
1
120
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
ivargrimstad
0
260
Featured
See All Featured
Practical Orchestrator
shlominoach
190
11k
How GitHub (no longer) Works
holman
315
140k
The World Runs on Bad Software
bkeepers
PRO
70
11k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Making Projects Easy
brettharned
117
6.4k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Rails Girls Zürich Keynote
gr2m
95
14k
What's in a price? How to price your products and services
michaelherold
246
12k
KATA
mclloyd
32
14k
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!