freee_biz_tech_20200205.pdf

Slide 1

Slide 1 text

ˏ freee Biz Tech Frontier 2020 άϩʔόϧίϚʔεϓϥοτϑΥʔϜͷ APIΤίγεςϜ

Slide 2

Slide 2 text

• Junichi Okamura, Technical Partner Manager at Shopify • @benzookapi • API Lover/Midnight Developer/MANGA Creator/Beer Lover/App Hacker Who am I?

Slide 3

Slide 3 text

• ShopifyͱͦͷΤίγεςϜͷ֓ཁ • ShopifyͷΦʔϓϯͳٕज़ج൫ʹ͍ͭͯ • ͳͥΤίγεςϜ͕ඞཁͳͷ͔ʁ • ΞϓϦ΍APIɺύʔτφʔͷॏཁੑ • Shopify APIͱfreee APIΛ࢖ͬͨέʔεελσΟ • ·ͱΊʢٕज़ΤίγεςϜͷಈ޲ʣ ຊ೔͓࿩͍ͨ͜͠͠ͱ

Slide 4

Slide 4 text

Make Commerce Better For Everyone

Slide 5

Slide 5 text

Shopify͸Ϋϥ΢υϕʔεͷΦϜχνϟωϧΛ࣮ݱͨ͠ϓϥοτϑΥʔϜͰ͢ɻ ݸਓͷํ͔Βେاۀ·Ͱ҆৺ͯ͠͝ར༻͍͚ͨͩ·͢ɻ 2006 Shopifyϩʔϯν $1,073M ೥ؒརӹֹ (աڈ12ϱ݄) 2,900+ ΞϓϦετΞʹެ։͞Ε͍ͯΔΞϓϦͷ਺ $100B ࣄۀऀ༷ͷ૯ྲྀ௨ֹ (ྦྷܭ) 2.1 million ϢχʔΫͷετΞΞΧ΢ϯτ਺ 1,000,000+ ళฮ —— ~175ϱࠃ 4,000+ ࣾһ਺ 22,000 աڈ12Χ݄ͷؒͰ1ళฮҎ্ͷShopifyετΞΛ  ϦϦʔεͨ͠ύʔτφʔͷ਺

Slide 6

Slide 6 text

؆୯ʹݴ͏ͱɾɾ ͓ᔬམͳετΞΛ؆୯ʹ࡞ΕΔϓϥοτϑΥʔϜʢʴ͍ΖΜͳͱ͜ΖͰൢചՄೳʣ

Slide 7

Slide 7 text

ShopifyύʔτφʔΤίγεςϜ Ϛʔνϟϯτ͕ αʔυύʔςΟʔ ΞϓϦΛར༻ 80%+ ύʔτφʔ͔Βͷ঺հ Ϛʔνϟϯτ 200,000+ Shopifyύʔτφʔ͕ಘͨऩӹ͸ 1,320ԯԁ (2018೥౓) ΞϓϦ։ൃύʔτφʔ͕ ಘͨऩӹ͸ 200ԯԁ (2018೥౓)

Slide 8

Slide 8 text

2,900+ ެ։͞Ε͍ͯΔAPIͰࣗ༝ʹΧελϚΠζ΍ΞϓϦͷ࡞੒͕Մೳ ച্Ξοϓ ഑ૹ ࡏݿ؅ཧ ސ٬؅ཧ ࡒ຿ɾձܭ ଟݴޠɾଟ௨՟ Ϩϙʔτ ιʔγϟϧ ϚʔέςΟϯά Shopify ΞϓϦετΞ https://apps.shopify.com/?locale=ja

Slide 9

Slide 9 text

Shopify ςʔϚετΞ 100छྨҎ্ͷσβΠϯςϯϓϨʔτ https://themes.shopify.com

Slide 10

Slide 10 text

͓΍ɾɾɾʁ

Slide 11

Slide 11 text

Shopifyͷٕज़ج൫

Slide 12

Slide 12 text

ΞϓϦͷߏ੒ Partner Server App Bridge (page) App Bridge (Action) Admin API Storefront API Polaris (UI) Webhook Webhook App Bridge (POS) API calls

Slide 13

Slide 13 text

App Bridgeͱ͸ʁ ShopifyʹΞϓϦΛຒΊࠐΉͨΊͷJavascriptϥΠϒϥϦʢPOSΞϓϦʹ΋ରԠʣ

