Nuxt3 Deeeeeeeeeeeeeeeeeeeeeploy

https://shima-tech-hub.connpass.com/ で発表した内容です

Transcript

1. /VYU
   %FFFFFFFFFFFFFFFFFFFFFQMPZ 4IJNB
   5FDI
   )VC
    
   BJQBDPNNBOEFS!ಹ೼
2. ࣗݾ঺հ w ΞΠύʔୂ௕ͱ͍͍·͢
   !BJQBDPNNBOEFS
   w ͏ͪͳʔΜͪΎͰ͢
   w $#DMPVEגࣜձࣾͰಇ͍͍ͯ·͢
   w ΞΠίϯ͸ϦʔδϣϯϑΥʔϜͰԭೄՆͷ͕ͨ͢Ͱ͢
   w ෺ྲྀۀքͰΠϊϕʔγϣϯىͨͯ͘͜͠೔ʑؤு͍ͬͯ·͢
   w ࠷ۙϦʔμʔ͔ΒϚωʔδϟʔʹͳͬͨ
   w ίʔυॻ࣌ؒ͘૿΍ͨͯ͘͠స৬͚ͨ͠Ͳ೥ͱϲ݄Ͱ௵͑ͯ਒͍͑ͯΔ
3. એ఻
4. /VYU͕͘Δͧ ɾ͙Β͍ɻਖ਼֬ͳ೔෇Ͱ͸ͳ͍Αɻͱͷ ͜ͱ
   ɾ·ͨ7VF
   
   7VFͷѱເ͕ʁʁʁˠσΟϨΫτϦߏ ଄ͷมߋ͕େ͖͍มߋͰɺͦͷଞ͸ࡉ͔͍఺ͷमਖ਼͙ Β͍ͳͷͰɺେৎ෉ʂʂʂʢʁʣ
   ɾۙ͜͜೥ͷ7VF͸໘ന͍ͷͰɺͥͻ࢖ͬͯ͘Εʂʂʂ
   ɾฐࣾ͸7VFͱ/VYUʹେม͓ੈ࿩ʹͳ͓ͬͯΓ·͢
5. એ఻ऴΘΓ
6. 7VFΛͱΓ·͘໘ന͍։ൃ΍ίϛϡχςΟ΍ πʔϧͨͪ w 7VF
   'FTɺWYYYʢUPLZP΍ΒPLJOBXB͕ೖΔʣ
   w 7BQPS
   .PEF
   ˠ
   ୤Ծ૝%0.ʹΑΔߴ଎Խ
   w 3VTUͷ೾
   ˠ
   #VJMEπʔϧߴ଎Խ
   w 7VF6TF
   ˠ
   $PNQPTJUJPO
   "1*पΓͷ։ൃͰ໎ͬͨΒ·ͣݟΔͱྑ͍
   w 6O+4
7. 7VFΛͱΓ·͘໘ന͍։ൃ΍ίϛϡχςΟ΍ πʔϧͨͪ w 7VF
   'FTɺWYYYʢUPLZP΍ΒPLJOBXB͕ೖΔʣ
   w 7BQPS
   .PEF
   ˠ
   ୤Ծ૝%0.ʹΑΔߴ଎Խ
   w 3VTUͷ೾
   ˠ
   #VJMEπʔϧߴ଎Խ
   w 7VF6TF
   ˠ
   $PNQPTJUJPO
   "1*पΓͷ։ൃͰ໎ͬͨΒ·ͣݟΔͱྑ͍
   w 6O+4
   ˠ
   ࠓ೔͸͜͜ʹؚ·ΕΔ/JUSPͷ࿩
