Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

Serverless Operations

January 19, 2021
Tweet

More Decks by Serverless Operations

Other Decks in Technology

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  4. 4BB40441SPEVDUT

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  20. 50,*0/
    IUUQTUPLJPOKQ

    View full-size slide

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

    View full-size slide

  22. ೝূͷϑϩʔ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  35. serverless.co.jp

    View full-size slide