今更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 ࢀߟ