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
Nuxt.js とは何か / What is nuxtjs
Search
INOUE Takuya
March 16, 2017
Programming
7
10k
Nuxt.js とは何か / What is nuxtjs
Vue.js Tokyo v-meetup="#3" の発表資料
https://vuejs-meetup.connpass.com/event/48462/
INOUE Takuya
March 16, 2017
Tweet
Share
More Decks by INOUE Takuya
See All by INOUE Takuya
create-nuxt-app で選べる現代の UI フレームワーク / Modern UI Frameworks
inouetakuya
7
2.5k
カンファレンス主催 Casual Talks #1 オープニング / Conference Casual Talks 1 Opening
inouetakuya
0
760
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
inouetakuya
0
710
ウェブサイトの速度改善 / High Performance Website
inouetakuya
0
420
Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site
inouetakuya
9
7.4k
Vue Fes Japan 2018 ティザーサイトの裏側 / Inside Vue Fes Japan 2018
inouetakuya
4
2.9k
Nuxt.js でつくるアプリケーションの設計 / Architecture of nuxt application
inouetakuya
8
5k
Vue Fes Japan 2018 ティザーサイトの技術選定 / Vue Fes Japan 2018 site architecture
inouetakuya
1
350
いま Vue.js に現場の事例が求められている / stage of vuejs jp
inouetakuya
0
3.1k
Other Decks in Programming
See All in Programming
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
530
How to Break into Reading Open Source
kaspth
2
210
Prolog入門
qnighy
4
1k
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
650
Swiftコードバトル必勝法
toshi0383
0
170
あなたのアプリ、ログはでてますか?あるいはログをだしてますか? (Funabashi.dev用 軽量版)
uzulla
2
120
エラーレスポンス設計から考える、0→1開発におけるGraphQLへの向き合い方
bicstone
5
1.5k
意外とフォントが大事だった話 / Font Issues on Internationalization
fumi23
0
110
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
4
90k
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
470
全部見せます! クラシルリワードのSwiftTesting移行プロジェクト
uetyo
0
210
僕が思い描くTypeScriptの未来を勝手に先取りする
yukukotani
9
2.4k
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
459
32k
Gamification - CAS2011
davidbonilla
79
5k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
KATA
mclloyd
27
13k
The Straight Up "How To Draw Better" Workshop
denniskardys
230
130k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
5
480
Speed Design
sergeychernyshev
22
430
Designing with Data
zakiwarfel
98
5k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
How STYLIGHT went responsive
nonsquared
93
5.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
48k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Transcript
6OJWFSTBM7VFKT"QQMJDBUJPOT ͍ͷ͏͑ͨ͘ʢ͓͍ͪΌΜʣ(.0ϖύϘגࣜձࣾ 7VFKT5PLZPWNFFUVQlz /VYUKT
ϑϩϯτΤϯυΤϯδχΞ ͍ͷ͏͓͍͑ͨͪ͘ΌΜ!JOPVFUBLVZB 7VFKT "OHVMBS 3BJMT ൴ঁ͔Βɺ͓͍ͪΌΜͱݺΕ͍ͯ·͢
/VYUKTJTԿʁ
None
<OⓞLTU> )PXUPQSPOPVODF/VYU u*TTVFuOVYUOVYUKT IUUQTHJUIVCDPNOVYUOVYUKTJTTVFT
/VYUKTϢχόʔαϧͳ 7VFKTΞϓϦέʔγϣϯΛߏங ͢ΔͨΊͷϑϨʔϜϫʔΫͰ͢
Ϣχόʔαϧͳ7VFKT ΞϓϦέʔγϣϯͷྫ
WVFIBDLFSOFXT IUUQTWVFIOOPXTI
[vue-hackernews-2.0]$ tree -I node_modules ├── build │ ├── setup-dev-server.js │
├── vue-loader.config.js │ ├── webpack.base.config.js │ ├── webpack.client.config.js │ └── webpack.server.config.js ├── package.json ├── server.js ├── src ├── src │ ├── App.vue │ ├── app.js │ ├── client-entry.js │ ├── server-entry.js │ ├── components │ │ ├── Foo.vue
├── src │ ├── App.vue │ ├── app.js │ ├──
client-entry.js │ ├── server-entry.js │ ├── components │ │ ├── Foo.vue [vue-hackernews-2.0]$ tree -I node_modules ├── build │ ├── setup-dev-server.js │ ├── vue-loader.config.js │ ├── webpack.base.config.js │ ├── webpack.client.config.js │ └── webpack.server.config.js ├── package.json ├── server.js ├── src
ຊདྷΓ͔ͨͬͨ ͜ͱʁ
WVFʹूத͍ͨ͠
/VYUKTͷొ
None
%&.0
[nuxt-starter]$ tree -I node_modules ├── assets ├── components │ └──
Footer.vue ├── layouts │ ├── default.vue │ └── error.vue ├── nuxt.config.js ├── pages ├── pages │ ├── about.vue │ └── index.vue └── static └── favicon.ico
QBHFTJOEFYWVF QBHFTBCPVUWVFBCPVU
├── pages │ ├── about.vue │ └── index.vue └── static
└── favicon.ico [nuxt-starter]$ tree -I node_modules ├── assets ├── components │ └── Footer.vue ├── layouts │ ├── default.vue │ └── error.vue ├── nuxt.config.js ├── pages
Ϩʔϧʹ͓͚ͬͯɺ ಉ͜͡ͱΛΠΠײ͡ʹ /VYUKT͕ͬͯ͘ΕΔ
WVFʹूதͰ͖Δ
ຊͷΰʔϧ
ຊͷΰʔϧ /VYUKT͕ղܾ͢Δʹ͍ͭͯڞ༗͞ΕΔ͜ͱ /VYUKTͰͰ͖Δ͜ͱ͕ڞ༗͞ΕΔ͜ͱ ʮ/VYUKTΑͦ͞͏ʯʮͬͯΈ͍ͨʯͳͲ͕ɺ πΠʔτҎ্؍ଌ͞ΕΔ͜ͱ
/VYUKTͷओͳػೳ
/VYUKTͷओͳػೳ wαʔόʔαΠυϨϯμϦϯά wϧʔςΟϯάʢ7VF3PVUFSʣ w7VFYετΞʢඞਢͰͳ͍ʣ wඇಉظσʔλͷऔΓѻ͍ w)FBEཁૉͷཧʢ7VF.FUBʣ
/VYUKTͷओͳػೳ wͦͷଞ8FCQBDLͱΈ߹ΘͤͯΔΞϨίϨ wίʔυΛࣗಈతʹׂ͢Δ͜ͱ w&4&4ͷτϥϯεύΠϨʔγϣϯ w4"44 -&44 4UZMVTͳͲͷαϙʔτ w։ൃϞʔυʹ͓͚ΔϗοτϦϩʔσΟϯά
OVYUHFOFSBUF
WVFΛͬͨ ੩తϑΝΠϧδΣωϨʔλ
QBHFTJOEFYWVF QBHFTBCPVUWVF EJTUJOEFYIUNM EJTUBCPVUJOEFYIUNM
OVYUHFOFSBUFͷྫʢOVYUKTPSHʣ "1*͔ΒσʔλΛऔಘ ͯ͠ɺͦͷσʔλΛ༻ ͍ͯ੩తϑΝΠϧΛੜ ͢Δͷ༻్ʹద ͍ͯͦ͠͏
'"2
2όʔδϣϯ ͍ͭϦϦʔε༧ఆͰ͔͢ʁ
$PNJOHTPPO BCPVUXIFOJUDBOCFSFMFBTFE 5IBOLZPVu*TTVFuOVYUOVYUKT IUUQTHJUIVCDPNOVYUOVYUKTJTTVFT
2ެࣜυΩϡϝϯτͷ ຊޠ༁͋Γ·͔͢ʁ
༁͠ͱ͖·ͨ͠ <8*1>+BQBOFTFUSBOTMBUJPOCZJOPVFUBLVZBu1VMM3FRVFTUuOVYUEPDT IUUQTHJUIVCDPNOVYUEPDTQVMM
·ͱΊ
·ͱΊ wʹͳͬͯ443͕ඞཁͳέʔε͕͋Δ wϢχόʔαϧΞϓϦέʔγϣϯΛͭ͘Δͷ໘ͳ͜ ͱ͕ଟ͍ w/VYUKTͷϨʔϧʹΕɺ໘͔Βղ์͞Εͯɺ 7VFίϯϙʔωϯτͷ࡞ʹूதͰ͖Δ
·ͱΊ w/VYUKTʹ੩తϑΝΠϧੜػೳ͋Δ w(JUIVC1BHFTͳͲͷ੩తϑΝΠϧͷϗεςΟϯά αʔϏεར༻Ͱ͖Δ wόʔδϣϯ͕͏͙͢ϦϦʔε͞Εͦ͏ wެࣜυΩϡϝϯτͷຊޠ༁ۙϦϦʔε༧ఆ