Shifter HeadlessとSaaSを組み合わせた サーバーレスECサイトの構築/shifter-serverless-ec

Transcript

1. 4FSWFSMFTT
   0QFSBUJPOT
   ງՈོ޺ Shifter HeadlessͱSaaSΛ૊Έ߹Θͤͨ αʔόʔϨεECαΠτͷߏங

2. ࣗݾ঺հ גࣜձࣾServerless Operations CEO ΦʔϓϯιʔεLover αʔόʔϨεϛʔτΞοϓOrganizer

3. αʔόʔϨεͰ
   Ϋϥ΢υͷՁ஋Λ࠷େݶʹ Serverless Operations ͸͜Ε·ͰάϩʔόϧͷୈҰઢͰ ഓ͖ͬͯͨΫϥ΢υٕज़ʢ"84
   ʵ
   ΞϚκϯ΢ΣϒαʔϏεʣͷ ๛෋ͳ࣮੷ͱ஌ݟΛ׆͔͠ɺ͓٬͞·ͷαʔόʔϨε ʹؔ͢Δ͞·͟·ͳ՝୊Λղܾ͠·͢ɻ ձࣾ঺հ serverless.co.jp

4. 803,

5. 0VS
   0QFO4PVSDF
   1SPEVDUT

6. 1BSUOFS
   4IJQ

7. αʔόʔϨεͬͯͳʹʁ

8. αʔόʔϨεͱ͸ ग़དྷΔݶΓΫϥ΢υ΍4BB4ͷαʔϏεΛ׆༻ͯ͠ϓϩμΫτΛ։ൃ͢Δ͜ͱ ʮαʔόʔʯΛग़དྷΔݶΓ࢖Θͳ͍ͱ͍͏จ຺͔ΒαʔόʔϨεͱݺ͹ΕΔ "84
   -BNCEBͱ͍͏ϓϩάϥϜͷϥϯλΠϜͷΈΛఏڙ͢ΔαʔϏε͕༗໊

9. ͳͥαʔόʔϨεʁ

10. ࣮૷ऀͷϦιʔεΛຊ࣭ʹϑΥʔΧε͢ΔͨΊ ྫ͑͹ήʔϜιϑτΛ։ൃ͢Δ࣌ʹϑΥʔΧε͍ͨ͠ͷ͸ήʔϜͷγφϦΦͷϓϩάϥ ϜɻͦΕҎ֎ͷ։ൃ΍ӡ༻͸Ͱ͖ΔݶΓΫϥ΢υʹΞ΢τιʔε ։ൃऀͷϦιʔεΛຊ࣭తͳ͜ͱʹूதͯ͠ɺͦΕҎ֎ͷίετ͸ग़དྷΔݶΓ࡟ݮ͢Δ ΠϯϑϥɺೝূೝՄɺܾࡁγεςϜɺϝʔϧ഑৴ͳͲͷߏங΍ӡ༻͸͠ͳ͍ɻ
    Ϋϥ΢υ΍4BB4ͷαʔϏεΛͰ͖Δ͚ͩར༻͢Δ͜ͱͰຊ࣭ʹूத͢Δ

11. ֤ػೳͷ඼࣭͕ੈք࠷ߴϨϕϧ ೝূɺݕࡧɺ঎඼ൢചɺܾࡁͳͲͷ֤छػೳ͕͓ۚΛ෷͏͚ͩͰ
    ੈք࠷ߴਫ४ͷϨϕϧͷ΋ͷ͕࢖͑Δ ࣗલͰ

12. ίετͷ࡟ݮ ΞΫηε͕গͳ͍͏ͪ͸ѹ౗తʹίετ͕͍҆
    ͭ·Γখ͘͞ॳΊͯେ͖͘εέʔϧ͠΍͍͢ ࣮ߦ͞Εͨ࣌ؒʹରͯ͠՝ۚ͞ΕΔ࢓૊ΈʹΑΓɺ
    ࣮֬ʹίετ͸࠷దԽ͞ΕΔɻΠϯϑϥͷো֐͸Ϋϥ΢υͷதʹ͍Δ௒༏लͳ
    ਓୡʹ೚ͤΔ͜ͱͰΠϯγσϯτίετ΋ൃੜͤ͞ͳ͍ ΞΫηε૿͑ͨͱ͖΋Ϋϥ΢υ΍4BB4ଆͰࣗಈͰεέʔϧͯ͘͠ΕΔͷͰɺ
    ΠϯϑϥΛ૿ڧ͢Δ౒ྗΛϢʔβଆͰߦ͏ඞཁ͕ͳ͍

13. ͭ·Γ ΞʔΩςΫνϟϨϕϧͰ͸ߴ඼࣭͔ͭίετΛ࠷దԽͨ͠ ঢ়ଶͰɺϓϩμΫτͷຊ࣭తͳ։ൃʹϦιʔεΛूத͢Δ ͨΊʹαʔόʔϨεͳαʔϏεΛ׆༻ͯ͠࡞Δબ୒Λ͢Δ

