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
150
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Performance And Productivity
2020/12/10_Chrome Dev Summit 2020での、古川の講演資料になります
Recruit
PRO
December 24, 2020
More Decks by Recruit
See All by Recruit
AIネイティブ時代における 開発組織の役割と拡張の可能性
recruitengineers
PRO
2
230
開発が速く安くなった後の話 AI時代のソフトウェアエンジニアリング組織論 #devsumi
recruitengineers
PRO
45
31k
双方向推薦システムにおける長期的マッチング最大化に向けた代理目的関数の設計と実証
recruitengineers
PRO
1
160
就職⽀援サービスにおけるキャリアアドバイザーのシフトスケジューリング
recruitengineers
PRO
1
210
Model Routerを使った逐次LLM選択による毀損低減効果の検証
recruitengineers
PRO
2
83
ストリーム処理基盤のFlink移行検証と適材適所の実践
recruitengineers
PRO
2
120
AI 時代の Platform Engineering
recruitengineers
PRO
3
520
巨大プラットフォームを進化させる「第3のROI」
recruitengineers
PRO
2
3.7k
データ戦略を加速させる プラットフォーム エンジニアリングと進化的アーキテクチャ
recruitengineers
PRO
3
130
Other Decks in Technology
See All in Technology
MCPをつなげて作る組織横断のAIエージェント基盤
tsubakimoto_s
0
220
13年運用タイトルのサーバーサイドが辿り着いた現在地 ― モンスターストライクにおける技術・組織・AI活用から得た知見
mixi_engineers
PRO
1
250
なぜ、あなたのエージェントは言うことを聞かないのか
segavvy
1
560
大 AI 時代におけるC# の事情 ~ぶっちゃけトークを交えながら~
nenonaninu
1
470
ここは地獄!つらい朝会を体験することで、チームとしてのより良い振る舞いに気づくワークショップ / The stand-up meeting from hell in the game industry
scrummasudar
0
400
ウォーターフォール開発案件のPMとしてAI活用を模索している話
hatahata021
2
110
エンタープライズデータへ安全につなぐ Production-ready なエージェント設計 ― AI × MCP リファレンスアーキテクチャ ― #AIDevDay
cdataj
1
180
WEBフロントエンド研修【MIXI 26新卒技術研修】
mixi_engineers
PRO
1
620
AI Agent を本番環境へ―― Microsoft Foundry × Azure Serverless で作る Enterprise-Ready な基盤
shibayan
PRO
1
630
システム監視を 「システムを監視するだけ」で 終わらせないために
seiud
0
140
Jitera Company Deck
jitera
0
650
なぜ、あなたのAPIは使われないのか? AX時代の設計原則、ガードレール、運用体制
yokawasa
1
250
Featured
See All Featured
First, design no harm
axbom
PRO
2
1.2k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.4k
Google's AI Overviews - The New Search
badams
0
1.1k
AI: The stuff that nobody shows you
jnunemaker
PRO
9
850
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
190
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
Ethics towards AI in product and experience design
skipperchong
2
330
Building AI with AI
inesmontani
PRO
1
1.1k
Designing for humans not robots
tammielis
254
26k
How to Think Like a Performance Engineer
csswizardry
28
2.7k
We Have a Design System, Now What?
morganepeng
55
8.2k
Un-Boring Meetings
codingconduct
0
350
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!!