Nuxt.js とは何か / What is nuxtjs

Vue.js Tokyo v-meetup="#3" の発表資料
https://vuejs-meetup.connpass.com/event/48462/

Transcript

1. 6OJWFSTBM
   7VFKT
   "QQMJDBUJPOT ͍ͷ͏͑ͨ͘΍ʢ͓͍ͪΌΜʣ
   (.0
   ϖύϘגࣜձࣾ
   
   7VFKT
   5PLZP
   WNFFUVQlz /VYUKT
2. ϑϩϯτΤϯυΤϯδχΞ ͍ͷ͏͑ͨ͘΍
   
   ͓͍ͪΌΜ
   !JOPVFUBLVZB 7VFKT
   "OHVMBS
   3BJMT ൴ঁ͔Β͸ɺ͓͍ͪΌΜͱݺ͹Ε͍ͯ·͢
3. /VYUKT
   JT
   Կʁ
5. <OⓞLTU> )PX
   UP
   QSPOPVODF
   /VYU
   u
   *TTVF
   
   u
   OVYUOVYUKT
   IUUQTHJUIVCDPNOVYUOVYUKTJTTVFT
6. /VYUKT
   ͸Ϣχόʔαϧͳ
   7VFKT
   ΞϓϦέʔγϣϯΛߏங ͢ΔͨΊͷϑϨʔϜϫʔΫͰ͢
7. Ϣχόʔαϧͳ
   7VFKT
   ΞϓϦέʔγϣϯͷྫ
8. WVFIBDLFSOFXT IUUQTWVFIOOPXTI
9. [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

10. ├── 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

11. ຊདྷ΍Γ͔ͨͬͨ
    ͜ͱ͸ʁ
12. 
    WVF
    ʹूத͍ͨ͠
13. /VYUKT
    ͷొ৔
15. %&.0
16. [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
17. QBHFTJOEFYWVF
    
    
    QBHFTBCPVUWVF
    
    BCPVU
18. ├── 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
19. Ϩʔϧʹ৐͓͚ͬͯ͹ɺ ಉ͜͡ͱΛΠΠײ͡ʹ
    /VYUKT
    ͕΍ͬͯ͘ΕΔ
20. 
    WVF
    ʹूதͰ͖Δ
21. ຊ೔ͷΰʔϧ
22. ຊ೔ͷΰʔϧ /VYUKT
    ͕ղܾ͢Δ໰୊ʹ͍ͭͯڞ༗͞ΕΔ͜ͱ
    /VYUKT
    ͰͰ͖Δ͜ͱ͕ڞ༗͞ΕΔ͜ͱ
    ʮ/VYUKT
    Αͦ͞͏ʯʮ࢖ͬͯΈ͍ͨʯͳͲ͕ɺ πΠʔτҎ্؍ଌ͞ΕΔ͜ͱ
23. /VYUKT
    ͷओͳػೳ
24. /VYUKT
    ͷओͳػೳ wαʔόʔαΠυϨϯμϦϯά
    wϧʔςΟϯάʢ7VF3PVUFSʣ
    w7VFY
    ετΞʢඞਢͰ͸ͳ͍ʣ
    wඇಉظσʔλͷऔΓѻ͍
    w)FBE
    ཁૉͷ؅ཧʢ7VF.FUBʣ
25. /VYUKT
    ͷओͳػೳ wͦͷଞ
    8FCQBDL
    ͱ૊Έ߹Θͤͯ΍ΔΞϨίϨ
    wίʔυΛࣗಈతʹ෼ׂ͢Δ͜ͱ
    w&4&4
    ͷτϥϯεύΠϨʔγϣϯ
    w4"44
    -&44
    4UZMVT
    ͳͲͷαϙʔτ
    w։ൃϞʔυʹ͓͚ΔϗοτϦϩʔσΟϯά
26. OVYU
    HFOFSBUF
27. WVF
    Λ࢖ͬͨ
    ੩తϑΝΠϧδΣωϨʔλ
28. QBHFTJOEFYWVF
    QBHFTBCPVUWVF
    EJTUJOEFYIUNM
    EJTUBCPVUJOEFYIUNM
29. OVYU
    HFOFSBUF
    ͷྫʢOVYUKTPSHʣ "1*
    ͔ΒσʔλΛऔಘ ͯ͠ɺͦͷσʔλΛ༻ ͍ͯ੩తϑΝΠϧΛੜ ੒͢Δ౳ͷ༻్ʹ͸ద ͍ͯͦ͠͏
30. '"2
31. 2
    όʔδϣϯ
    
    ͸
    ͍ͭϦϦʔε༧ఆͰ͔͢ʁ
32. $PNJOH
    TPPO 
    BCPVU
    XIFO
    JU
    DBO
    CF
    SFMFBTFE
    5IBOL
    ZPV
    u
    *TTVF
    
    u
    OVYUOVYUKT
    IUUQTHJUIVCDPNOVYUOVYUKTJTTVFT
33. 2
    ެࣜυΩϡϝϯτͷ
    ೔ຊޠ༁͸͋Γ·͔͢ʁ
34. ຋༁͠ͱ͖·ͨ͠ <8*1>
    +BQBOFTF
    USBOTMBUJPO
    CZ
    JOPVFUBLVZB
    u
    1VMM
    3FRVFTU
    
    u
    OVYUEPDT
    IUUQTHJUIVCDPNOVYUEPDTQVMM
35. ·ͱΊ
36. ·ͱΊ w೥ʹͳͬͯ΋
    443
    ͕ඞཁͳέʔε͕͋Δ
    wϢχόʔαϧΞϓϦέʔγϣϯΛͭ͘Δͷ͸໘౗ͳ͜ ͱ͕ଟ͍
    
    w/VYUKT
    ͷϨʔϧʹ৐Ε͹ɺ໘౗͔Βղ์͞Εͯɺ 7VF
    ίϯϙʔωϯτͷ࡞੒ʹूதͰ͖Δ
37. ·ͱΊ w/VYUKT
    ʹ͸੩తϑΝΠϧੜ੒ػೳ΋͋Δ
    w(JUIVC
    1BHFT
    ͳͲͷ੩తϑΝΠϧͷϗεςΟϯά αʔϏε΋ར༻Ͱ͖Δ
    wόʔδϣϯ
    
    ͕΋͏͙͢ϦϦʔε͞Εͦ͏
    wެࣜυΩϡϝϯτͷ೔ຊޠ༁΋ۙ೔ϦϦʔε༧ఆ