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.8k
パフォーマンスはなぜ重要なのか? - 目先の 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
190
控えめな App Router と持続可能な開発 - PWA Night vol.59
ahomu
11
2.9k
GPT 生成物の評価、運用 toC 企画でのハードルと勘所
ahomu
0
280
副業をきっかけに 切り拓くキャリア形成
ahomu
1
140
Webフロントエンドと アーキテクチャ事情の持論を喋る
ahomu
2
1.7k
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
ahomu
4
3.7k
#TECHPLAY Talk - 理想的な Web のため MUST 駆動で主語が大きくなったキャリア
ahomu
0
270
最近の Web パフォーマンス改善について知っておきたいコト
ahomu
50
20k
Web フロントエンドで大切なことはすべて Audits が教えてくれた
ahomu
1
610
Other Decks in Programming
See All in Programming
Enterprise Web App. Development (1): Build Tool Training Ver. 5
knakagawa
1
110
Deoptimization: How YJIT Speeds Up Ruby by Slowing Down / RubyKaigi 2025
k0kubun
0
820
生成AIを使ったQAアプリケーションの作成 - ハンズオン補足資料
oracle4engineer
PRO
3
220
VitestのIn-Source Testingが便利
taro28
5
1.6k
[NG India] Event-Based State Management with NgRx SignalStore
markostanimirovic
1
150
Building a macOS screen saver with Kotlin (Android Makers 2025)
zsmb
1
150
これだけは知っておきたいクラス設計の基礎知識 version 2
masuda220
PRO
24
6.4k
エンジニアが挑む、限界までの越境
nealle
1
170
Fiber Scheduler vs. General-Purpose Parallel Client
hayaokimura
1
100
The Evolution of the CRuby Build System
kateinoigakukun
0
700
設計の本質:コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
nrslib
3
400
gen_statem - OTP's Unsung Hero
whatyouhide
1
200
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
The Language of Interfaces
destraynor
157
25k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Designing for Performance
lara
608
69k
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 ⌂