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 ティザーサイトの裏側 / Inside Vue Fes ...
Search
INOUE Takuya
April 25, 2018
Programming
4
2.9k
Vue Fes Japan 2018 ティザーサイトの裏側 / Inside Vue Fes Japan 2018
eureka Meetup #9 Pairs フロントエンドの裏側の発表資料です
https://eure.connpass.com/event/83314/
INOUE Takuya
April 25, 2018
Tweet
Share
More Decks by INOUE Takuya
See All by INOUE Takuya
create-nuxt-app で選べる現代の UI フレームワーク / Modern UI Frameworks
inouetakuya
7
2.7k
カンファレンス主催 Casual Talks #1 オープニング / Conference Casual Talks 1 Opening
inouetakuya
0
820
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
inouetakuya
0
750
ウェブサイトの速度改善 / High Performance Website
inouetakuya
0
480
Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site
inouetakuya
9
7.7k
Nuxt.js でつくるアプリケーションの設計 / Architecture of nuxt application
inouetakuya
8
5.2k
Vue Fes Japan 2018 ティザーサイトの技術選定 / Vue Fes Japan 2018 site architecture
inouetakuya
1
360
いま Vue.js に現場の事例が求められている / stage of vuejs jp
inouetakuya
0
3.2k
お仕事で Nuxt.js を使うか検討した話 / decision about whether to use nuxtjs
inouetakuya
8
18k
Other Decks in Programming
See All in Programming
Introduce Hono CLI
yusukebe
6
3.1k
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
2
380
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
2.5k
Reactive Thinking with Signals and the Resource API
manfredsteyer
PRO
0
110
Claude Agent SDK を使ってみよう
hyshu
0
1.4k
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
3
980
なぜGoのジェネリクスはこの形なのか? - Featherweight Goが明かす設計の核心
qualiarts
0
260
Pythonに漸進的に型をつける
nealle
1
130
One Enishi After Another
snoozer05
PRO
0
160
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
260
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
900
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
masahiro_nishimi
4
16k
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
How to train your dragon (web standard)
notwaldorf
97
6.3k
Become a Pro
speakerdeck
PRO
29
5.6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Optimizing for Happiness
mojombo
379
70k
Transcript
7VF'FT+BQBOͷཪଆ ͍ͷ͏͑ͨ͘ʢ͓͍ͪΌΜʣ!JOPVFUBLVZB FVSFLB.FFUVQ
None
స৬υϥϑτʢCZϦϒηϯεʣ ͍ͷ͏͓͍͑ͨͪ͘ΌΜ!JOPVFUBLVZB /VYUKT 7VFY 7VFKTެࣜυΩϡϝϯτͷ༁ऀɺϝϯςφ ൴ঁ͔Βɺ͓͍ͪΌΜͱݺΕ͍ͯ·͢
ٕज़બఆ
ςΟβʔαΠτͷཁ݅
ςΟβʔαΠτͷཁ݅ wΠϕϯτΛߦ͏͜ͱٴͼΠϕϯτͷ༰Λ͑ ΒΕΔ͜ͱ wࢀՃرऀͷϝʔϧΞυϨεΛొͰ͖Δ͜ͱ
ͯ͞ɺԿΛ͓͏͔ʁ
ͯ͞ɺԿΛ͓͏͔ʁ wϓϨʔϯͳ)5.- $44 +BWB4DSJQU w8PSE1SFTT w੩తαΠτδΣωϨʔλʔ
੩తαΠτδΣωϨʔλʔ w+FLZMM 3VCZ .JEEMFNBO 3VCZ w)VHP (P w)FYP
/PEFKT w4UBUJD(FOʹݸҎ্ฒΜͰ͍Δʜ
ཁ݅Λ͏গ͠ཧ wͪΖΜ࠷ॳαΫοͱ࡞Γ͍ͨʢ։ൃॳʣ wࠓޙ͍Ζ͍Ζͳίϯςϯπ͕Ճ͞ΕΔ wίϯϙʔωϯτΛ࠶ར༻Ͱ͖ΔΑ͏ʹ͍ͨ͠ wίϯϙʔωϯτ୯ҐͰʢ$44ͳͲΛʣดͯ͡ɺ ϝϯςφϯε͍ͨ͘͢͠͠
ͦΕͬͯ7VFKTͷಘ ҙͳͷͰʁ
ͦΕͬͯ7VFKTͷಘҙͳͷͰʁ wίϯϙʔωϯτࢦ w4DPQFE$44 w3FBDUΑΓγϯϓϧͳهड़ w/VYUKTͷग़൪
None
/VYUKTͱ w7VFKTͷΤίγεςϜΛΠΠײ͡ʹΈ߹Θͤͯ͘ ΕΔϑϨʔϜϫʔΫ w7VFKT WVFSPVUFS 7VFY WVFNFUB 8FCQBDLͳ ͲͷΈ߹ΘͤΛͬͯ͘ΕΔ w443
w੩తϑΝΠϧδΣωϨʔτػೳಛͷͻͱͭ
ٕज़બఆ·ͱΊ
ٕज़બఆ·ͱΊ w੩తαΠτ wͪΐͬͱϑΥʔϜ͕͋Δ wͪΐͬͱ"1*ͱ௨৴͕͋Δ wαΫοͱͭ͘Γ͍͚ͨͲɺϝϯςφϒϧʹ͍ͨ͠ wͦ͏͍͏ཁ݅ͷͱ͖ʹ/VYUKTͷ੩తϑΝΠϧδΣωϨʔ τػೳɺͪΐ͏Ͳ͍͍
7VF1SFTT
7VF1SFTT w੩తαΠτδΣωϨʔλʔ w&WBO:PV͕ͭͬͨ͘ʢ͍ͭͬͯ͘Δʣ w/VYUKTͱڝ߹͢ΔͷͰͳ͍ wٕज़υΩϡϝϯτ࡞ʹϑΥʔΧε w.BSLEPXOʹதʹ7VFΛຒΊࠐΉͳͲ
࣮
σΟϨΫτϦߏ
σΟϨΫτϦߏ wIUUQTKBOVYUKTPSHHVJEFEJSFDUPSZTUSVDUVSF wBTTFUT wDPNQPOFOUT wMBZPVUT wQBHFT wTUBUJD wTUPSF w͢Β͍͠ɻ͜Ε͕7VFKTΞϓϦέʔγϣϯͷඪ४ʹͳͬͯ΄͍͠
TSDσΟϨΫτϦ
TSDσΟϨΫτϦ wOVYUDPNNVOJUZTUBSUFSUFNQMBUFͰϧʔ τσΟϨΫτϦʹDPNQPOFOUTͳͲΛฒ Δ wUFTUEJTU͋Δ͍DPOpHͳͲͱࠞͬ͟ ͔ͯΓʹ͘͘ͳΔҹ
TSDσΟϨΫτϦ wWVFKTUFNQMBUFT wGBDFCPPLDSFBUFSFBDUBQQ wBOHVMBSBOHVMBSDMJ w3VCZPO3BJMT
TSDσΟϨΫτϦ
$44
$44 wίϯϙʔωϯτͰด͍ͨ͡ͷ wΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞ͷ
ίϯϙʔωϯτͰด͍ͨ͡ͷ
ΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞ͷ wάϩʔόϧʹద༻͍ͨ͠$44 wλΠϙάϥϑΟͳͲ w֤ίϯϙʔωϯτʹಡΈࠐ·ͤΔ w4$44ͷมͳͲ
ΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞ͷ
7VFίϯϙʔωϯτ
7VFίϯϙʔωϯτ wಠཱͯ͠ػೳΛఏڙ͢Δͷ wجఈίϯϙʔωϯτ wΞϓϦέʔγϣϯݻ༗ͷελΠϧϧʔϧΛ ద༻͢Δͷ
ಠཱͯ͠ػೳΛఏڙ͢Δͷ
ಠཱͯ͠ػೳΛఏڙ͢Δίϯϙʔωϯτͷྫ
ಠཱͯ͠ػೳΛఏڙ͢Δίϯϙʔωϯτྫ
Ϣʔεέʔε
࣮
جఈίϯϙʔωϯτ
جఈίϯϙʔωϯτ wΞϓϦέʔγϣϯݻ༗ͷελΠϧϧʔϧΛద ༻͢Δͷ wϨΠΞτ w$BSE
جఈίϯϙʔωϯτͷྫ IUUQFMFNFOUFMFNFJP
جఈίϯϙʔωϯτͷྫ
Ϣʔεέʔε w֤ཁૉΛͦΕͧΕίϯϙʔωϯτͱͯ͠͏ w֤ཁૉΛ໊લ͖TMPUͰ͏
֤ཁૉΛίϯϙʔωϯτͱͯ͠͏
֤ཁૉΛ໊લ͖TMPUͰ͏
֤ཁૉΛ໊લ͖TMPUͰ͏
࣮
༨നͷઃܭ
୭͕༨നʹΛ͖͔࣋ͭ
IUUQCSBEGSPTUDPNCMPHQPTUBUPNJDXFCEFTJHO
*OTFUύλʔϯ ʢͷਤʣIUUQTXXXTMJEFTIBSFOFUNBOBCVZBTVEBTT
ςετ
WVFUFTUVUJMT
ϗεςΟϯά
None
ࢀߟʹͨ͠ͷ
"XFTPNF/VYU w0⒏DJBM&YBNQMFT w)BDLFSOFXTͳͲ w1SPKFDUT6TJOH/VYUKT
6*ϑϨʔϜϫʔΫ w&MFNFOU w7VFUJGZ wJ7JFX wWVFNBUFSJBM wCPPUTUSBQWVF
8FC$PNQPOFOUT
ελΠϧΨΠυ wελΠϧΨΠυ wIUUQTKQWVFKTPSHWTUZMFHVJEFJOEFYIUNM w7VFKTίϯϙʔωϯτελΠϧΨΠυ wIUUQTHJUIVCDPNQBCMPIQTJMWBWVFKT DPNQPOFOUTUZMFHVJEFCMPCNBTUFS 3&"%.&+1NE
None