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
200
控えめな App Router と持続可能な開発 - PWA Night vol.59
ahomu
11
2.9k
GPT 生成物の評価、運用 toC 企画でのハードルと勘所
ahomu
0
300
副業をきっかけに 切り拓くキャリア形成
ahomu
1
150
Webフロントエンドと アーキテクチャ事情の持論を喋る
ahomu
2
1.7k
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
ahomu
5
3.7k
#TECHPLAY Talk - 理想的な Web のため MUST 駆動で主語が大きくなったキャリア
ahomu
0
290
最近の Web パフォーマンス改善について知っておきたいコト
ahomu
50
20k
Web フロントエンドで大切なことはすべて Audits が教えてくれた
ahomu
1
630
Other Decks in Programming
See All in Programming
赤裸々に公開。 TSKaigiのオフシーズン
takezoux2
0
130
Using AI Tools Around Software Development
inouehi
0
1.2k
從零到一:搭建你的第一個 Observability 平台
blueswen
1
950
Javaに鉄道指向プログラミング (Railway Oriented Pro gramming) のエッセンスを取り入れる/Bringing the Essence of Railway-Oriented Programming to Java
cocet33000
2
580
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
280
Javaのルールをねじ曲げろ!禁断の操作とその代償から学ぶメタプログラミング入門 / A Guide to Metaprogramming: Lessons from Forbidden Techniques and Their Price
nrslib
3
2k
機械学習って何? 5分で解説頑張ってみる
kuroneko2828
0
210
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
300
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
gaeun5744
3
290
Webからモバイルへ Vue.js × Capacitor 活用事例
naokihaba
0
710
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
110
データベースコネクションプール(DBCP)の変遷と理解
fujikawa8
1
270
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Bash Introduction
62gerente
614
210k
Faster Mobile Websites
deanohume
307
31k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Docker and Python
trallard
44
3.4k
The Language of Interfaces
destraynor
158
25k
Making Projects Easy
brettharned
116
6.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
480
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.4k
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 ⌂