8. 6O+4ͱ͸
9. 6O+4ͱ͸ w 6OMFBTI
   +BWB4DSJQUT
   1PUFOUJBMʢ+BWB4DSJQUͷϙςϯγϟϧΛղ͖์ͭʣ
   w ݩʑ͸ʮ6OJ fi FE
   +BWB4DSJQU
   5PPMTʢ౷߹+4
   5PPMTʣʯ
   w ྫ͑͹/VYUͷGFUDI͸ɺAPGFUDIAΛར༻͍ͯ͠Δ͕ɺ͜Ε͸VOKTPGFUDIͷͨΊɺଞ+4ϑϨʔϜϫʔΫ΍/VYUͰͳ ͯ͘΋ར༻Մೳ
   w 7VFɺ/VYUґଘͰ͸ͳ͘ɺଞϑϨʔϜϫʔΫ΍ϥΠϒϥϦͰ࢖ΘΕΔ͜ͱͰϝϯςφϯεੑΛߴ͍ͯ͘͘͠ˠ+4 ΤίγεςϜશମʹԸܙ͕ड͚ΒΕΔΑ͏ͳ࢓૊Έͮ͘ΓΛ໨ඪͱ͍ͯ͠Δ
   w !BOUGV͞Μͷൃද͕Α͔ͬͨ
   w IUUQTBOUGVNFQPTUTSPBETUPPTTTFUUIFPSZWVFGFTKBQBO
   w 7JUF΋7VF޲͚͕͍͔͍ͩͬͨͭ͠ΖΜͳϑϨʔϜϫʔΫͰ࢖ΘΕΔΑ͏ʹͳͬͨ
   w !ZLPJ[VNJ͞Μ͕·ͱΊͯ͘Ε͍ͯΔ͔ΒಡΜͰ͘Ε
   w IUUQT[FOOEFWZUSBSUJDMFTDDFECF
10. /JUSPͱ͸
11. /JUSPͱ͸ w ʮͳ͍ͱΖʯͱݺͼ·͢ʢʮʹͱΖʯͬͯݺΜͰͨʣ
    w શ؀ڥରԠͷ8FCαʔό
    w ͨͩɺ6O+4Ͱ͋Δ֤छπʔϧΛґଘɾ૊Έ߹ΘͤͯͰ͖͍ͯΔͷ ͰɺԿ͕/JUSPͳͷ͔Θ͔Βͳ͍
    w ෼͔ΓͮΒ͍ͷͰਤͰઆ໌͢Δ
12. ͜͏͍͏͜ͱ w I͸)551ϑϨʔϜϫʔΫ
    w )POPͱڝ૸͍ͯ͠Δ
    w IΛॳΊͱͨ͠ɺ8FCαʔόͱͯ͠
    ಈ࡞͢ΔͨΊʹඞཁͳػೳΛ
    6O+4Λ૊Έ߹Θ͍ͤͯΔ
    w ͓ͦΒ͘/JUSP͸ͦΕΒΛͲ͜Ͱ΋
    σϓϩΠͰ͖ΔΑ͏ʹͨ͠ͷ͕໨త
    w ਤ͸ࢀߟ·ͰͰɺ·ͩ·ͩґଘ͸͋ΔͷͰ
    ਤΛΈͯΈΔͱ໘ന͍
    w IUUQTVOKTJPCMPHJOUSPEVDJOHVOKTSFMBUJPOT
13. ͜͏͍͏͜ͱ w I͸)551ϑϨʔϜϫʔΫ
    w )POPͱڝ૸͍ͯ͠Δ
    w IΛॳΊͱͨ͠ɺ8FCαʔόͱͯ͠
    ಈ࡞͢ΔͨΊʹඞཁͳػೳΛ
    6O+4Λ૊Έ߹Θ͍ͤͯΔ
    w ͓ͦΒ͘/JUSP͸ͦΕΒΛͲ͜Ͱ΋
    σϓϩΠͰ͖ΔΑ͏ʹͨ͠ͷ͕໨త
    w ਤ͸ࢀߟ·ͰͰɺ·ͩ·ͩґଘ͸͋ΔͷͰ
    ਤΛΈͯΈΔͱ໘ന͍
    w IUUQTVOKTJPCMPHJOUSPEVDJOHVOKTSFMBUJPOT
