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.6k
カンファレンス主催 Casual Talks #1 オープニング / Conference Casual Talks 1 Opening
inouetakuya
0
800
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
inouetakuya
0
740
ウェブサイトの速度改善 / High Performance Website
inouetakuya
0
470
Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site
inouetakuya
9
7.6k
Vue Fes Japan 2018 ティザーサイトの裏側 / Inside Vue Fes Japan 2018
inouetakuya
4
2.9k
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
Other Decks in Programming
See All in Programming
OpenTelemetryで始めるベンダーフリーなobservability / Vendor-free observability starting with OpenTelemetry
seike460
PRO
0
160
Design Pressure
hynek
0
1.4k
Language Server と喋ろう – TSKaigi 2025
pizzacat83
2
640
Cloudflare Realtime と Workers でつくるサーバーレス WebRTC
nekoya3
0
220
What Spring Developers Should Know About Jakarta EE
ivargrimstad
1
570
事業KPIを基に価値の解像度を上げる
nealle
0
200
インターフェース設計のコツとツボ
togishima
2
470
rbs-traceを使ってWEARで型生成を試してみた After RubyKaigi 2025〜ZOZO、ファインディ、ピクシブ〜 / tried rbs-trace on WEAR
oyamakei
0
1k
❄️ tmux-nixの実装を通して学ぶNixOSモジュール
momeemt
1
120
eBPFを用いたAIネットワーク監視システム論文の実装 / eBPF Japan Meetup #4
yuukit
3
590
primeNumberでのRBS導入の現在 && RBS::Traceでinline RBSを拡充してみた
mnmandahalf
0
250
少数精鋭エンジニアがフルスタック力を磨く理由 -そしてAI時代へ-
rebase_engineering
0
130
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
523
40k
A better future with KSS
kneath
239
17k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.6k
Become a Pro
speakerdeck
PRO
28
5.4k
Navigating Team Friction
lara
186
15k
Code Review Best Practice
trishagee
68
18k
Side Projects
sachag
454
42k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
840
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.3k
Speed Design
sergeychernyshev
30
970
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ެࣜυΩϡϝϯτͷຊޠ༁ۙϦϦʔε༧ఆ