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
Performance And Productivity
Search
Recruit
PRO
December 24, 2020
Technology
0
130
Performance And Productivity
2020/12/10_Chrome Dev Summit 2020での、古川の講演資料になります
Recruit
PRO
December 24, 2020
Tweet
Share
More Decks by Recruit
See All by Recruit
事業の財務責任に向き合うリクルートデータプラットフォームのFinOps
recruitengineers
PRO
2
430
AI-DLCを現場にインストールしてみた:プロトタイプ開発で分かったこと・やめたこと
recruitengineers
PRO
2
630
プロダクトマネジメントの分業が生む「デリバリーの渋滞」を解消するTPMの越境
recruitengineers
PRO
4
1.1k
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
4
430
dbtとBigQuery MLで実現する リクルートの営業支援基盤のモデル開発と保守運用
recruitengineers
PRO
5
320
『ホットペッパービューティー』のiOSアプリをUIKitからSwiftUIへ段階的に移行するためにやったこと
recruitengineers
PRO
4
1.9k
経営の意思決定を加速する 「事業KPIダッシュボード」構築の全貌
recruitengineers
PRO
4
500
Browser
recruitengineers
PRO
12
4.3k
JavaScript 研修
recruitengineers
PRO
9
2.4k
Other Decks in Technology
See All in Technology
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
3
550
usermode linux without MMU - fosdem2026 kernel devroom
thehajime
0
230
入社1ヶ月でデータパイプライン講座を作った話
waiwai2111
1
270
学生・新卒・ジュニアから目指すSRE
hiroyaonoe
2
580
AIと新時代を切り拓く。これからのSREとメルカリIBISの挑戦
0gm
0
850
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
usanchuu
3
440
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
tatsukoni
0
210
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.2k
会社紹介資料 / Sansan Company Profile
sansan33
PRO
15
400k
AWS Network Firewall Proxyを触ってみた
nagisa53
0
190
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
msysh
3
160
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
sansantech
PRO
3
1.4k
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
141
7.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.3k
[SF Ruby Conf 2025] Rails X
palkan
1
740
So, you think you're a good person
axbom
PRO
2
1.9k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
140
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
92
Designing for Performance
lara
610
70k
Test your architecture with Archunit
thirion
1
2.1k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
160
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.4k
Transcript
Performance And Productivity Google Chrome Dev Summit 2020
Twitter: @yosuke_furukawa GitHub: yosuke-furukawa
We should keep the web app’s performance and developers' productivity
high… But it’s NOT an easy thing
"Premature optimization is the root of all evil." By Donald
Knuth
Hotpepper Beauty Cosme hpbcosme.com
3 tips to maintain performance and keeping productivity w/ AMP
1. Visual Regression Test Using Storybook & reg-suit
Using Storybook to visually manage the components
Checking visual degradation via CI
2. Keep the productivity by leveraging the modern ecosystem
React and Next.js as the server side framework
Next.js supports modern tools Easy to keep productivity and perf
3. Sharing knowledge with each other
We have various developers. CSS Expert JavaScript beginner Server-side engineer
Frontend expert
Solution: No silver bullet. Teach each other e.g. pair/mob programming
Suggestion: Share best practices. You are part of the ecosystem
to help someone Next to you.
Wrap up 1. Visual Regression Test 2. Keep the productivity
by leveraging the modern ecosystem 3. Share knowledge each other
MAU growth
Thank you!!