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

by Serverless Operations

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

803,

Slide 5

Slide 5 text

0VS0QFO4PVSDF1SPEVDUT

Slide 6

Slide 6 text

1BSUOFS4IJQ

Slide 7

Slide 7 text

αʔόʔϨεͬͯͳʹʁ

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

ͳͥαʔόʔϨεʁ

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

ߏ੒ਤ

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

4IJGUFS"MHPMJB 4IJGUFS)FBEMFTTʹΠϯετʔϧ͞Ε͍ͯΔ814FBSDIXJUI"MHPMJBͷ "VUPDPNQMFUFػೳΛ༗ޮʹ͢ΔΛ࢖͏

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

·ͱΊ

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

serverless.co.jp