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
810
カンファレンス主催 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
GoのGenericsによるslice操作との付き合い方
syumai
3
680
[初登壇@jAZUG]アプリ開発者が気になるGoogleCloud/Azure+wasm/wasi
asaringo
0
130
Cline指示通りに動かない? AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
kamomeashizawa
1
560
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
3
480
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
1
370
Benchmark
sysong
0
230
Julia という言語について (FP in Julia « SIDE: F ») for 関数型まつり2025
antimon2
3
970
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
yimajo
2
210
XSLTで作るBrainfuck処理系
makki_d
0
210
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
1
200
技術同人誌をMCP Serverにしてみた
74th
0
150
レガシーシステムの機能調査・開発におけるAI利活用
takuya_ohtonari
0
610
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
34k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
790
The Pragmatic Product Professional
lauravandoore
35
6.7k
Code Review Best Practice
trishagee
68
18k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Gamification - CAS2011
davidbonilla
81
5.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Thoughts on Productivity
jonyablonski
69
4.7k
Code Reviewing Like a Champion
maltzj
524
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ެࣜυΩϡϝϯτͷຊޠ༁ۙϦϦʔε༧ఆ