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.6k
パフォーマンスはなぜ重要なのか? - 目先の 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
150
控えめな App Router と持続可能な開発 - PWA Night vol.59
ahomu
11
2.7k
GPT 生成物の評価、運用 toC 企画でのハードルと勘所
ahomu
0
250
副業をきっかけに 切り拓くキャリア形成
ahomu
1
110
Webフロントエンドと アーキテクチャ事情の持論を喋る
ahomu
2
1.6k
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
ahomu
4
3.5k
#TECHPLAY Talk - 理想的な Web のため MUST 駆動で主語が大きくなったキャリア
ahomu
0
220
最近の Web パフォーマンス改善について知っておきたいコト
ahomu
50
19k
Web フロントエンドで大切なことはすべて Audits が教えてくれた
ahomu
1
580
Other Decks in Programming
See All in Programming
N.E.X.T LEVEL
pluu
2
270
クリエイティブコーディングとRuby学習 / Creative Coding and Learning Ruby
chobishiba
0
3.7k
Djangoの開発環境で工夫したこと - pre-commit / DevContainer
hiroki_yod
1
680
The Efficiency Paradox and How to Save Yourself and the World
hollycummins
1
320
Cognitoが大型アップデート!Managed Loginとパスワードレスログインを実際に使ってみた@しむそくRadio Special Day1
tmhirai
3
280
デザインパターンで理解するLLMエージェントの作り方 / How to develop an LLM agent using agentic design patterns
rkaga
11
3.4k
あれやってみてー駆動から成長を加速させる / areyattemite-driven
nashiusagi
1
170
SymfonyCon Vienna 2025: Twig, still relevant in 2025?
fabpot
3
1k
暇に任せてProxmoxコンソール 作ってみました
karugamo
1
490
romajip: 日本の住所CSVデータを活用した英語住所変換ライブラリを作った話
sangunkang
0
2.4k
Criando Commits Incríveis no Git
marcelgsantos
2
150
Discord Bot with AI -for English learners-
xin9le
1
120
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
33
3k
The Cult of Friendly URLs
andyhume
78
6.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
How To Stay Up To Date on Web Technology
chriscoyier
789
250k
Building an army of robots
kneath
302
44k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.4k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Optimizing for Happiness
mojombo
376
70k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.8k
Thoughts on Productivity
jonyablonski
67
4.3k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
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 ⌂