NuxtでのJAMstackな開発とポイント

Fb278d07d86fb8cc00b0f14bb5f66612?s=47 tameto
October 18, 2018

 NuxtでのJAMstackな開発とポイント

Fb278d07d86fb8cc00b0f14bb5f66612?s=128

tameto

October 18, 2018
Tweet

Transcript

  1. /VYUͰͷ+".TUBDLͳ։ൃͱϙΠϯτ /VYU.FFUVQ!$ZCFS"HFOUओ࠵ɿ4$065&3 <8&%>ҝ౻ΞΩϥ

  2. ࣭໰ φΫελʔͳօ͞Μɺ +".TUBDLͬͯݴ༿஌ͬͯ·͔͢ʁ

  3. ࣭໰ /VYUKTͰ+".TUBDLͳ։ൃ͕ɺ ΊͪΌͪ͘ΌָͳͷͰຊ೔͸/VYUͰͷ+".4UBDL ։ൃʹ͍ͭͯ͝঺հ͍͖ͯ͠·͢ʂ

  4. ໨࣍ ‣ ࣗݾ঺հ ‣ +".TUBDLͱ͸Կ͔ʁ ‣ +".TUBDLͱ͍͏༻ޠʹ͍ͭͯ ‣ /VYU͸+".TUBDLͱ૬ੑ͕ྑ͍ ‣

    +".TUBDLͷΤίγεςϜ ‣ +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ ‣ ϙΠϯτᶃɿϧʔςΟϯάͱ"1*ͰͷϑΝΠϧੜ੒ ‣ ϙΠϯτᶄɿ/FUMJGZͰͷQSFSFOEFSJOH
  5. ࣗݾ঺հ ‣ ॴଐ ‣ גࣜձࣾ30-0 ‣ 69ʴ։ൃΛத৺ʹडୗͰγεςϜ։ൃΛͭͭࣗࣾ͠αʔϏε։ൃɻ ‣ ࢓ࣄ಺༰ ‣

    ຊ৬͸"84େ޷͖ͳ1)1 -BSBWFM ͷόοΫΤϯυΤϯδχΞ ‣ αʔό 1)1PS(P ϑϩϯτ 3FBDU /FYU PS7VF /VYU ΞϓϦ ‣ ΞΧ΢ϯτ ‣ 5XJUUFSɿ!"LJSB5BNFUP ҝ౻ ΞΩϥ
  6. +".TUBDLͱ͸Կ͔ʁ ‣ +BWB4DSJQU "1*T .BSLVQͷུɻ ‣ αΠτࣗମ͸શͯ+BWB4DSJQUͷΈͰهड़͠ɺಈతίϯςϯπ͸ "1*Λ࢖༻͠ɺ.BSLVQʹؔͯ͠͸(BUTCZɺ/FUMJGZΛ࢖༻͠੩ తαΠτΛߏ੒͢ΔࣄΛࢦ͓ͯ͠Γɺ͜ΕΒͷ։ൃΞʔΩςΫ νϟΛ+".4UBDLͱ͍͍·͢ɻ

  7. +".TUBDLͱ͍͏༻ޠʹ͍ͭͯ ‣ /FUMJGZͷ૑ۀऀͰ͋Δɺ.BUUࢯ͕ఏএͨ͠༻ޠͰɺ͜ͷಈత͚ͩΕͲ΋੩ తͰఏڙ͢Δࣄ͕ग़དྷΔٕज़ΛԿͱݺͿ͔ߟ͑ͨ࣌ʹ࡞ΒΕͨΑ͏Ͱ͢ɻ ‣ ʮ4UBUJDʯͩͱੲͳ͕Βͷ)5.-αΠτ։ൃͱଊ͑ΒΕͯ͠·͏ҝɺ ʮ485 4UBUJD8FC5FDI ʯͱ࠷ॳ͸ݺ͹Ε͍ͯ·ͨ͠ɻ

  8. /VYU͸+".TUBDLͱ૬ੑ͕ྑ͍ σΟϨΫτϦߏ੒͕ϧʔϧԽ͞Ε͍ͯͯɺ੩తϑΝΠϧ΋ੜ੒ OQNSVOHFOFSBUF ग़དྷ Δ/VYU͸+".TUBDLͱͱͯ΋૬ੑ͕ྑ͍ɻ ར఺ͱͯ͠ҎԼͷ͕̎ͭͱͯ΋େ͖͍ɻ ‣ ᶃύϑΥʔϚϯε໘
 ࣄલʹϏϧυγεςϜɺੜ੒ͨ͠ϑΝΠϧΛ$%/ʹ௨ͯ͠ද͍ࣔͯ͠ΔͷͰϢʔ βʔʹշదͳମݧΛఏڙग़དྷΔɻ


    ‣ ᶄηΩϡϦςΟ໘
 "1*͔Βऔಘͨ͠σʔλΛ੩తϑΝΠϧͱͯ͠ੜ੒͍ͯ͠Δҝɺ੬ऑੑʹର͢ Δ߈ܸରॲ͕΄΅ແ͍ͱݴ͑Δɻ
  9. /VYU͸+".TUBDLͱ૬ੑ͕ྑ͍ /VYUͰαΠτΛެ։͢Δ্Ͱɺ ҎԼͷ̏ύλʔϯͷ΍Γํ͕ख๏͕ग़དྷ͍ͯ͘ɻ ɾ41" 4JOHMF1BHF"QQMJDBUJPOʣ ɾ443 4FSWFS4JEF3FOEFSJOH  ɾ+".TUBDL

  10. +".TUBDLͰͷΤίγεςϜ

  11. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿߏ੒ ʷ ʷ ࠓճ͸લճͷ/VYU.FFU6Qͷࡍʹ͝঺հͨ͠ɺ /VYU /FUMJGZ $POUFOUGVMͷߏ੒Ͱ+".TUBDLΛ঺հ͍͖ͯ͠·͢ɻ ։ൃͷϙΠϯτͱͯ͠͸ϧʔςΟϯάपΓɺQSFSFOEFSSJOHͷઆ໌ʹͳΓ ·͢ɻ

  12. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿߏ੒ ࢀߟهࣄɿIUUQTXXXQJYFMTPOMZDPNBSUJDMFTNJHSBUJOHNZTUBUJDTJUFUPUIFKBNTUBDL

  13. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ$POUFOUGVM $POUFOUGVMͰ$POUFOU.PEFMΛ࡞੒

  14. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ$POUFOUGVM هࣄσʔλΛ౤ߘ

  15. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ /VYUΛΠϯετʔϧ͠(JUʹQVTIɻ

  16. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ /FUMJGZͷΞΧ΢ϯτΛ࡞੒͠ɺର৅ͷ(JUΛઃఆ

  17. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ (JUͰQVTI͕ߦΘΕΔͱɺ/FUMJGZଆͰݕ஌͠%FQMPZΛ։࢝

  18. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ /FUMJGZͰ੩తϑΝΠϧͰͷ/VYUσϑΥϧτϖʔδ͕ެ։͞ΕΔɻ

  19. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ ϙΠϯτᶃϧʔςΟϯάͱ"1*ͰͷϑΝΠϧੜ੒ /VYUͷQBHFTσΟϨΫτϦʹͯϑΝΠϧΛఆ͍͖ٛͯ͠·͢ɻ

  20. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ QBHFTʹϑΝΠϧΛఆٛ͢ΔͱࣗಈతʹOVYUσΟϨΫτϦ಺Ͱ͸WVF SPVUFS͕ఆٛ͞Ε͍͖ͯ·͢ɻɹ˞OQNSVOEFWͷ࣌ʹੜ੒͞Ε·͢ɻ

  21. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ ࣮͸͜Ε͚ͩͩͱμϝͰɺ੩తϑΝΠϧΛHFOFSBUFͨ࣌͠ʹɺ࡞ΒΕΔϑΝΠϧ͸ CMPHJOEFYIUNMͷΈɻɹ˞ҰԠ+4Ͱ"1*Λऔಘ͍ͯ͠ΔͷͰهࣄҰཡ͸औΕΔ

  22. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ OVYUDPOpHKTʹHFOFSBUFΦϓγϣϯΛ௥Ճͯ͠ɺHFOFSBUF࣌ʹ $POUFOUGVMΑΓ"1*Λ࣮ߦͭͭ͠੩తϑΝΠϧ͕ੜ੒͢Δܗʹ͠·͢ɻ

  23. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ HFOFSBUF͕׬ྃ͢ΔͱҎԼͷΑ͏ʹCMPH഑Լʹσʔλ͕ੜ੒͞ΕΔ

  24. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶄ ϙΠϯτᶄ/FUMJGZͰͷQSFSFOEFSJOH /FUMJGZͰ͸جຊɺιʔείʔυमਖ਼͠ɺ(JUʹQVTI͢Ε͹ࣗಈతʹ%FQMPZ ͞Ε·͕͢͜Εͩͱهࣄ͕૿͑ͯ΋طʹ੩తϑΝΠϧ͸ੜ੒͞Ε͍ͯΔͷͰ දࣔ͞Ε·ͤΜɻ /FUMJGZͷQSFSFOEFSSJOHػೳΛ࢖͍ɺ$POUFOUGVMͷXFCIPPLΛొ࿥͢Δࣄ ʹΑΓهࣄొ࿥࣌ʹ/FUMJGZଆͰϏϧυ͕ߦΘΕͯ੩తϑΝϧ͕ੜ੒͞Ε·͢ɻ

  25. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶄ $POUFOUGVMͰXFCIPPLͷൃߦ

  26. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶄ /FUMJGZͰXFCIPPLͷొ࿥

  27. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶅ $POUFOUGVMͰهࣄͷ౤ߘ

  28. +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶅ /FUMJGZͰϏϧυ͞Εͯɺهࣄ͕ੜ੒͞Ε͍ͯΔࣄΛ֬ೝ

  29. /VYUϋϯζΦϯΠϕϯτͷએ఻ ຊ೔ΑΓืू։࢝͠·ͨ͠Πϕϯτͷ͝঺հͰ͢ɻ ʹ/VYU /FUMJGZ )FBEMFTT$.4Ͱ41"Λ࡞ΔϋϯζΦϯΛ։࠵͠·͢ʂࢲ΋ϝϯλʔͱ ͯ͠ࢀՃͯ͠ڭ͑·͢ͷͰ͚ٓ͠Ε͹ࢀՃ͍ͯͩ͘͠͞ ??

  30. ͍͋ͭ͞ օ͞Μ΋ੋඇ/VYUͰ+".TUBDLͳ8&#Λ։ൃͯ͠Έ͍ͯͩ͘͞ʂ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