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
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
Hack Claude Code with Claude Code
choplin
7
2.6k
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
1
7.3k
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
9.6k
20250708_JAWS_opscdk
takuyay0ne
2
130
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
13k
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
3
580
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
320
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.5k
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
16
2.9k
階層化自動テストで開発に機動力を
ickx
0
140
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
140
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
2
210
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Rails Girls Zürich Keynote
gr2m
95
14k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Side Projects
sachag
455
42k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
340
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
It's Worth the Effort
3n
185
28k
Git: the NoSQL Database
bkeepers
PRO
430
65k
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ެࣜυΩϡϝϯτͷຊޠ༁ۙϦϦʔε༧ఆ