14. ࠓ೔࿩͢͜ͱ
15. /VYU
    %FFFFFFFFFFFFFFFFFFFFFQMPZ
16. ʮFʯ͕ଟ͘ͳ͍ʁ w શ෦Ͱ͍ͭ͋͘Δʁ
17. ʮFʯ͕ଟ͘ͳ͍ʁ w શ෦Ͱ͍ͭ͋͘Δʁ
18. /JUSPͷυΩϡϝϯτΛΈΔ https://nitro.unjs.io/deploy
19. /JUSPͷυΩϡϝϯτΛΈΔ https://nitro.unjs.io/deploy
20. σϓϩΠͰ͖Δ؀ڥ͕Օॴʢʁʣαϙʔτ ͞Ε͍ͯΔʢ
    ݱࡏʣ w "MXBZTEBUB
    w "84
    -BNCEB
    w "84
    "NQMJGZ
    w "[VSF
    w $MFBWS
    w $MPVE fl BSF
    w %FOP
    %FQMPZ
    w %JHJUBM0DFBO
    w &EHJP
    w 'JSFCBTF w 'MJHIUDPOUSPM
    w (JU)VC
    1BHFT
    w )FSPLV
    w **4
    w ,PZFC
    w /FUMJGZ
    w 1MBUGPSNTI
    w 3FOEFSDPN
    w 4UPSN,JU
    w 7FSDFM
    w ;FBCVS
21. ஌͍ͬͯΔαʔϏεɾ஌Βͳ͍αʔϏε w "MXBZTEBUB
    w "84
    -BNCEB
    w "84
    "NQMJGZ
    w "[VSF
    w $MFBWS
    w $MPVE fl BSF
    w %FOP
    %FQMPZ
    w %JHJUBM0DFBO
    w &EHJP
    w 'JSFCBTF w 'MJHIUDPOUSPM
    w (JU)VC
    1BHFT
    w )FSPLV
    w **4
    w ,PZFC
    w /FUMJGZ
    w 1MBUGPSNTI
    w 3FOEFSDPN
    w 4UPSN,JU
    w 7FSDFM
    w ;FBCVS
22. ͍ͬͺ͍͋ΔͶ w "MXBZTEBUB
    w "84
    -BNCEB
    ˠ
    Θ͔Δ
    w "84
    "NQMJGZ
    ˠ
    Θ͔Δ
    w "[VSF
    ˠ
    ΄ʔ
    w $MFBS
    w $MPVE fl BSF
    ˠ
    Θ͔Δ
    w %FOP
    %FQMPZ
    ˠ
    ஌Βͳ͔͚ͬͨͲ%FOPͩ͠ɺΘ͔Δ
    w %JHJUBM0DFBO
    w &EHJP
    w 'JSFCBTF
    ˠ
    Θ͔ΔɻϓϩδΣΫτͰ࢖͍ͬͯΔ w 'MJHIUDPOUSPM
    w (JU)VC
    1BHFT
    ˠ
    ͓͔͚ۚͳ͍σϞͱ͔Αͦ͞͏
    w )FSPLV
    ˠ
    Θ͔Δ
    w **4
    ˠ
    Θ͔ɾɾɾ
    ʁʂʂʂ
    w ,PCF
    w /FUMJGZ
    ˠ
    Θ͔Δ
    w 1MBUGPSNTI
    w 3FOEFSDPN
    w 4UPSN,JU
    w 7FSDFM
    ˠ
    Θ͔Δ
    w ;FBCVS