14. ECαΠτΛαʔόʔϨεͳߏ੒Ͱ ࡞ͬͯΈΔ

15. αʔόʔϨε&$Ͱ࢖͏αʔϏε &ίϚʔεʹ͸4IPQJGZΛ࢖͍͍ͨ ͓஌ΒͤͳͲͷࠂ஌ʹ͸4IJGUFS
    )FBEMFTT 8PSE1SFTT Λ࢖͍͍ͨ ͜ΕΒΛԣஅݕࡧ͢ΔͨΊʹ"MHPMJBΛ࢖͍͍ͨ ೝূʹ͸"VUIΛ࢖͍͍ͨ

16. ߏ੒ਤ

17. ͜ͷߏ੒ͷ՝୊ ։ൃऀͷК͕গͳ͍͜ͱʹΑΔσϝϦοτ͸΍͸Γ͋Δ
    ӡ༻໘ɺҾ͖ܧ͗ɺੑೳΛ׆͔ͨ͢ΊͷεΩϧηοτΛͲ͏͚ͭΔ͔ͳͲ "MHPMJBͰͷݕࡧΠϯσοΫεʹ4IJGUFS্ͷ
    χϡʔεهࣄͷ৘ใͱ4IPQJGZ্ͷ঎඼৘ใΛ
    ৗʹಉظ͓ͤͯ͘͞ඞཁ͕͋Δ
    

18. ͜ͷߏ੒ͷ՝୊ ։ൃऀͷК͕গͳ͍͜ͱʹΑΔσϝϦοτ͸΍͸Γ͋Δ
    ӡ༻໘ɺҾ͖ܧ͗ɺੑೳΛ׆͔ͨ͢ΊͷεΩϧηοτΛͲ͏͚ͭΔ͔ͳͲ ೝূͷ࣮૷Λ֤αʔϏε͝ͱʹߦ͏ඞཁ͕͋Δ
    ΠϯςάϨʔγϣϯํ๏͕શ෦ҧ͏ͷͰେม

19. ͜ͷߏ੒ͷ՝୊ ։ൃऀͷК͕গͳ͍͜ͱʹΑΔσϝϦοτ͸΍͸Γ͋Δ
    ӡ༻໘ɺҾ͖ܧ͗ɺੑೳΛ׆͔ͨ͢ΊͷεΩϧηοτΛͲ͏͚ͭΔ͔ͳͲ ֤αʔϏε͝ͱͷ"1*ͷ࢓༷ʹ߹Θͤͯ
    ϑϩϯτΤϯυͱσʔλͷ΍ΓऔΓΛ
    ΍Βͳ͍ͱ͍͚ͳ͍൥ࡶ͞
    αʔϏε͝ͱͷ(SBQI2-ରԠՄ൱ͳͲ
    

20. Algolia΁ͷݕࡧΠϯσοΫεͷಉظ

21. 4IPQJGZ
    
    "MHPMJB TIPQJGZͷ8FCϑοΫΛ࢖ͬͯ঎඼ͷ௥Ճɾߋ৽ɾ࡟আͷλΠϛϯάͰ"MHPMJBଆͷର৅σʔ λ΋௥Ճɾߋ৽ɾ࡟আΛߦ͏ ঎඼௥Ճ 8FCIPPL ΠϯσοΫε ʹ঎඼௥Ճ "1* -BNCEB

22. 4IJGUFS
    
    "MHPMJB 4IJGUFS
    )FBEMFTTʹΠϯετʔϧ͞Ε͍ͯΔ81
    4FBSDI
    XJUI
    "MHPMJBͷ
    "VUPDPNQMFUFػೳΛ༗ޮʹ͢ΔΛ࢖͏
    

23. AWS AppSyncΛ࢖ͬͯ ΠϯςάϨʔγϣϯͷͮ͠Β͞Λղܾ͢Δ

24. AppSync "QQ4ZOD (SBQI2-ͷόοΫΤϯυΛఏڙ͢ΔϑϧϚ ωʔδυαʔϏε ༷ʑͳ"1*΍%#ͱ઀ଓͯ͠ɺσʔλΛ (SBQI2-εΩʔϚͱϚοϐϯάͤ͞Δ ਺ඦສ୆ͷσόΠεͱͷؒͷϦΞϧλΠϜ αϒεΫϦϓγϣϯ΋ɺΞϓϦσʔλ΁ͷ ΦϑϥΠϯΞΫηε΋Մೳ

25. "QQ4ZODΛ࢖ͬͨ৔߹ͷߏ੒ਤ

26. ঎඼ҰཡΛऔಘ͢ΔεΩʔϚ ঎඼σʔλͷ
    εΩʔϚఆٛ MJTU1SPEVDUTʹͯ঎඼ ҰཡΛऔಘ͢Δ

