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
170
控えめな App Router と持続可能な開発 - PWA Night vol.59
ahomu
11
2.7k
GPT 生成物の評価、運用 toC 企画でのハードルと勘所
ahomu
0
260
副業をきっかけに 切り拓くキャリア形成
ahomu
1
120
Webフロントエンドと アーキテクチャ事情の持論を喋る
ahomu
2
1.7k
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
ahomu
4
3.6k
#TECHPLAY Talk - 理想的な Web のため MUST 駆動で主語が大きくなったキャリア
ahomu
0
240
最近の Web パフォーマンス改善について知っておきたいコト
ahomu
50
19k
Web フロントエンドで大切なことはすべて Audits が教えてくれた
ahomu
1
590
Other Decks in Programming
See All in Programming
KubeCon NA 2024の全DB関連セッションを紹介
nnaka2992
0
120
サーバーゆる勉強会 DBMS の仕組み編
kj455
1
300
AppRouterを用いた大規模サービス開発におけるディレクトリ構成の変遷と問題点
eiganken
1
440
ecspresso, ecschedule, lambroll を PipeCDプラグインとして動かしてみた (プロトタイプ) / Running ecspresso, ecschedule, and lambroll as PipeCD Plugins (prototype)
tkikuc
2
1.7k
PHPで作るWebSocketサーバー ~リアクティブなアプリケーションを知るために~ / WebSocket Server in PHP - To know reactive applications
seike460
PRO
2
770
2025.01.17_Sansan × DMM.swift
riofujimon
2
520
ChatGPT とつくる PHP で OS 実装
memory1994
PRO
3
190
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
370
LLM Supervised Fine-tuningの理論と実践
datanalyticslabo
8
1.9k
快速入門可觀測性
blueswen
0
490
アクターシステムに頼らずEvent Sourcingする方法について
j5ik2o
6
700
責務を分離するための例外設計 - PHPカンファレンス 2024
kajitack
9
2.3k
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
137
6.7k
How GitHub (no longer) Works
holman
312
140k
Optimizing for Happiness
mojombo
376
70k
Being A Developer After 40
akosma
89
590k
Speed Design
sergeychernyshev
25
730
Testing 201, or: Great Expectations
jmmastey
41
7.2k
How to train your dragon (web standard)
notwaldorf
89
5.8k
Unsuck your backbone
ammeep
669
57k
YesSQL, Process and Tooling at Scale
rocio
170
14k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
Why Our Code Smells
bkeepers
PRO
335
57k
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 ⌂