Slide 14

Slide 14 text

Polarisͱ͸ʁ ShopifyϚʔνϟϯτʹ࠷దͳUXΛఏڙ͢ΔͨΊͷCSSʢReact ʣϥΠϒϥϦʢOSSʣ

Slide 15

Slide 15 text

Webhookͱ͸ʁ Shopifyͷσʔλߋ৽ͷΠϕϯτΛ௨஌ͯ͘͠ΕΔػೳʢAPIΛݺͼग़͢͜ͱ΋Մೳʣ ※ʮઃఆʯ> ʮ௨஌ʯ > ʮWebhookʯ ͔ΒઃఆͰ͖·͢ Webhookͱ͸

Slide 16

Slide 16 text

ଟ͘ͷπʔϧ΍ίϯϙʔωϯτ͸OSSͱͯ͠ఏڙ

Slide 17

Slide 17 text

ͦͯ͠؊৺ͳAPI͸ɾɾɾ αʔόʔαΠυͷGraphQLͱRESTͷ΄͔ɺϑϩϯτ༻ͷAjax API΋༻ҙ GraphQL REST Ajax

Slide 18

Slide 18 text

؆୯ʹShopify APIΛࢼ͢ํ๏ GraphQL App (GraphQLͷίʔυαδΣετػೳͱ εΩʔϚࣙॻ͋Γʣ Private App ʢτʔΫϯͳ͠ͷBasicೝূͰAPI͕ݺ΂ΔͷͰ RESTΛςετ͠΍͍͢ʣ

Slide 19

Slide 19 text

ͪͳΈʹ؆୯ʹfreee APIΛࢼ͢ํ๏͸ɾɾɾ Swagger UI (σϕϩούʔαΠτͰͦͷ··ݺͼग़ͤΔ)

Slide 20

Slide 20 text

͜ΕΒͷΦʔϓϯͳٕज़ج൫Ͱ΋ͨΒ͞ΕΔ΋ͷ • ωΠςΟϒʹ͍֦ۙுੑͷߴ͍ΞϓϦͷ։ൃ • ॊೈͳAPIʹΑΔ։ൃऀ΁ͷΠϯεϐϨʔγϣϯ • APIΛิڧ͢ΔػೳʹΑΔ෯޿͍ΧελϚΠζ

Slide 21

Slide 21 text

ͦΜͳShopifyͷΞϓϦ։ൃʹڵຯΛ࣋ͨΕͨํ͸ɾɾɾ ೔ຊޠϒϩά಺ͷαϚϦʔϖʔδΛ͝ཡ͍ͩ͘͞ʂ ShopifyΞϓϦͷ։ൃํ๏ɹɹɹɹɹɹɹɹɹɹɹɹɹɹ

Slide 22

Slide 22 text

ΤίγεςϜͷॏཁੑ

Slide 23

Slide 23 text

ͳͥΤίγεςϜ͕ॏཁ͔ ίϚʔεͱ͍͏ෳࡶͳχʔζʹਖ਼͘͠ਝ଎ʹରԠ͠ɺΈΜͳΛϋοϐʔʹ͢ΔͨΊ

Slide 24

Slide 24 text

ΤίγεςϜͱ͍͏ଆ໘ͰShopifyΛఆٛͯ͠ΈΔͱɾɾɾ • Shopify = Commerce OS (by App) • Shopify = Headless commerce (by API/SDK) • Shopify = Hybrid cloud in OSS approachʢby partners)

Slide 25

Slide 25 text

ʢҰݴͰݴ͏ͱʣ͜͏ͳΒͳ͍ͨΊ

Slide 26

Slide 26 text

ΞϓϦΛ࢖͏ϝϦοτͱ͸ͳʹ͔ʁ ʹػೳͷ௥Ճ͚ͩͰͳ͘ɺߋ৽ͱ࡟আ͕Ͱ͖ΔʢTry & Error͕Ͱ͖Δʣ ௥Ճɾߋ৽ ࡟আ ※ΞϓϦ͸ػೳͷ෇͚଍͚ͩ͠ͷಓ۩Ͱ͸ͳ͍

Slide 27

Slide 27 text

