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.4k
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
FastlyとfalcoでNode.jsレスな Webサーバー構築 : IPTV版 ABEMAアプリインフラ刷新 / Building web server using Fastly and falco without Node.js for IPTV ABEMA app
nodaguti
0
340
専任チームで実現する継続的なWebパフォーマンス改善 / Continuous Web performance improvement realised by dedicated team
nodaguti
0
600
ABEMA Webブラウザ版をより高速で高信頼にするために / Towards more performant and reliable ABEMA
nodaguti
0
1.1k
明日から使えない廃止された Mozilla の JavaScript / Obsolete Features on Mozilla JS
nodaguti
0
37
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
750
Other Decks in Programming
See All in Programming
gopls を改造したら開発生産性が高まった
satorunooshie
8
220
Prompt Engineering for Developers @ AWS Community Day Adria 2024
slobodan
0
110
シールドクラスをはじめよう / Getting Started with Sealed Classes
mackey0225
2
320
Googleのテストサイズを活用したテスト環境の構築
toms74209200
0
210
知られざるNaNの世界
hole
3
1.2k
のびしろを広げる巻き込まれ力:偶然を活かすキャリアの作り方/oso2024
takahashiikki
1
350
推し活としてのrails new/oshikatsu_ha_iizo
sakahukamaki
3
870
RailsのPull requestsのレビューの時に私が考えていること
yahonda
4
1.5k
役立つログに取り組もう
irof
18
5.3k
Go言語でターミナルフレンドリーなAIコマンド、afaを作った/fukuokago20_afa
monochromegane
2
130
Piniaの現状と今後
waka292
5
1.3k
プロジェクト新規参入者のリードタイム短縮の観点から見る、品質の高いコードとアーキテクチャを保つメリット
d_endo
1
880
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
222
8.9k
[RailsConf 2023] Rails as a piece of cake
palkan
50
4.8k
Git: the NoSQL Database
bkeepers
PRO
425
64k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
92
16k
Building Adaptive Systems
keathley
38
2.2k
Optimizing for Happiness
mojombo
376
69k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
231
17k
Designing the Hi-DPI Web
ddemaree
280
34k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
Designing Experiences People Love
moore
138
23k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
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!