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.3k
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
専任チームで実現する継続的なWebパフォーマンス改善 / Continuous Web performance improvement realised by dedicated team
nodaguti
0
540
ABEMA Webブラウザ版をより高速で高信頼にするために / Towards more performant and reliable ABEMA
nodaguti
0
980
明日から使えない廃止された Mozilla の JavaScript / Obsolete Features on Mozilla JS
nodaguti
0
33
Chrome チームの推すこれからくる新しい Web API / Upcoming Web APIs advocated by the Chrome team
nodaguti
5
980
新卒研修でテストカバレッジ99%を達成した話 / HTML 5 Conference 2018 Sponsor's LT
nodaguti
0
680
Other Decks in Programming
See All in Programming
Doctrine ORMでValue Objectを扱う方法4選 #phpstudy / 4 ways to handle Value Objects with Doctrine ORM
77web
4
110
Tailwind CSSを本気でカスタマイズする方法
fsubal
2
260
From Spring Boot 2 to Spring Boot 3 with Java 21 and Jakarta EE
ivargrimstad
0
1.1k
try! Swift Tokyo 2024のLT枠に採択されたプロポーザルを出すときに考えていたこと
ski
0
340
PostmanでAPIの動作確認が楽になった話
h455h1
0
130
ログラスを支える設計標準について / loglass-design-standards
urmot
10
2.1k
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
180
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.7k
エンターテイメント業界で利用されるAWS
demuyan
0
200
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
490
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
350
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
250
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
Designing with Data
zakiwarfel
95
4.8k
We Have a Design System, Now What?
morganepeng
42
6.7k
Building Your Own Lightsaber
phodgson
98
5.7k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
The Illustrated Children's Guide to Kubernetes
chrisshort
29
46k
A designer walks into a library…
pauljervisheath
199
23k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
15
1.4k
Web Components: a chance to create the future
zenorocha
305
41k
Building Adaptive Systems
keathley
30
1.8k
Rails Girls Zürich Keynote
gr2m
91
13k
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!