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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
顧客の言葉を、そのまま信じない勇気
yamatai1212
1
350
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
140
Amazon Bedrock Knowledge Basesチャンキング解説!
aoinoguchi
0
130
AIエージェントを開発しよう!-AgentCore活用の勘所-
yukiogawa
0
110
Embedded SREの終わりを設計する 「なんとなく」から計画的な自立支援へ
sansantech
PRO
3
2.3k
生成AI時代にこそ求められるSRE / SRE for Gen AI era
ymotongpoo
5
3k
Introduction to Bill One Development Engineer
sansan33
PRO
0
360
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
0
340
What happened to RubyGems and what can we learn?
mikemcquaid
0
250
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
17k
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
yuu551
0
190
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
oracle4engineer
PRO
1
110
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Fireside Chat
paigeccino
41
3.8k
Building AI with AI
inesmontani
PRO
1
690
Context Engineering - Making Every Token Count
addyosmani
9
650
Abbi's Birthday
coloredviolet
1
4.7k
How STYLIGHT went responsive
nonsquared
100
6k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
180
The Spectacular Lies of Maps
axbom
PRO
1
520
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
170
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Building an army of robots
kneath
306
46k
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!!