27. MJTU1SPEVDUTͷσʔλιʔεʹ-BNCEBؔ਺Λࢦఆ ঎඼ҰཡΛ࣮ࡍʹऔಘͯ͘͠ΔॲཧΛ
    -BNCEBؔ਺Ͱߦ͏ͨΊͷઃఆ

28. ঎඼ҰཡΛऔಘ͢Διʔείʔυ 4IPQJGZͷ"1*ʹΞΫηεͯ͠
    ঎඼ͷҰཡΛऔಘ

29. ঎඼ҰཡΛऔಘ(SBQI2-ΫΤϦͱͦͷ݁Ռ

30. "MHPMJBͰͷݕࡧ ݕࡧ݁Ռͷ
    εΩʔϚఆٛ TFBSDIΫΤϦʹͯݕࡧ ݁ՌΛऔಘ͢Δ

31. TFBSDIͷσʔλιʔεʹ-BNCEBؔ਺Λࢦఆ ݕࡧΫΤϦ͔Β"MJHPMJBͰͷݕࡧ݁ՌΛऔಘ ͢ΔॲཧΛ-BNCEBؔ਺Ͱߦ͏ͨΊͷઃఆ

32. ݕࡧ݁ՌΛऔಘ͢Διʔείʔυ "MHPMJBͷ"1*ʹΞΫηεͯ͠
    ݕࡧ݁ՌΛऔಘ

33. ݕࡧΛߦ͏(SBQI2-ΫΤϦͱͦͷ݁Ռ

34. &$αΠτΛαʔόʔϨεͳߏ੒Ͱ࡞ΔϝϦοτ ঎඼఺਺΍ΞΫηε͕૿େͨ࣌͠ʹͪΌΜͱࡹ͚ΔʢεέʔϥϏϦςΟͷ୲อʣ ݸਓ৘ใ΍ΫϨδοτΧʔυ৘ใΛ؅ཧ͢Δ্Ͱͷ࠷௿ݶͷηΩϡϦςΟͷ֬อ
    ͕σϑΥϧτͷঢ়ଶͰ࣮ݱͰ͖Δ ϒϩά͸4IJGUFSɺ঎඼ചΔͷ͸4IPQJGZɺͦΕΒΛ"MHPMJBͰԣஅݕࡧͱ͍͏Α͏ʹ
    ಘҙͳྖҬΛͦΕͧΕʹ೚ͤΔ͜ͱ͕ग़དྷΔ ΤϯλʔϓϥΠζͳྖҬͰඞཁͳ͜ͱ͸ຬͨ͢͜ͱ͕ग़དྷΔ

35. &$αΠτΛαʔόʔϨεͳߏ੒Ͱ࡞ΔσϝϦοτ ֶशίετ͕ߴ͍ɻ֤छαʔϏεͷಛੑ΍ػೳΛ೺Ѳͯ͠ΞʔΩςΫνϟΛઃܭ͢Δ ඞཁ͕͋Δ͕ɺ·ͩ·ͩੈͷதʹ͜ΕΒΛҰఆҎ্ͷεΩϧΛ࣋ͬͯग़དྷΔਓ΍ձࣾ ͕ѹ౗తʹগͳ͍
    ։ൃऀͷК͕গͳ͍͜ͱʹΑΔσϝϦοτ͸΍͸Γ͋Δ
    ӡ༻໘ɺҾ͖ܧ͗ɺੑೳΛ׆͔ͨ͢ΊͷεΩϧηοτΛͲ͏͚ͭΔ͔ͳͲ

36. ·ͱΊ

37. ·ͱΊ αΫοͱখن໛ͳ&$Λ্ཱ͍ͪ͛ͨͱݴ͏ΑΓ͸ɺ͋Δఔ౓ͷ঎඼఺਺΍ΞΫηε਺ ͕ݟࠐ·ΕΔΤϯλʔϓϥΠζͳن໛޲͚ʹͳΔ
    ։ൃऀͷК͕গͳ͍͜ͱʹΑΔσϝϦοτ͸΍͸Γ͋Δ
    ӡ༻໘ɺҾ͖ܧ͗ɺੑೳΛ׆͔ͨ͢ΊͷεΩϧηοτΛͲ͏͚ͭΔ͔ͳͲ ࠷ॳʹ࡞Δʹ͸ઃܭͳͲͷ޻਺΍ֶशίετͳͲ͸͔͔ΔʹͤΑɻ
    ηΩϡϦςΟϨϕϧ΍ΞΫηε૿Ճʹର͢ΔεέʔϥϏϦςΟɺӡ༻ʹ͔͔Δίετ ͷ໘Ͱ͸͔ͳΓߴ඼࣭ʹͳΔ
    ࠷ॳ࡞Δͷ͸গ͠େม͚ͩͲɺޙ͔Βӡ༻΍
    εέʔϧͷ໘Ͱָ͕ग़དྷΔͷ͕αʔόʔϨε&$ͷັྗ

38. serverless.co.jp