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
110
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
Datadog による 自己完結的アプリケーションモニタリング
recruitengineers
PRO
3
180
プロデザ! BY リクルートvol.17_『じゃらんnet』公式アプリの高速リニューアル事例を大公開
recruitengineers
PRO
5
130
自己完結な開発者組織を支える プラットフォーム作り
recruitengineers
PRO
2
260
検索エンジニアが考える、 生成AI時代の人間の付加価値とは
recruitengineers
PRO
2
57
エンジニア思考で解決! 家事育児を劇的に進化させる開発プロセス応用術
recruitengineers
PRO
2
80
GraphQL「良さ」・「難しさ」再探訪 〜スタディサプリにおける実例〜 / StudySapuri with GraphQL
recruitengineers
PRO
21
4.3k
プロデザ番外編_リクルートのデザイン組織のご紹介
recruitengineers
PRO
2
150
プロダクトプラットフォーム開発におけるフィー ドバックループの回し方
recruitengineers
PRO
4
500
リクルートにおける Platform Engineering / SRE の事例共有
recruitengineers
PRO
6
1.9k
Other Decks in Technology
See All in Technology
8週連続ウェビナー_イチから学ぶFivetran
cmsuzu
0
170
継続的テストモデルを実現するためにスリーアミーゴスを用いた10Xでのシフトレフトの事例
nihonbuson
3
260
どう買う?Azure
kuniteru
1
190
技術イベントはなんとかひねり出す 日経の技術広報の取り組み/techpr3
nishiuma
0
230
統計的学習理論読み Chapter 2
kmatsui
1
290
技術広報経験0のEMがエンジニアブランディングをはじめてみた
coconala_engineer
1
140
Oracle Database で機械学習を始めよう! Oracle Machine Learning
oracle4engineer
PRO
1
140
生成AIの不確実性と向き合うためのオブジェクト指向設計
tkikuchi1002
2
700
KTC_DBRE.pdf
_awache
1
290
データ品質をコード化! LINEヤフーのMLOpsを最適化する "ACP Data Quality" の紹介
lycorptech_jp
PRO
2
280
Evolutionary Optimization of Model Merging Recipes
fuyu_quant0
3
550
Castor - Symfony Live 2024 - Paris
lyrixx
1
110
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
How to name files
jennybc
62
92k
How to train your dragon (web standard)
notwaldorf
71
5.1k
Happy Clients
brianwarren
91
6.3k
Automating Front-end Workflow
addyosmani
1353
200k
Designing with Data
zakiwarfel
94
4.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
242
20k
It's Worth the Effort
3n
180
27k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
Become a Pro
speakerdeck
PRO
8
4.4k
What's in a price? How to price your products and services
michaelherold
236
11k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
11
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!!