今更JAMStackの話をする

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$*΍HJUIVC
    BDUJPOTͳͲͱ࿈ܞΛͯ͠ɺιʔείʔυ ͷมߋͱಉ࣌ʹ$*ͷϫʔΫϑϩʔ͕ελʔτ͢ΔΑ͏ʹ͢ Δ
    ˒ HJUIVCͰ͋Δ͜ͱ͕ଟ͍
    ˒ $*πʔϧͱ࿈ܞͰ͖Ε͹HJUIVC͡Όͳͯ͘΋ྑ͍͸ͣ

18. )FBEMFTT$.4

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

    Δ
    ˒ ࢲ΋2JJUBʹൺֱهࣄΛ͍͋͛ͯΔ
    
    IUUQTRJJUBDPNUP ZBOBHJJUFNTFCCFGDB
    

20. $*πʔϧ ϗεςΟϯάαʔϏε

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

    (JU)VC
    QBHFTͳͲͷϗεςΟϯάαʔϏεʹσϓϩΠͯ͠ ഑৴͢Δ

22. ੩తαΠτδΣωϨʔλʔ

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

    ˒ 44( 4UBUJD
    4JUF
    (FOFSBUPS ͱུ͞ΕΔࣄ͕ଟ͍

24. 44(ͱैདྷͷٕज़ͱͷҧ͍

25. ݪॳͷ੩తαΠτ

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

27. 41"

28. ˒ ୯ҰͷϖʔδͰίϯςϯπͷ੾Γସ͑Λߦ͏8FCϖʔδ
    ˒ ϢʔβʔͷΞΫηε΍ૢ࡞ΛτϦΨʔʹKBWBTDSJQUͳͲͷε ΫϦϓτݴޠͰϖʔδΛ૊Έ্͍͛ͯ͘
    ˒ ίϯϙωϯτࢦ޲΍TDPQFE
    DTTͳͲɺ։ൃऀʹͱͬͯͷମ ݧ΋ߴ͍
    ˒ ύϑΥʔϚϯε΍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 ࢀߟ