Pro Yearly is on sale from $80 to $50! »

今更JAMStackの話をする

8c0e6f3f2159e16dd30355dbaca38ad3?s=47 to4-yanagi
February 08, 2020

 今更JAMStackの話をする

8c0e6f3f2159e16dd30355dbaca38ad3?s=128

to4-yanagi

February 08, 2020
Tweet

Transcript

  1. ࠓߋ+".4UBDLͷ࿩Λ͢Δ

  2. ˒ ϑϦʔϥϯεΤϯδχΞ ˒ ϑϩϯτدΓ͚ͩͲ৭ʑ΍Δਓ ˒ ࠷ۙ͸+".4UBDLབྷΈͷهࣄͱ͔Α͘ॻ͘ ˒ ͓΋͠Ζ͍͜ͱΛ͍ͨ͠ !UP@ZBOBHJ ࣗݾ঺հ

    https://laughcraft.dev/ ZBOBHJ
  3. ΞδΣϯμ

  4. ˒ +".4UBDLͬͯͳʹʁ ˒ +".4UBDLͷߏ੒ཁૉ ˒ 44(ͱैདྷͷٕज़ͷҧ͍ ˒ ·ͱΊ

  5. +".4UBDLͬͯͳʹʁ

  6. ˒ ೥͝Ζʹ/FUSJGZͷ૑ઃऀ.BUU#JJMNBOOࢯ͕ఏএͨ͠ ඪޠ ˒ +BWB4DSJQU "1*T .BSLVQͷ಄จࣈΛऔͬͨ΋ͷ ˒ ެࣜαΠτIUUQTKBNTUBDLPSHʢ࿨༁ʣ

  7. ˒ +BWBTDSJQUΫϥΠΞϯταΠυͷΈͰॲཧ͞ΕಈతʹϦΫ ΤετͱϨεϙϯεͷαΠΫϧΛ؅ཧ͍ͯ͠Δ͜ͱ ˒ "1*TશͯͷαʔόʔαΠυͷϓϩηε·ͨ͸σʔλϕʔ εૢ࡞͸࠶ར༻Մೳͳ"1*ʹΑͬͯந৅Խ͞Εɺ+BWB4DSJQU ʹΑͬͯ)551ܦ༝Ͱૢ࡞͞ΕΔ͜ͱ ˒ .BSLVQϚʔΫΞοϓ͕ςϯϓϨʔτԽ͞ΕɺσϓϩΠ࣌ ʹ੩తαΠτͷੜ੒πʔϧ΍ʹΑͬͯࣄલʹϏϧυ͞Εͯ

    ͍Δ͜ͱ ҎԼͷ఺Λ཈͍͑ͯΕ͹+".4UBDLͱݴ͑Δ
  8. +".4UBDLͰ͸ͳ͍ߏ੒ྫ

  9. ˒ 8PSE1SFTT΍%SVQBMͱ͍ͬͨαʔόʔαΠυ$.4ʹΑͬͯ ߏங͞ΕͨαΠτ ˒ 3VCZ΍/PEFͱ͍ͬͨαʔόʔαΠυݴޠͰ࡞ΒΕͨϞϊ ϦγοΫͳ8FCΞϓϦ ˒ 41"ͷதͰ΋ॳظϩʔυ࣌ʹ443ʢαʔόʔαΠυϨϯμ ϦϯάʣΛ͍ͯ͠Δ8FCΞϓϦ →αʔόʔαΠυͰςϯϓϨʔτΛಈతʹߏஙͯ͠͸͍͚ͳ͍

  10. +".4UBDL͕໨ࢦ͢΋ͷ

  11. ˒ ϓϩδΣΫτશମΛ$%/ʹࡌͤΔ ˒ શͯ͸(JU্Ͱಈ͘ ˒ ϞμϯͳϏϧυπʔϧΛ࢖͏ ˒ ࣗಈϏϧυ͢Δ ˒ ΞτϛοΫͳσϓϩΠ

    ˒ ॠ࣌ͷΩϟογϡແޮԽ ϕετϓϥΫςΟε
  12. ˒ ࣄલʹίϯςϯπΛؚΜͩ੩తͳ)5.-ΛϏϧυ͓͚ͯ͠ ͹ɺຊ൪Ͱ͸഑৴͢Δ͚ͩͰ͍͍Μ͡ΌΜʁͱ͍͏Ξϓ ϩʔν ˒ ੩తϑΝΠϧͷΈͷ഑৴ͳͷͰɺηΩϡϦςΟͷ໘Ͱ΋ύ ϑΥʔϚϯεͷ໘Ͱ΋Ըܙ͕͋Δ ˒ ࠷ऴతͳग़ྗ͕੩తϑΝΠϧͰ͋Δ͚ͩͳͷͰɺϞμϯͳ 41"ٕज़ͷԸܙ΋ड͚ΒΕΔ

    ͭ·Γʜ
  13. ࠷ऴతͳग़ྗΠϝʔδ http://abehiroshi.la.coocan.jp/

  14. +".4UBDLͷߏ੒ཁૉ

  15. )FBEMFTT$.4 $*πʔϧϗεςΟϯάαʔϏε ϦϙδτϦ ੩తαΠτδΣωϨʔλʔ ίϯςϯπߋ৽ ιʔείʔυมߋ ϏϧυσϓϩΠ

  16. ϦϙδτϦ

  17. ˒ 8FCϖʔδ͕ऩΊΒΕͨ৔ॴ ˒ DJSDMF$*΍HJUIVCBDUJPOTͳͲͱ࿈ܞΛͯ͠ɺιʔείʔυ ͷมߋͱಉ࣌ʹ$*ͷϫʔΫϑϩʔ͕ελʔτ͢ΔΑ͏ʹ͢ Δ ˒ HJUIVCͰ͋Δ͜ͱ͕ଟ͍ ˒ $*πʔϧͱ࿈ܞͰ͖Ε͹HJUIVC͡Όͳͯ͘΋ྑ͍͸ͣ

  18. )FBEMFTT$.4

  19. ˒ $.4ͷ͏ͪɺ7*&8ΛఏڙͤͣɺσʔλΛ"1*ͱͯ͠ఏڙ ͢ΔαʔϏε ˒ $POUFOUGVMͳͲ͕༗໊͕ͩɺݱࡏ͸༷ʑͳαʔϏε͕ଘࡏ ͢Δ IUUQTIFBEMFTTDNTPSH  ˒ XPSEQSFTT΋ϓϥάΠϯʹΑͬͯIFBEMFTTԽ͢Δ͜ͱ͕Ͱ͖

    Δ ˒ ࢲ΋2JJUBʹൺֱهࣄΛ͍͋͛ͯΔ IUUQTRJJUBDPNUP ZBOBHJJUFNTFCCFGDB
  20. $*πʔϧ ϗεςΟϯάαʔϏε

  21. ˒ ϏϧυͱσϓϩΠΛ࢘Δ ˒ $.4ͷσʔλߋ৽΍ιʔείʔυͷมߋΛܖػʹϏϧυΛ ࣮ߦ͢Δ ˒ Ϗϧυޙͷ੩తϑΝΠϧΛOFUMJGZ IFSPLV pSFCBTF 

    (JU)VCQBHFTͳͲͷϗεςΟϯάαʔϏεʹσϓϩΠͯ͠ ഑৴͢Δ
  22. ੩తαΠτδΣωϨʔλʔ

  23. ˒ +".4UBDLͷ֩ͱͳΔߏ੒ཁૉ ˒ SFBDU΍WVFͳͲͰॻ͔ΕͨιʔείʔυΛϏϧυͯ͠ɺ੩ తͳIUNMϑΝΠϧͱͯ͠ు͖ग़͢ ˒ ༷ʑͳछྨͷ੩తαΠτδΣωϨʔλʔ͕ଘࡏɺ࢖༻͢Δ ݴޠͳͲʹΑΓબఆ͢Δ IUUQTXXXTUBUJDHFODPN 

    ˒ 44( 4UBUJD4JUF(FOFSBUPS ͱུ͞ΕΔࣄ͕ଟ͍
  24. 44(ͱैདྷͷٕज़ͱͷҧ͍

  25. ݪॳͷ੩తαΠτ

  26. ˒ )5.-ͱ$44ͷΈͰߏ੒͞ΕΔ ˒ Կ౓ΞΫηεͯ͠΋ಉ͡΋ͷ͕දࣔ͞ΕΔ ˒ ೥୅ࠒͷ΢ΣϒαΠτ͸΄ͱΜͲ͜Ε ˒ Ѩ෦׮΋͜Ε ˒ +".4UBDL͸͜͜ʹؐΓ͕͍ͨͬͯΔ

  27. 41"

  28. ˒ ୯ҰͷϖʔδͰίϯςϯπͷ੾Γସ͑Λߦ͏8FCϖʔδ ˒ ϢʔβʔͷΞΫηε΍ૢ࡞ΛτϦΨʔʹKBWBTDSJQUͳͲͷε ΫϦϓτݴޠͰϖʔδΛ૊Έ্͍͛ͯ͘ ˒ ίϯϙωϯτࢦ޲΍TDPQFEDTTͳͲɺ։ൃऀʹͱͬͯͷମ ݧ΋ߴ͍ ˒ ύϑΥʔϚϯε΍4&0ͷ؍఺Ͱ໰୊͕͋ΔʢίϯςϯπΛ

    ಈతʹ૊Έ্͛ΔͨΊɺݕࡧΤϯδϯͷΫϩʔϧ࣌ʹ͸ί ϯςϯπ͕ͳ͔ͬͨΓ͢Δʣ
  29. 443

  30. ˒ ϦΫΤετ࣌ʹαʔόʔଆͰ)5.-Λ૊ΈཱͯͯϨεϙϯ εͱͯ͠ฦ͢ ˒ 41"ͷऑ఺Ͱ͋Δ4&0ͷ໰୊ͳͲΛղফՄೳ ˒ OPEFKT΍TQSJOHCPPUͳͲͰ࣮૷͕Մೳ ˒ ౰વͷ͜ͱͳ͕Βαʔόʔ͕ඞཁ ˒

    αʔόʔαΠυͷॲཧͱΫϥΠΞϯταΠυͷॲཧΛҙࣝ ͯ͠ग़͠෼͚Δඞཁ͕͋Δ
  31. ͦ͜Ͱ44(Ͱ͢Α

  32. ˒ ༧Ί੩తαΠτΛϏϧυ͓͖ͯ͠ɺϦΫΤετΛड͚ͨ࣌ ʹ͸ͨͩ੩తαΠτΛ഑৴͢ΔͷΈ ˒ 41"ͷऑ఺Ͱ͋Δ4&0ͷ໰୊ͳͲΛղফՄೳ ˒ ੩తαΠτΛ഑৴͢Δ͚ͩͳͷͰ443ΑΓ΋ര଎ ˒ αʔόʔαΠυ͕ෆཁʹͳΔ ˒

    ߋ৽ස౓͕ߴ͔ͬͨΓɺϢʔβʔͷૢ࡞ʹԠͯ͡ಈతʹί ϯςϯπΛग़ྗ͢Δػձ͕ଟ͍৔߹͸͋·Γ޲͔ͳ͍
  33. ·ͱΊ

  34. ˒ +".4UBDL͸Ϟμϯϑϩϯτٕज़ʹΑΔߴ͍։ൃମݧͷԸ ܙΛड͚ͳ͕Βɺര଎͔ͭ҆શͳαΠτΛߏங͢ΔࣄΛ໨ ࢦ͍ͯ͠Δ ˒ +".4UBDL 44( ͷߟ͑ํΛ࠾༻͢Δ͔ɺैདྷͷ41"΍443 ͷߟ͑ํΛ࠾༻͢Δ͔͸ίϯςϯπͷߋ৽ස౓ͳͲɺαʔ ϏεͷಛੑΛΑ͘ߟ͑ͯݕ౼͢Δ

    ˒ 44(͕ྑ͍͔443͕ྑ͍͔ͱ͍͏఺ʹ͍ͭͯ͸ɺҎԼͷε ϥΠυ͕ࢀߟʹͳΔ IUUQTTQFBLFSEFDLDPNNPUUPYTTSPSTTH TMJEF
  35. ͓ΘΓ

  36. ˒ IUUQTKBNTUBDLPSH ˒ IUUQTXXXTUBUJDHFODPN ˒ IUUQTIFBEMFTTDNTPSH ˒ IUUQTRJJUBDPNOPSJLJUFNTFFDGEECE ˒ IUUQTNJDSPDNTJPCMPHXIBUJTKBNTUBDL

    ˒ IUUQTNPUUPYDPNQPTUT ˒ IUUQTTQFBLFSEFDLDPNNPUUPYTTSPSTTH ˒ IUUQTRJJUBDPNUPZBOBHJJUFNTFCCFGDB ˒ IUUQTRJJUBDPN,,,FJTVLFJUFNTD⒎BCG ˒ IUUQTRJJUBDPNDIFF[JUFNTDCBFCG ࢀߟ