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
パフォーマンスはなぜ重要なのか? - 目先の UX(?) にとらわれないクライアントサイド開発の本質
Search
Ayumu Sato
April 22, 2017
Programming
9
7.7k
パフォーマンスはなぜ重要なのか? - 目先の UX(?) にとらわれないクライアントサイド開発の本質
名古屋マークアップ勉強会 The Final
https://758markup.doorkeeper.jp/events/57811
で使用したスライドです。本編20分。
Ayumu Sato
April 22, 2017
Tweet
Share
More Decks by Ayumu Sato
See All by Ayumu Sato
Web 開発の長距離走と持続可能性 - TechFeed Experts Night#31 〜 フロントエンドアーキテクチャの現状と未来
ahomu
1
180
控えめな App Router と持続可能な開発 - PWA Night vol.59
ahomu
11
2.8k
GPT 生成物の評価、運用 toC 企画でのハードルと勘所
ahomu
0
270
副業をきっかけに 切り拓くキャリア形成
ahomu
1
130
Webフロントエンドと アーキテクチャ事情の持論を喋る
ahomu
2
1.7k
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
ahomu
4
3.6k
#TECHPLAY Talk - 理想的な Web のため MUST 駆動で主語が大きくなったキャリア
ahomu
0
250
最近の Web パフォーマンス改善について知っておきたいコト
ahomu
50
19k
Web フロントエンドで大切なことはすべて Audits が教えてくれた
ahomu
1
600
Other Decks in Programming
See All in Programming
昭和の職場からアジャイルの世界へ
kumagoro95
1
370
データベースのオペレーターであるCloudNativePGがStatefulSetを使わない理由に迫る
nnaka2992
0
130
Immutable ActiveRecord
megane42
0
140
Grafana Cloudとソラカメ
devoc
0
170
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
10
3.5k
GAEログのコスト削減
mot_techtalk
0
120
Spring gRPC について / About Spring gRPC
mackey0225
0
220
2024年のWebフロントエンドのふりかえりと2025年
sakito
2
240
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
760
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
270
時計仕掛けのCompose
mkeeda
1
290
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
KATA
mclloyd
29
14k
Six Lessons from altMBA
skipperchong
27
3.6k
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
133
33k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Transcript
ػؿؓ٦وٝأכזꅾ銲זךַ せ〢㾊و٦ؙ،حف⹈䓼⠓5IF'JOBM㛇锃闌怴 !BIPNV"ZVNV4BUP 湡⯓ך69 חהזְؙٓ؎،ٝز؟؎س涪ך劤颵
ֶכ״ֲ׀ְׂתׅ !BIPNVדׅ
‣ ⡟谏娄ׁהֲ֮ײ ‣ せ〢㾊ה幪靼䖂䗁⚥ך8FCر؍كٗحػ٦ ‣ 剑鵚ךꟼ䗰כXFCQFSGהBZה➂✲罋铬 ‣ $ZCFS"HFOU *ODתכ"CFNB57 *OD
䪮遭劤鿇8FC*OJUJBUJWF$FOUFS⚺㹫ًر؍،窟䭍䪮遭䨌殛㹓 !BIPNV
‣ ػؿؓ٦وٝأךꅾ銲䚍 ‣ ػؿؓ٦وٝأך㛇劤涸זչ罋ִ倯ծ䯝ִ倯պ ‣ ػؿؓ٦وٝأהؙٓ؎،ٝز橆㞮ךչ㢳圫䚍պ ‣ ؙٓ؎،ٝز؟؎س涪חֶֽչㅷ颵պךꅾ銲䚍 ،آؑٝت
ؙٔٝةحف׃䖓 ⡦猱תד罣ִ
أؙٗ٦ָٕꅾְ؟؎ز ֻׄ鋅גְ
‣ ؟٦غ٦ך䘔瘶鹼䒀ׇׁג 渣פך䕦갟庠㹋꿀 ‣ 猱ך鹼䒀ˋך幾渣 ‣ 猱ך鹼䒀ˋך幾渣 ‣ 猱ך鹼䒀ˋך幾渣 㣐䩛嗚稊ؒٝآٝה䎢デ 渣ך✲⢽ IUUQTDPOGFSFODFTPSFJMMZDPNWFMPDJUZWFMPDJUZQVCMJDTDIFEVMFEFUBJM
‣ ؔٝٓ؎ٝ㺔➰ꆃفٓحزؿؓ٦يך何⥜ ‣ 8FCل٦آך邌爙넝鸞⻉ ‣ 㺔➰ך؝ٝغ٦آّٖٝ٦زָぢ♳ ‣ 剑穄涸ח筨겘⭙碛سٕך㺔➰栻䖤 䎃،ًٔؕ㣐窟걄鼅ך✲⢽ IUUQLZMFSVTIOFUCMPHNFFUUIFPCBNBDBNQBJHOTNJMMJPOGVOESBJTJOHQMBUGPSN
‣ .P[JMMBח״'JSFGPYךتؐٝٗ٦سٍؗٝل٦ٝ ‣ ٓٝر؍ؚٝل٦آך邌爙猱넝鸞⻉ ‣ تؐٝٗ٦سך؝ٝغ٦آّٖٝ٦زָぢ♳ ‣ ؝ًٝز奋ד"EEZ0TNBOJָ㋠㏋㡰גג疭ִ اؿزؐؑ،تؐٝٗ٦سך✲⢽ IUUQTCMPHNP[JMMBPSHNFUSJDTSFGPYQBHFMPBETQFFE&QBSUJJ
ػؿؓ٦وٝأך 㛇劤涸זչ罋ִ倯ծ䯝ִ倯պ
鐰⣣鯥כ㣐ֹֻⴓֽגא ٓٝة؎ي ل٦آٗ٦س
‣ شؽ٦ءّٝך㨣ַل٦آָ邌爙ׁתדך鸞䏝 ؙٔذ؍ٕٖؕٝتؚٔٝػأך剑黝⻉ ꂁ⥋ٔا٦أ 歗⫷זו ך侧הؿ؋؎ٕ؟؎ؤך剑黝⻉ )5.-鵤⽱
͑؟٦غ؟؎سⳢ椚 ך넝鸞⻉FUD ل٦آٗ٦س
IUUQTXXXZPVUVCFDPNXBUDI W0R):FM/"V+L
None
None
‣ ل٦آָ邌爙ׁ֮הך6*ך䘔瘶鸞䏝 '14 猱֮ך歗ך刿倜㔐侧 ך剑㣐⻉PS䘔ך넝鸞⻉ ؚٓؿ؍حؙ涸זٖٝتؚٔٝ頾蚚ך鯪ꆀ⻉ 歗刿倜ׁת־أؙٔفزⳢ椚ךꤐFUD
ٓٝة؎ي
IUUQTXXXZPVUVCFDPNXBUDI WQ)'RO1-;
None
‣ 何㊣ׅהֹכ㔓卓ꟼ⤘姻然ח䯝ִֿהָ剑ꅾ銲 ‣ 涪儗ךكأزفؙٓذ؍أך琎ꅾי㣐✲דכָ֮˘ ‣ さְ鎉衝כչ傍ֺׅ剑黝⻉כ长䝤ך呎彁պ ‣ 葿ղז鎘庠٥锃叨ך倯岀鋙ִֿהכ溪㹋ח鵚בֻ鎮箺 ػؿؓ٦وٝأ䯝ִך鎘庠٥锃叨
6*ךٖأهٝأ NT ،صً٦ءّٝG NT NT ،؎سٕ⚥ךⳢ椚 NT ل٦آٗ٦س NT
IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODFSBJM וְֻז黝ⴖז䘔瘶鸞䏝ה鎉ִךַ
‣ 铩鹼ְך⡲ֲהכ䙼גְזְכ׆ָ˘ ‣ 椚䟝涸ז勴⟝׃ַ鋅גְזְ ‣ 鸞ֻׅ倯岀ַָזְծ儗ָזְ ‣ ꟼ䗰ָ搀ְ馯 ז8FCل٦آכ鹼ֻזךַ
ؙٓ؎،ٝز橆㞮ך㢳圫䚍ָ 欥ֻ鋅ג׃תגְ
ػؿؓ٦وٝأה ؙٓ؎،ٝز橆㞮ךչ㢳圫䚍պ
‣ رغ؎أⳢ椚䚍腉ծأؙٔ٦ٝ؟؎ؤծ乼⡲倯岀 ‣ ـٓؐؠծ04㹋遤䚍腉ծِ٦ؠ٦ָ鷄⸇׃䭁䓸堣腉 ‣ طحزٙ٦ؙؔؿ؍أծ荈㸓ծⰕ遚8Jծٌغ؎ٕ ‣ ِ٦ؠ٦䎃룳װ⦐➂䊴ח״钠濼暴䚍ך䊴殯 ؙٓ؎،ٝز橆㞮ך㢌侧 קך♧鿇
$MJFOU $POOFDUJPO /FUXPSL 4FSWFS 䱸竲ךٖ؎ذٝء٦ 堣㐻ךؔ٦غ٦قحس ألحؙח״Ⳣ椚鹼䒀 ر٦ةك٦أזוך鹼䒀
$16ךأٗحزؚٔٝⳢ椚䚍腉ךؒىُٖ٦ز طحزٙ٦ؙךأٗحزؚٔٝ䌒㚖䚍腉ךؒىُٖ٦ز
֮ײ㢳圫䚍ך⚥ח ˑ鹼ְ˒ˑ⢪ִזְ˒ָ悵
˒⢪ִזְ˒כِ٦ؠ٦⡤꿀ה׃ג ؟٦غ٦ꥺ㹱הずְֻׄ帾ⵟז㉏겗
ؙٓ؎،ٝز؟؎س涪חֶֽ չㅷ颵պךꅾ銲䚍
湡䭷ׅץֹؽآطأ؞٦ٕ 銲実ׁفٗتؙزך鋅湡ծ堣腉 فٗتؙزה׃ג⢪ְךחזㅷ颵
湡⯓ך69 ␡
ؕح؝ְְ ؙاꅾְ 椚䟝 植㹋
歗劍涸ז6* 罋䣁♶駈ד⢪ְבְ 椚䟝 植㹋 ⚠ ♥ ˟涪罏ָ)1ג⡦הַ׃״ֲה׃ֽו⡦הזזַ
➂➂➂➂➂➂➂ խ剑넝ך69խ :?:?:?:?:?: ␡ ˖ ل٦آְָאתדַזְ ˖ ְֽוأؙٗ٦ָٕꅾֺׅ ˖ ؗ٦ن٦سד乼⡲דֹזְ
˖ וָֿ乼⡲דֹךַⴓַזְ ˖ זֲַװ
湡䭷ׅץֹؽآطأ؞٦ٕ 銲実ׁفٗتؙزך鋅湡ծ堣腉 فٗتؙزה׃ג⢪ְךחזㅷ颵 ػؿؓ٦وٝأ ،ؙإءؽٔذ؍ إُؗٔذ؍ ِ٦ؠؽٔذ؍FUD 3FTQPOTJWF8FC%FTJHO 鋅湡ծ堣腉ךؙٗأـٓؐؠ
‣ ؙٓ؎،ٝز橆㞮ך㢳圫䚍⼧ⴓח罋䣁׃גㅷ颵넝 ‣ 堣⠓䴦㣟幾׃ծفٗتؙزך⣣⦼剑㣐⻉ׅ 搀ꣲח*&㼎䘔׃״ֲהְֲ䠐דכזְ 椚䟝כؕح؝葺ֻג⢪ְװֻׅג鸞ְֿה✨ ؙٓ؎،ٝز؟؎س涪ך劤颵涸ז䕵ⶴ
תה
‣ ػؿؓ٦وٝأה،ؙإءؽٔذ؍הإُؗٔذ؍כ⡦״㼣ְ ‣ 㢳圫ז橆㞮דفٗتؙزך⣣⦼䬐⥂ׅךָ䧮ղך劤颵 ‣ 湡⯓ך69 ״չׯה⢪ִպהְֲ⡤꿀ָת׆ꅾ銲 ‣ ⳿晛ׁ顠גְֻׁ 鎉ְַֿה
‣ 倜׃ְ䪮遭װٓ؎ـٓٔכ״⸬桦涸ז倯岀ך〳腉䚍 ‣ 湡涸ָֽ㣐✲זךדכזְ ‣ 湡涸פך荈ך➬✲ך⣣⦼ ㅷ颵 剑㣐⻉ֿׅה㣐✲ ‣ ך捀ך䩛媮תず圫ח㣐✲זךדسٝسٝװֲ
倜׃ְ䪮遭ㅷ颵넝ֲ
5IBOLZPV❤ IUUQBIPNV !BIPNV HJUIVCDPNBIPNV ⌂