Auth0とクラウドサービスを組み合わせて作るメディアコマースの開発事例/auth0-media-commerce

Transcript

1. 4FSWFSMFTT0QFSBUJPOTງՈོ޺
   Auth0ͱΫϥ΢υαʔϏεΛ૊Έ߹Θͤͯ
   ࡞ΔϝσΟΞίϚʔεͷ։ൃࣄྫ
   

   View Slide

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

   View Slide

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

   View Slide

4. 803,
   

   View Slide

5. 4BB40441SPEVDUT
   

   View Slide

6. ຊ೔ͷςʔϚ
   Ϋϥ΢υ্ͰͲͷ༷ʹαʔυύʔςΟͷ*%BB4Λ࿈ܞͤͯ͞
   ࣮૷͢Δͷ͔ɺ"VUIͰͷ࣮ྫΛަ͑ͯͦͷߟ͑ํ΍ॏཁͳ
   ϙΠϯτΛ͓ಧ͚͠·͢
   

   View Slide

7. ΞδΣϯμ
   *%BB4Λ࠾༻͢Δ͜ͱͷҙຯͱϝϦοτ
   "VUIͷ঺հ
   "84"QQ4ZODͱ"VUIʹΑΔ࣮૷ྫ
   &ίϚʔε50,*0/ʹ͓͚Δ"VUI"844IPQJGZͷ࣮૷ྫ
   

   View Slide

8. IDaaSΛ࠾༻͢Δ͜ͱͷ
   ҙຯͱϝϦοτ
   

   View Slide

9. ҰੲલͷϢʔβσʔλͷऔΓѻ͍
   ΞϓϦέʔγϣϯͰ࢖͏σʔλϕʔεʹ௚઀ొ࿥Λͯ͠$36%ૢ࡞
   

   View Slide

10. ͜ͷ࢓૊Έͷ໰୊఺
    ηΩϡϦςΟରࡦʹ͔͔Δίετ
    Ϣʔβʔ؅ཧʹ͔͔Δίετ
    ֤छɺݸਓ৘ใΛѻ͏ͨΊͷඪ४ن֨΁ͷ४ڌ
    Ұੲલ͸རศੑؚΊͯ͜ΕΒΛ୲อͯ͘͠ΕΔ*%BB4͕
    બ୒ࢶͱͯ͠ඇৗʹগͳ͔ͬͨ
    

    View Slide

11. ͦΕΒΛղܾ͢Δࡢࠓͷ*%BB4
    ଟ͘ͷ*%BB4੡඼͕ੜ·ΕɺηΩϡϦςΟ΍རศੑɺӡ༻ίετΛߟ͑ͨ࣌ʹ
    ͜ΕΒΛ࠾༻͠ͳ͍ཧ༝͸ͳ͘ͳͬͨ
    

    View Slide

12. 4".-͋Γ͖ͷੈք
    ࣾ಺ͷΞΧ΢ϯτΛ*%BB4ͰҰݩ؅ཧɺ
    ֤छ4BB4΁͸4".-ͰϩάΠϯ
    

    View Slide

13. ΞϓϦ։ൃͰ΋ඞͣ*%BB4Λ࠾༻
    ࣗ࡞ʹΑΒͳ͍0*%$΍0"VUIʹΑΔ
    ೝূೝՄͷ࣮૷
    

    View Slide

14. *%BB4Λ࠾༻͢Δ͜ͱͷҙຯͱϝϦοτ
    ৘ใηΩϡϦςΟʹ͓͚Δ*%ͷҰݩ؅ཧɺ4".-ʹΑΔ4BB4࿈ܞ
    ࣗ࡞Ͱ͸೉͍͠0*%$΍0"VUIͷۀքඪ४ϓϩτίϧʹΑΔೝূೝՄ
    Λ༰қʹ૊ΈࠐΊΔ
    ηΩϡϦςΟΛ୲อ͢ΔͨΊʹརศੑ͕ଛͳΘΕΔ͜ͱ͸ͳ͍
    *%BB4Λ࠾༻͢Δ͜ͱʹΑΔσϝϦοτ͸
    ଘࡏ͠ͳ͘ͳ͍ͬͯΔ
    

    View Slide

15. Auth0ͱ͸
    

    View Slide