23. ͦ͜·Ͱ΍Δʁʁʁ w "MXBZTEBUB
    w "84
    -BNCEB
    ˠ
    Θ͔Δ
    w "84
    "NQMJGZ
    ˠ
    Θ͔Δ
    w "[VSF
    ˠ
    ΄ʔ
    w $MFBS
    w $MPVE fl BSF
    ˠ
    Θ͔Δ
    w %FOP
    %FQMPZ
    ˠ
    ஌Βͳ͔͚ͬͨͲ%FOPͩ͠ɺΘ͔Δ
    w %JHJUBM0DFBO
    w &EHJP
    w 'JSFCBTF
    ˠ
    Θ͔ΔɻϓϩδΣΫτͰ࢖͍ͬͯΔ w 'MJHIUDPOUSPM
    w (JU)VC
    1BHFT
    ˠ
    ͓͔͚ۚͳ͍σϞͱ͔Αͦ͞͏
    w )FSPLV
    ˠ
    Θ͔Δ
    w **4
    ˠ
    Θ͔ɾɾɾ
    ʁʂʂʂ
    w ,PCF
    w /FUMJGZ
    ˠ
    Θ͔Δ
    w 1MBUGPSNTI
    w 3FOEFSDPN
    w 4UPSN,JU
    w 7FSDFM
    ˠ
    Θ͔Δ
    w ;FBCVS
24. ΋ͪΖΜ+BWB4DSJQUϥϯλΠϜ΋ෳ਺αϙʔτʂ w /PEFKT
    w #VO
    w %FOP
25. ͍ͬͺ͍αϙʔτ͍ͯ͠Δͷ͸Θ͔͚ͬͨͲɺ
    Ͳ͏΍ͬͯ࢖͏ͷʁ w ύλʔϯ͋Δ
    w ;FSP$PO fi H
    w ֤छαʔϏε͕ࣗಈݕ஌͢ΔͷͰखݩͰͷઃఆ͕͍Βͳ͍
    w ;FSP$PO fi HҎ֎͸εςοϓ
    w ύοέʔδϚωʔδϟʔΛ࢖ͬͯ/VYU͔/JUSPΛΠϯετʔϧ
    w OVYUDPO fi HUTɺOJUSPDPO fi HUTΛमਖ਼͢Δ
    w 1SFTFUΦϓγϣϯɺ·ͨ͸؀ڥม਺ͱڞʹσϓϩΠίϚϯυΛୟ͘ʂ
26. σϞ
27. খ࿩ w 'JSFCBTFɺ೥ʹ౓͙Β͍σϓϩΠͰ ͖ͳ͍ʢ͓ͦΒ͘ෆ۩߹ʣ͋Δ
    w ͍ΖΜͳϥΠϒϥϦͰ/JUSP࢖͍ͬͯ Δͷ΋͋Γɺࣗ෼͕ʮͳΜ͔มͩ ͧʁʯͱࢥͬͨ໼ઌʹ*TTVF͕͟Θ͟ Θ͢Δ
    w ୭͔͕ࢧԉͯ͘͠ΕΔɺ·ͨ͸ࣗ෼͕ ߩݙͰ͖ΔՄೳੑ͸ଟ͍ʹ͋ΔͷͰͥ ͻʂ https://github.com/nuxt/nuxt/issues/23496
28. ࡶײ • Nitro͸͍ΖΜͳUnJSͰߏ੒͞Ε͍ͯͯɺ͍ΖΜͳ؀ڥ΁σϓϩΠͰ͖Δ͍ ͍΋ͷͩͧ • ͪͳΈʹࠓ೥ϝδϟʔΞοϓσʔτ͢Δ৘ใ΋ΒͬͨͷͰɺ·͢·͢ྑ͘ ͳΔΜ͡Όͳ͔Ζ͏͔ͱظ଴͍ͯ͠Δ • https://github.com/unjs/community/discussions/4 • SSR΍ISR͸؀ڥ͝ͱʹαϙʔτ͍ͯ͠ͳ͍͕͋Δͱࢥ͏ͷͰɺཁ֬ೝ • UnJS͸͍͍ͧɺNuxt͸͍͍ͧɺVue͸͍͍ͧ
29. ͓ΘΓ