今更JAMStackの話をする

Transcript

1. 1.

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

2. 2.

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

   https://laughcraft.dev/ ZBOBHJ
3. 3.

   ΞδΣϯμ

4. 4.

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

5. 5.

   +".4UBDLͬͯͳʹʁ

6. 6.

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

7. 7.

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

   ͍Δ͜ͱ ҎԼͷ఺Λ཈͍͑ͯΕ͹+".4UBDLͱݴ͑Δ
8. 8.

   +".4UBDLͰ͸ͳ͍ߏ੒ྫ

9. 9.

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

10. 10.

    +".4UBDL͕໨ࢦ͢΋ͷ

11. 11.

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

    ˒ ॠ࣌ͷΩϟογϡແޮԽ ϕετϓϥΫςΟε
12. 12.

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

    ͭ·Γʜ
13. 13.

    ࠷ऴతͳग़ྗΠϝʔδ http://abehiroshi.la.coocan.jp/

14. 14.

    +".4UBDLͷߏ੒ཁૉ

15. 15.

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

16. 16.

    ϦϙδτϦ

17. 17.

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

18. 18.

    )FBEMFTT$.4

19. 19.

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

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

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

21. 21.

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

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

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

23. 23.

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

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

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

25. 25.

    ݪॳͷ੩తαΠτ

26. 26.

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

27. 27.

    41"

28. 28.

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

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

    443

30. 30.

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

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

    ͦ͜Ͱ44(Ͱ͢Α

32. 32.

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

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

    ·ͱΊ

34. 34.

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

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

    ͓ΘΓ

36. 36.

    ˒ IUUQTKBNTUBDLPSH
    ˒ IUUQTXXXTUBUJDHFODPN
    ˒ IUUQTIFBEMFTTDNTPSH
    ˒ IUUQTRJJUBDPNOPSJLJUFNTFFDGEECE
    ˒ IUUQTNJDSPDNTJPCMPHXIBUJTKBNTUBDL
    

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