16. Auth0
    ೝূೝՄͷ4BB4ϓϥοτϑΥʔϜ
    ϊϯίʔσΟϯάͰ440΍ιʔγϟϧϩά
    ΠϯɺύεϫʔυϨεɺଟཁૉೝূͳͲ
    ༷ʑͳػೳΛಋೖՄೳ
    *40 *40 (%13ͳͲݸਓ৘ใ
    ͷن֨ʹඪ४ରԠ
    "VUIͱ͸
    

    View Slide

17. ݸਓతʹศརͩͱࢥ͏ϙΠϯτ
    ιʔγϟϧϩάΠϯͷಋೖ͕Ұॠɻ(6*Ͱઃఆ͢Δ͚ͩ
    "VUIͷίϯιʔϧ͔Βઃఆ͢Δ͚ͩ
    

    View Slide

18. ݸਓతʹศརͩͱࢥ͏ϙΠϯτ
    "VUPNBUJD.JHSBUJPOػೳʹΑΓγεςϜແఀࢭͰ"VUIʹҠߦͰ͖Δ
    ϢʔβσʔλͷϚΠάϨʔγϣϯϑϩʔ چ%#ʹΞΫηε͢Δ"VUI্ͷίʔυ
    

    View Slide

19. ݸਓతʹศརͩͱࢥ͏ϙΠϯτ
    $*$%؀ڥ௨ͯ͠ຊ൪ςφϯτʹ҆શʹઃఆΛ൓өग़དྷΔ
    :".-Ͱઃఆ஋ͷ؅ཧ $*πʔϧͰͷσϓϩΠ
    

    View Slide

20. "VUIΛ࠾༻͢ΔϙΠϯτ
    ೝূೝՄͷͨΊʹඞཁͳػೳ͕΄΅ίʔυΛॻ͔ͣʹಋೖՄೳͳͨ
    ΊɺΤϯδχΞ͕ͦΕΛ࣮૷͢ΔͨΊͷ࣌ؒΛେ෯ʹ࡟ݮͰ͖Δ
    ೝূೝՄͷͨΊʹඞཁͳηΩϡϦςΟରࡦ΋σϑΥϧτͰ࣮૷͞Εͯ
    ͍ΔͨΊ҆৺
    4%,΍αϯϓϧίʔυɺϑΥʔϥϜͳͲ͕ଘࡏ͓ͯ͠Γɺඇৗʹ։ൃऀ
    ʹͱͬͯ͸࣮૷͕΍Γ΍ָ͍͘͢͠
    

    View Slide

21. ECίϚʔεTOKIONʹ͓͚Δ
    Auth0 + AWS + Shopifyͷ࣮૷ྫ
    

    View Slide

22. 50,*0/
    IUUQTUPLJPOKQ
    

    View Slide

23. ߏ੒
    ϝσΟΞαΠτΛ"84্ʹ8PSE1SFTTͰߏஙɻ
    &$ଆΛ4IPQJGZͰߏஙɻ
    ͦΕΒͷೝূج൫ͱͯ͠"VUIΛಋೖɻ
    

    View Slide

24. ೝূͷϑϩʔ
    

    View Slide

25. ϩάΠϯػೳ͸8PSE1SFTTʹ࣋ͨͤΔ
    "VUIͱ௚઀ೝূ͢Δͷ͸8PSE1SFTTͷΈ
    &$ଆ͔ΒͷϩάΠϯ΋Ұ౓ϝσΟΞʹඈ͹
    ͯ͠ɺϩάΠϯޙʹ&$ʹϦμΠϨΫτ
    4ϗεςΟϯάͱ4IPQJGZͱ8PSE1SFTTؒͰ
    ϩάΠϯɾϩάΞ΢τͷঢ়ଶΛҾ͖ܧ͙࣮૷͕
    ඞཁʹͳΔ
    

    View Slide

26. "VUIͷ8PSE1SFTTϓϥάΠϯ
    "VUI͔Βఏڙ͞Ε͍ͯΔ8PSE1SFTT
    ༻ͷϓϥάΠϯ
    XQMPHJOQIQʹΞΫηε͢Δͱ"VUIͷ
    ϩάΠϯը໘Λ্ཱͪ͛ͯ͘ΕΔ
    ػೳతʹ͸ඞཁͳ΋ͷ͸Ұ௨Γଗ͍ͬͯΔ
    ΧελϚΠζੑ΋͔ͳΓߴ͍ͷͰɺ
    ຊ൪Ͱશવ࢖͑Δ
    

    View Slide

27. 8PSE1SFTTͱ4IPQJGZؒͷϩάΠϯঢ়ଶͷ΍ΓͱΓ
    4IPQJGZͷ.VMUJQBTTػೳΛ࢖ͬͯ
    ϩάΠϯঢ়ଶΛ4IPQJGZʹҾ͖ܧ͙
    8PSE1SFTT্Ͱ"VUIͷϢʔβ৘ใΛݩʹ
    .VMUJQBTTϩάΠϯ༻ͷτʔΫϯΛੜ੒͢Ε͹ɺ
    ࣗಈͰ4IPQJGZʹϢʔβΛ࡞੒ͯ͠ϩάΠϯঢ়ଶ
    ʹͯ͘͠ΕΔ
    

    View Slide

28. 8PSE1SFTTͱ4ϗεςΟϯάؒͷϩάΠϯঢ়ଶͷ΍ΓͱΓ
    440ͷػೳΛ࢖ͬͯ8PSE1SFTT͔Β੩త)5.-ʹ
    ભҠͨ࣌͠΋ϩάΠϯঢ়ଶʹ͢Δ
    IUUQTHJUIVCDPNBVUITBNQMFTBVUITTPTBNQMF
    

    View Slide

29. ࣮૷ͷϙΠϯτ
    ༷ʑͳαʔϏεΛ࿈ܞͤ͞ΔͷͰϩάΠϯঢ়ଶΛ͏·͘Ҿ͖ܧ͍Ͱ͍͘ඞཁ͕͋Δ
    ֤αʔϏεͷ࢓༷ʹ߹Θͤͯࣄલʹαϯϓϧ࣮૷ͳͲΛ࡞ͬͯϑϩʔͱಈ࡞Λ֬ೝͯ͠
    ͓͘ͷ͕ྑ͍
    

    View Slide

30. վળ఺
    ࠓճ͸8PSE1SFTTΛϩάΠϯͷͨΊͷ૭ޱͱ͕ͨ͠ɺϩάΠϯঢ়ଶΛ֤αʔϏεؒͰҾ͖
    ܧ͍ͩΓɺϩάΞ΢τͨ͠ΒશαʔϏεͰϩάΞ΢τঢ়ଶʹ͢ΔͳͲͷ࣮૷͕݁ߏ൥ࡶ
    Ͱେม
    8PSE1SFTTΛ&$্ʹ഑ஔ͍ͯ͠ΔɻఆظతͳΞοϓσʔτͱ͍͏ϝϯςφϯε͕ൃੜ͢Δ
    #''Λ࡞Γͦ͜ͰೝূೝՄΛҰݩతʹ·ͱΊͯ͠·͏͜
    ͱͰ͞ΒʹΫϦʔϯͳΞʔΩςΫνϟʹͳΔ
    

    View Slide

31. AWS AppSync + Shifter Headless
    ʹΑΔEίϚʔεαΠτͷ࣮૷ྫ
    

    View Slide

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

    View Slide

33. Shifter
    4IJGUFS)FBEMFTTͱ͸
    )FBEMFTTͳ$.4ͱͯ͠8PSE1SFTT͕࢖͑Δ
    ϗεςΟϯάαʔϏε
    8FCϑϩϯτʹ͸ɺ+BWB4DSJQU ϕʔε ͷ
    GSBNFXPSLʢ(BUTCZKT7VFKT ͳͲʣΛར༻
    ͯ͠Ϟμϯͳ։ൃ͕Մೳ
    

    View Slide

34. "QQ4ZOD"VUI
    "QQ4ZODࣗମ͕0*%$ʹରԠ͍ͯ͠ΔͨΊ
    "VUIͰ؆୯ʹೝূΛ͚ͭΔ͜ͱ͕Մೳ
    "QQ4ZODΛ#''ͱͯ͠࢖༻ͯ͠ɺϑϩϯτΤ
    ϯυ͔ΒͷೝূΛू໿ͤ͞Δ
    

    View Slide

35. "QQ4ZODΛ࢖ͬͨ৔߹ͷߏ੒ਤ
    "VUIʹΑΔೝূ͕"QQ4ZOD #''
    ʹू໿͞
    ΕΔͷͰϩάΠϯঢ়ଶΛҾ͖ܧ͙࣮૷͕ඞ
    ཁͳ͘ͳΔ
    8PSE1SFTTΛ4IJGUFSʹ͢Δ͜ͱͰɺ
    8PSE1SFTTͷΞοϓσʔτରԠ΍&$ͷ؅
    ཧͳͲ͸Ұ੾ෆཁʹͳΔ
    

    View Slide

36. ·ͱΊ
    

    View Slide

37. ·ͱΊ
    50,*0/ͷΑ͏ʹෳ਺ͷαʔϏεͰ"VUIΛ࢖͏৔߹͸ϩάΠϯɾϩάΞ΢τͷঢ়ଶ
    ʹҰ؏ੑΛ΋ͨͤΔΑ͏ʹ࣮૷͕ඞཁʹͳΔɻϓϩδΣΫτͷ࠷ॳͷஈ֊ͰσϞͳͲΛ
    ࡞ͬͯ֬ೝ͢Δͷ͕ྑ͍
    "QQ4ZODͷΑ͏ͳ#''ͷݕ౼
    "VUIͷΑ͏ͳ*%BB4Λಋೖ͠ͳ͍ϝϦοτ͸ଘࡏ͠ͳ͍ͷͰɺ࢖͍·͠ΐ͏
    

    View Slide

38. serverless.co.jp
    

    View Slide