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
640
プロダクトマネジメントの分業が生む「デリバリーの渋滞」を解消する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
日本の85%が使う公共SaaSは、どう育ったのか
taketakekaho
1
150
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
42k
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
2
170
会社紹介資料 / Sansan Company Profile
sansan33
PRO
15
400k
AWS Network Firewall Proxyを触ってみた
nagisa53
0
210
Introduction to Bill One Development Engineer
sansan33
PRO
0
360
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
140
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
thara0402
0
160
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
tatsukoni
0
210
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
rvirus0817
0
110
2人で作ったAIダッシュボードが、開発組織の次の一手を照らした話― Cursor × SpecKit × 可視化の実践 ― Qiita AI Summit
noalisaai
1
380
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
torumakabe
1
500
Featured
See All Featured
Test your architecture with Archunit
thirion
1
2.1k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
170
Are puppies a ranking factor?
jonoalderson
1
2.7k
A Soul's Torment
seathinner
5
2.2k
GraphQLとの向き合い方2022年版
quramy
50
14k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
0
430
How to Ace a Technical Interview
jacobian
281
24k
Tell your own story through comics
letsgokoyo
1
810
Evolving SEO for Evolving Search Engines
ryanjones
0
120
Building AI with AI
inesmontani
PRO
1
690
Become a Pro
speakerdeck
PRO
31
5.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
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!!