API΍SDKΛ࢖͏ϝϦοτͱ͸ͳʹ͔ʁ ʹχʔζʹԠͨ͡ॊೈͳઃܭ͕Ͱ͖Δʢಉ͡ΧςΰϦʹόϦΤʔγϣϯ͕ੜ·ΕΔʣ ※API͸࡞͚ͬͨͩͰ͸ҙຯ͕ͳ͘ɺ࿈ܞ͚͕ͩ༻్Ͱ΋ͳ͍

Slide 28

Slide 28 text

ύʔτφʔΛר͖ࠐΉϝϦοτͱ͸ͳʹ͔ʁ ʹϓϥοτϑΥʔϜΛར༻͢Δશͯͷਓͷ੒ޭʹͭͳ͕Δʢ࣋ଓՄೳͳΤίγεςϜʣ ※֎෦ύʔτφʔ͸ϦιʔεͰ͸ͳ͍

Slide 29

Slide 29 text

ΤίγεςϜͱ͸ ຬͨ͢΂͖ٕज़ͱͦΕΛϏδωεʹੜ͔ͤΔ࢓૊Έ͕͋ͬͯॳΊͯ੒Γཱͭ΋ͷ

Slide 30

Slide 30 text

ɹShopifyͱfreeeͰͷέʔεελσΟ

Slide 31

Slide 31 text

͓୊ᶃɿShopifyͱfreeeΛ࿈ܞ͢Δ৔߹ͷ࢓༷ ҎԼͷ࢓༷ͷͲͪΒ͕ద੾͔ʁ A. WebhookΛઃఆͯ͠஫จ͕ೖΔͨͼʹfreeeͷAPIΛݺΜͰऔҾొ࿥ ͢Δ B. औΓࠐΈϘλϯΛ࡞ͬͯShopifyͷAPIͰ஫จσʔλΛҾ͍ͯfreeeͷ APIͰऔҾొ࿥͢Δ

Slide 32

Slide 32 text

͓୊ᶄɿShopifyͱfreeeΛ࿈ܞ͢Δ৔߹ͷνΣοΫ ҎԼͷνΣοΫͲͪΒ͕ΑΓద੾͔ʁ A. ೋॏऔΓࠐΈ͠ͳ͍Α͏ʹऔΓࠐΈࡁΈσʔλΛfreee APIͰଘࡏ֬ ೝ͢ΔॲཧΛೖΕΔ B. ೋॏऔΓࠐΈ͠ͳ͍Α͏ʹShopify APIΛ࢖ͬͯऔΓࠐΈࡁΈ͔Ͳ͏ ͔ͷϑϥάΛσʔλʹೖΕΔ

Slide 33

Slide 33 text

͓୊ᶅɿShopifyͱfreeeΛ࿈ܞ͢Δ৔߹ͷঝೝϓϩηε ҎԼͷϓϩηεͲͪΒ͕ΑΓద੾͔ʁ A. ͸͡ΊʹShopifyΞϓϦͷΠϯετʔϧը໘ͰShopify OAuthͷঝೝ Λऔͬͯɺͦͷޙ freeeͷϦμΠϨΫτͰfreee OAuthͷঝೝΛऔΔ B. ͸͡ΊʹfreeeͷϦμΠϨΫτͰfreee OAuthͷঝೝΛऔͬͯɺͦͷ ޙShopifyΞϓϦͷΠϯετʔϧը໘ͰShopify OAuthͷঝೝΛऔΔ

Slide 34

Slide 34 text

౴͑ɿ ͲͪΒͰ΋ྑ͍ʢ͋ͳͨ࣍ୈʣ

Slide 35

Slide 35 text

ɹ·ͱΊ

Slide 36

Slide 36 text

ΤίγεςϜͱ͍͏Ξϓϩʔν͸ࠓޙͲ͏ͳΔ͔ʁ =ଟ༷Խ͢ΔੈքͰϓϥοτϗʔϜΛ࡞Δखஈͱͯ͠ओྲྀʹͳΔͱࢥΘΕΔ • ୠ͠ɺҎԼͷ఺Λߟྀ͢Δඞཁ͕͋Δ • =>ݸผχʔζ΍࿈ܞͷඞཁ͕ຊ౰ʹ͋Δ͔ • =>൚༻తͳΠϯλʔϑΣʔεʢAPI΍SDKʣΛఏڙͰ͖Δ͔ • =>ϝϦοτΛڗडͰ͖ΔίϛϡχςΟ͕ੜ੒͞ΕΔ͔