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
Vue Fes Japan 2018 サイトの速度改善 / High Performance ...
Search
INOUE Takuya
August 28, 2018
Programming
9
7.5k
Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site
Vue.js Tokyo v-meetup #8 の発表資料
https://vuejs-meetup.connpass.com/event/95678/
INOUE Takuya
August 28, 2018
Tweet
Share
More Decks by INOUE Takuya
See All by INOUE Takuya
create-nuxt-app で選べる現代の UI フレームワーク / Modern UI Frameworks
inouetakuya
7
2.6k
カンファレンス主催 Casual Talks #1 オープニング / Conference Casual Talks 1 Opening
inouetakuya
0
790
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
inouetakuya
0
730
ウェブサイトの速度改善 / High Performance Website
inouetakuya
0
450
Vue Fes Japan 2018 ティザーサイトの裏側 / Inside Vue Fes Japan 2018
inouetakuya
4
2.9k
Nuxt.js でつくるアプリケーションの設計 / Architecture of nuxt application
inouetakuya
8
5.1k
Vue Fes Japan 2018 ティザーサイトの技術選定 / Vue Fes Japan 2018 site architecture
inouetakuya
1
350
いま Vue.js に現場の事例が求められている / stage of vuejs jp
inouetakuya
0
3.1k
お仕事で Nuxt.js を使うか検討した話 / decision about whether to use nuxtjs
inouetakuya
8
18k
Other Decks in Programming
See All in Programming
EC2からECSへ 念願のコンテナ移行と巨大レガシーPHPアプリケーションの再構築
sumiyae
3
590
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
6
1.4k
月刊 競技プログラミングをお仕事に役立てるには
terryu16
1
1.2k
AHC041解説
terryu16
0
410
watsonx.ai Dojo #6 継続的なAIアプリ開発と展開
oniak3ibm
PRO
0
180
QA環境で誰でも自由自在に現在時刻を操って検証できるようにした話
kalibora
1
140
自動で //nolint を挿入する取り組み / Gopher's Gathering
utgwkk
1
100
ecspresso, ecschedule, lambroll を PipeCDプラグインとして動かしてみた (プロトタイプ) / Running ecspresso, ecschedule, and lambroll as PipeCD Plugins (prototype)
tkikuc
2
1.9k
Асинхронность неизбежна: как мы проектировали сервис уведомлений
lamodatech
0
1.4k
php-conference-japan-2024
tasuku43
0
430
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
950
『改訂新版 良いコード/悪いコードで学ぶ設計入門』活用方法−爆速でスキルアップする!効果的な学習アプローチ / effective-learning-of-good-code
minodriven
28
4.2k
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
Into the Great Unknown - MozCon
thekraken
34
1.6k
The Cost Of JavaScript in 2023
addyosmani
46
7.2k
GraphQLとの向き合い方2022年版
quramy
44
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
52k
Optimising Largest Contentful Paint
csswizardry
33
3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
19
2.4k
Become a Pro
speakerdeck
PRO
26
5.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Transcript
7VF'FTαΠτͷվળ EFWUPͦͯ͠Ѩ෦ͷϗʔϜϖʔδΛ͑Ζʂ ͍ͷ͏͑ͨ͘ʢ͓͍ͪΌΜʣ!JOPVFUBLVZB 7VFKT5PLZPWNFFVQ
స৬υϥϑτʢCZϦϒηϯεʣ ͍ͷ͏͓͍͑ͨͪ͘ΌΜ!JOPVFUBLVZB /VYUKT 7VFY 7VFKTެࣜυΩϡϝϯτͷ༁ऀɺϝϯςφ ൴ঁ͔Βɺ͓͍ͪΌΜͱݺΕ͍ͯ·͢
None
7VF'FTαΠτͷಛ wIUUQTWVFGFTKQ wϔουը૾ େখຕͷը૾ w੩తαΠτʢ/VYU(FOFSBUFʣ w/FUMJGZ
ࠓ͢͜ͱ
͢͜ͱ wඪͷཱͯํʢॏཁʣ wվળʢͲͷΑ͏ʹߟ͑ͯԿΛ͔ͬͨʣ wΛҡ࣋͢ΔΈͮ͘Γ
͞ͳ͍͜ͱ wվળͷৄࡉʢ࣮ʣ
ඪͷཱͯํ
Ϗδωεΰʔϧ͔Βߟ͑Δ
7VF'FTαΠτͷׂ w7VF'FTͱ͍͏ΠϕϯτΛͬͯΒ͏ʢप ʣ w7VF'FTʹߦ͖͍ͨͱࢥͬͯΒ͏ʢڵຯͷ שىɺಈػ͚ͮʣ w7VF'FTΛָ͠ΊΔใΛఏڙ͢Δ
7VF'FTαΠτͷվ ળ͕ͲͷΑ͏ʹܨ͕Δ͔ʁ
7VFKTͷ7VF'FTαΠτ ͕ߴͰշదʹݟΒΕΔ
7VFKTͷϒϥϯσΟϯά
7VFKTͻ͍ͯ7VF'FT ʹڵຯΛ࣋ͬͯΒ͑Δ
੩తαΠτͷվળͷࢦඪ
ʮͲͷࢦඪʯ͕ʮͲͷ͘Β͍ʯ ͚Εྑ͍͔ʁ
'JSTU.FBOJOHGVM1BJOU w IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODF VTFSDFOUSJDQFSGPSNBODFNFUSJDT 8FCϖʔδ͕Ϣʔβʔʹͱͬͯҙຯͷ͋ΔʢʹཱͭʣදࣔʹͳͬͨλΠϛϯά
Ͳͷ͘Β͍͚ΕΑ͍͔ʁ wϠίϒɾχʔϧηϯͷهࣄ wਓؒͷೝػೳͷ؍͔ΒʣҰ࿈ͷφϏήʔγϣϯ͕ؒ அͳ͘ਐΜͰ͍Δͱײ͡ΒΕΔݶքඵ w3"*-Ϟσϧ w3FTQPOTF "OJNBUJPO *EMF -PBEͷඪ w-PBEͷඪ
ϛϦඵ
ք۾Ͱʮ͜ͷαΠτ͍ʯͱ͞Ε͍ͯ ΔαΠτΛ͑Δ΄͏͕7VFKTͷϒϥ ϯσΟϯάʹܨ͕ΔͷͰʁ
Ͳͷ͘Β͍͚ΕΑ͍͔ʁ wEFWUPͷ'JSTU.FBOJOHGVM1BJOUʢҎԼ '.1ʣΛ͑Δʂ wѨ෦ͷϗʔϜϖʔδͷ'.1Λ͑Δʂ
ܭଌ߹ϞχλϦϯά wܭଌ༻ͷԾڥ wಉ݅͡Ͱ܁Γฦ͠ܭଌΛߦ͏ w8FC1BHFUFTU
EFWUP w'.1NT
Ѩ෦ͷϗʔϜϖʔδ w'.1NT
7VF'FTαΠτʢ#FGPSFʣ w'.1NT
վળ
͍·ɺͲ͜ͷվળΛͬ ͍ͯΔʁΛৗʹҙࣝ
ΫϦςΟΧϧϨϯμϦϯ άύεΛৗʹ೦಄ʹஔ͘
IUUQTTRMB[VSFKQSCPPL ʢຊʹࡌ͍ͬͯΔਤʣ
ຊʹޮՌ͕͋ͬͨͷ͔ #FGPSF"GUFSΛ ͻͱͭͣͭܭଌ
ҎԼɺಛʹޮՌ͕େ͖͔ͬ ͨͷΛհ͍ͯ͘͠
ը૾ͷ࠷దԽฤ
ը૾ܗࣜͷબ
ը૾ܗࣜͷಛൺֱ w IUUQTXXXIUNMSPDLTDPNFOUVUPSJBMTTQFFEJNH DPNQSFTTJPO
ը૾ܗࣜͷબ
ը૾ͷϦαΠζ
ը૾ͷϦαΠζ wෆඞཁʹେ͖ͳը૾Λϩʔυ͠ͳ͍Α͏ʹ͢ Δ wQQJʢQJYFMQFSJODIʣʹ߹Θͤͯ࠷దͳαΠ ζͷը૾Λϩʔυ͢Δ wTSDTFUଐੑ
TSDTFUଐੑ
ը૾ͷѹॖ
ը૾ͷѹॖϥΠϒϥϦ wNP[KQFHKQFHUBOKQFHPQUJN wQOHRVBOU wPQUJQOH wHJGTJDMF wTWHP
(6*πʔϧ w*NBHF0QUJN w෦Ͱ+1&(0QUJN0QUJ1/(ͳͲΛ͏ w+1&(NJOJͱൺֱͯ͠ߴ͍ѹॖɻॲཧ ͍ w*NBHF"MQIB
ίϚϯυϥΠϯπʔϧ wJNBHFNJO wJNBHFNJONP[KQFH wJNBHFNJOKQFHPQUJN wͳͲϓϥάΠϯͱ߹Θͤͯ͏
JNBHFNJO wOQNJOTUBMMJNBHFNJODMJ wOQNJOTUBMMJNBHFNJOQOHRVBOU wJNBHFNJOQMVHJOQOHRVBOUPVU EJSCBSGPP
ը૾ͷԆಡࠐ
ը૾ͷԆಡࠐ wWVFMB[ZMPBE wϑΝʔετϏϡʔʹೖΒͳ͍ը૾Ԇಡࠐ wϓϨʔεϗϧμը૾ΛͰ͖Δ͚ͩදࣔͤͨ͞ ͘ͳ͔ͬͨͷͰɺ7JFXQPSUΑΓQY Լʹདྷͨ࣌ͰಡࠐΛ։࢝
ը૾ͷԆಡࠐ wʮը૾͕7JFXQPSUΑΓQYԼʹདྷ ͨʯఆ*OUFSTFDUJPO0CTFSWFSͰ w·ͩ*&ͱ4BGBSJ͕ରԠ͍ͯ͠ͳ͍ͷͰ 1PMZpMM͕ඞཁ
8FCϑΥϯτฤ
"EPCF5ZQFLJU w$44͔ΒಡΈࠐΉͱʙNT΄ͲϨ ϯμϦϯάΛϒϩοΫͯ͠͠·͏ w+4ͰԆಡࠐͤ͞ΔΑ͏ʹͨ͠
1SFMPBE
)551 $%/
None
վળͷ݁Ռ
7VF'FTαΠτʢ"GUFSʣ w'.1NTNT w EFWUPNT Ѩ෦ͷϗʔϜϖʔδNTʢ͜ΕͲ͏ͬͨΒউͯΔΜͩʜ
Λҡ࣋͢Δ Έͮ͘Γ
ը૾ѹॖͷࣗಈԽ
(JU)PPLT wίϛοτ͢ΔલʹࣗಈͰը૾ѹॖ wIVTLZΛ͑όʔδϣϯཧͰ͖Δ
IVTLZઃఆྫ
None
ϞχλϦϯάͷڧԽ
ϞχλϦϯάͷڧԽ w8FC1BHFUFTUΛϗεςΟϯάͯ͠ɺఆظత ʹ࣮ߦ͢ΔͳͲ wʢ·͍ͩͬͯͳ͍͕ɺͬͯΈ͍ͨʣ
·ͱΊ wվળͷඪɺϏδωεΰʔϧ͔Βߟཱ͑ͯͯ Δ wΫϦςΟΧϧϨϯμϦϯάύεΛ೦಄ʹஔ͍ͯɺ͍ ·ɺͲ͜ͷվળΛ͍ͬͯΔͷ͔Λৗʹҙࣝ͢Δ wվળΛҰͬͯऴΘΓͰͳ͘ɺվળͨ͠ Λҡ࣋͢ΔΈॏཁ
None
None