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.7k
カンファレンス主催 Casual Talks #1 オープニング / Conference Casual Talks 1 Opening
inouetakuya
0
810
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
inouetakuya
0
750
ウェブサイトの速度改善 / 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
兎に角、コードレビュー
mitohato14
0
160
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
230
Honoアップデート 2025年夏
yusukebe
1
890
LLMOpsのパフォーマンスを支える技術と現場で実践した改善
po3rin
8
1k
AHC051解法紹介
eijirou
0
640
オープンセミナー2025@広島LT技術ブログを続けるには
satoshi256kbyte
0
150
コンテキストエンジニアリング Cursor編
kinopeee
1
740
Portapad紹介プレゼンテーション
gotoumakakeru
1
130
AI OCR API on Lambdaを Datadogで可視化してみた
nealle
0
220
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
360
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
east_takumi
0
350
AIでLINEスタンプを作ってみた
eycjur
1
220
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Six Lessons from altMBA
skipperchong
28
4k
KATA
mclloyd
32
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
A designer walks into a library…
pauljervisheath
207
24k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
For a Future-Friendly Web
brad_frost
179
9.9k
Designing for humans not robots
tammielis
253
25k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
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ެࣜυΩϡϝϯτͷຊޠ༁ۙϦϦʔε༧ఆ