Slide 1

Slide 1 text

ShopifyΛ࢖ͬͨϔουϨείϚʔεͷ ࣮ݱํ๏ͱࣄྫ 2021.5.20 @ Shopify UC Kansai # 3 Junichi Okamura


Slide 2

Slide 2 text

• Junichi Okamura, Sr. Technical Partner Manager at Shopif y • @benzookap i • API Lover/Midnight Developer/MANGA Creator/Beer Lover/App Hacker Who am I?

Slide 3

Slide 3 text

ϔουϨείϚʔεͷ֓ཁͱࣄྫ 01 ຊ೔ͷ಺༰ 02 ShopifyͱΞϓϦΤίγεςϜͷ֓ཁ 03 ϔουϨείϚʔεͷ࣮ݱํ๏ 04 Storefront APIͱൢചνϟωϧͷؔ܎ 05 ೔ຊͷࣄྫͱσϞɺ·ͱΊ 06 ShopifyΞϓϦ։ൃͷֶशํ๏

Slide 4

Slide 4 text

4 ShopifyʢγϣοϐϑΝΠʣʹ͍ͭͯ

Slide 5

Slide 5 text

Shopify͸Ϋϥ΢υϕʔεͷίϚʔεϓϥοτϑΥʔϜͰ͢ɻݸਓͷํ͔Βେ اۀ·Ͱ҆৺ͯ͠͝ར༻͍͚ͨͩ·͢ɻ 200 6 Shopify ϩʔϯν $2,9B ऩӹֹ (աڈ12ϱ݄ ) 6,000 + ΞϓϦετΞʹެ։͞Ε͍ͯΔΞϓϦͷ਺ $277B ࣄۀऀ༷ͷGMV (ྦྷܭ ) 4.9 millio n ళฮͷελοϑΞΧ΢ϯτ਺ 1,700,000+ ళฮ — — 175ϱࠃ ~ 7,000 + ࣾһ਺ Shopifyʹ͍ͭͯ ׬શϦϞʔτԽ Digital by defaultͷ΋ͱ2020೥຤·Ͱ͸ΦϑΟεΛ׬શΫϩʔζ

Slide 6

Slide 6 text

ϚϧννϟωϧίϚʔεϓϥοτϑΥʔϜ

Slide 7

Slide 7 text

Shopify͸ൢചʹඞཁͳશͯΛαϙʔτ σβΠϯ ϗετ ܾࡁ SEO ෼ੳ σʔλ ϓϥΠόγʔ ड஫ υϝΠϯ ετΞ࡞੒ όοΫΤϯυ ϚʔέςΟϯά ҆શੑ ϒϩά

Slide 8

Slide 8 text

൚༻ੑ͕ߴࣗ͘༝౓ͷߴ͍ΧελϚΠζ͕Մೳ ෳ਺։ൃݴޠͰࣗ༝ͳΧελϚΠζΛՄೳͱ͢Δ๛෋ͳAPI Access APIs Inventory APIs Product APIs Analytics APIs MarketingEvent Sales channel APIs Billing APIs Metafield Shipping and fulfillment APIs Customer APIs Online store APIs Shopify Payments APIs Discount APIs Order APIs Store property APIs Event APIs Plus APIs TenderTransaction

Slide 9

Slide 9 text

9 ShopifyͷΞϓϦΤίγεςϜ

Slide 10

Slide 10 text

10 ShopifyΞϓϦετΞͱύʔτφʔϓϩάϥϜ ֦େ͢Δ ΤίγεςϜ

Slide 11

Slide 11 text

11 ೔ຊͰ΋ΞϓϦΤίγεςϜ͸ٸ֦େ ೔ຊಛԽ ֦େ͢Δ ΤίγεςϜ

Slide 12

Slide 12 text

12 ΞϓϦ։ൃͷୈҰาɿύʔτφʔొ࿥ ֦େ͢Δ ΤίγεςϜ

Slide 13

Slide 13 text

13 ϔουϨείϚʔεͱ͸

Slide 14

Slide 14 text

14 όοΫΤϯυͱϑϩϯτΤϯυ͕੾Γ཭͞ΕͨίϚʔε Backend Frontend ఆٛ

Slide 15

Slide 15 text

15 ShopifyϒϩάɿίΞϥϚοτϨε Shopify ϔουϨείϚʔε ࣄྫ

Slide 16

Slide 16 text

16 • ൢ࿏ʢൢചνϟωϧʣ͕޿͕ΔʢϞʔϧग़ళɺళฮʣ • ετΞϑϩϯτΛ࠷దԽͰ͖ΔʢPWAɺϞόΠϧΞϓϦʣ • طଘࢿ࢈Λྲྀ༻Ͱ͖ΔʢCMSɺࣗࣾ։ൃγεςϜʣ ϔουϨείϚʔεͷԿ͕خ͍͔͠ʁ ϝϦοτ

Slide 17

Slide 17 text

17 • ։ൃྗͱ౤ࢿ͕ඞཁʢΤϯδχΞɺΠϯϑϥʣ • ϓϥοτϑΥʔϜ΁ͷ௥ै͕ඞཁʢAPIͷ࢓༷มߋɺഇࢭʣ • ੹೚෼ذ఺ͷޙୀʢো֐΍όάରԠͷ૿Ճʣ ϔουϨείϚʔεͷԿ͕ࠔΔ͔ʁ σϝϦοτ

Slide 18

Slide 18 text

18 • ϔουίϚʔεͩͱͳΜͰ΋Ͱ͖ΔʢܾࡁΛࣗ༝ʹ͍͡ΕΔ ͳͲʣ • ϔουϨείϚʔεͩͱૣ͘ͳΔʢඞͣඪ४ςϯϓϨʔτΑ Γૣ͘ͳΔͳͲʣ • ϔουϨείϚʔεͷํ͕Ṷ͔Δʢඞͣߪങ཰͕͕͋Δͳ Ͳʣ ϔουϨείϚʔε΁ͷա৒ͳظ଴ શͯؒҧ͍Ͱ͢ʂ Α͋͘Δޡղ

Slide 19

Slide 19 text

19 ಛʹܾࡁ͸ཁ஫ҙʂ Shopify͕ఏڙ͢ΔܾࡁػೳҎ֎Λ ಠࣗʹ࣮૷͢Δ͜ͱ͸ʢಛผʹڐ Մ͞ΕͨҰ෦ͷύʔτφʔΛআ ͖ʣن໿Ͱېࢭ͞Ε͍ͯ·͢ɻ ʢޙड़ʣ ཧ༝ɿ ϚʔνϟϯτͷηΩϡϦςΟ ΛकΔͨΊ ؾΛ͚ͭΔ ͜ͱ

Slide 20

Slide 20 text

20 ϔουϨείϚʔεͷ࣮ݱํ๏

Slide 21

Slide 21 text

21 Shopify Storefront API Shopify Storefront API API

Slide 22

Slide 22 text

22 Shopify JavaScript Buy SDK Shopify Buy SDK SDK

Slide 23

Slide 23 text

23 Shopify BuyButton.js Shopify Buy Button JS JavaScript

Slide 24

Slide 24 text

24 Shopify Buy Button Channel Shopify Buy Button ൢചνϟωϧΞϓϦ ΞϓϦ

Slide 25

Slide 25 text

25 Storefront APIͱൢചνϟωϧͷؔ܎

Slide 26

Slide 26 text

26 ൢചνϟωϧͱ͸ʁ ඪ४Ͱ͍͍ͭͯΔΦ ϯϥΠϯετΞ΋࣮ ͸ൢചνϟωϧʢফ ͨ͠Γ༗ޮʹͨ͠Γ ͕Մೳʣ Πϯετʔϧͨ͠ޙʹShopifyͷ؅ཧ ը໘ͷࠨଆͷϝχϡʔʹग़ͯ͘Δ΋ ͷ͕ൢചνϟωϧʹStorefront APIΛ ࢖͍ͬͯΔՄೳੑ͕͋Δ΋ͷ ֓ཁ

Slide 27

Slide 27 text

27 Storefront APIͱͷؔ܎ ެ։ΞϓϦͰStorefront APIΛ࢖͏ʹ͸ ඞͣΞϓϦΛൢചνϟωϧʹ͢Δ ʢ*1ʣඞཁ͋Γʢ৹͕ࠪೖΓ·͢ʂʣ 
 ετΞϑϩϯτΛ࡞Δʹ ৽͍͠ൢ࿏։୓ͱͷղऍ ֓ཁ *1 ൢചνϟωϧʹඞͣStorefront APIΛ࢖͏΋ͷͰ͸ͳ͍

Slide 28

Slide 28 text

28 Payment APIʢܾࡁ࣮૷ʣͱͷؔ܎ ൢചνϟωϧ͕ڐՄ͞Εͨޙʹ͞Βʹ ผͷ৹͕ࠪඞཁͰ͢ʢ௨ৗ͸PCIDSS ͳͲΛอ༗͢ΔܾࡁձࣾͳͲ͔͠ڐՄ ͞Ε·ͤΜʣ ※͜ΕΒͷυΩϡϝϯτΛݟͯࣗ༝ʹ֎ ෦ܾࡁձࣾͷॲཧΛར༻Ͱ͖Δͱߟ͑Δ ํ͕͍·͕͢ɺͦ͏Ͱ͸͋Γ·ͤΜʢܾ ࡁॲཧ͸Shopify͕ରԠ͍ͯ͠Δάϩʔό ϧͳ΋ͷ͔͠࢖͑·ͤΜʣ ֓ཁ

Slide 29

Slide 29 text

29 ΞϓϦͷछྨͱػೳͷؔ܎ ɹɹɹɹɹΞϓϦͷछྨ ػೳ ެ։ΞϓϦ ΧελϜΞϓϦ ϓϥΠϕʔτΞϓϦ ୭͕࡞Δʁ ύʔτφʔ ύʔτφʔ Ϛʔνϟϯτ ୭͕࢖͑Δʁ ΞϓϦετΞ͔ΒશϚʔ νϟϯτ ύʔτφʔ͕ڐՄͨ̍͠ ͭͷϚʔνϟϯτʢ*1ʣ ΞϓϦΛ࡞ͬͨ̍ͭͷ Ϛʔνϟϯτ ৹ࠪ͸ඞཁ͔ʁ ඞཁʢެ։ਃ੥͕௨Βͳ ͍ͱ࢖͑ͳ͍ʣ ෆཁʢͨͩ͠ن໿νΣο Ϋ͋Γʣ ෆཁʢͨͩ͠ن໿νΣο Ϋ͋Γʣ ൢചνϟωϧʹͰ͖Δ ͔ʁ Ͱ͖Δʢެ։ਃ੥Ҏલʹ ผͷ৹ࠪඞཁʣ Ͱ͖ͳ͍ Ͱ͖ͳ͍ Storefront API͸࢖͑Δ ͔ʁ ࢖͑ΔʢൢചνϟωϧԽ ඞਢʣ ࢖͑ͳ͍ ࢖͑Δʢ؅ཧը໘͔Β τʔΫϯੜ੒ʣ Payment API͸࢖͑Δ ͔ʁ ʢ΄ͱΜͲͷ৔߹ʣ࢖͑ ͳ͍ʢݸผ৹ࠪඞཁʣ ࢖͑ͳ͍ ࢖͑ͳ͍ *1 Shopify PlusͷΈෳ਺ϚʔνϟϯτՄ ৄࡉ

Slide 30

Slide 30 text

30 ೔ຊͷࣄྫͱσϞ

Slide 31

Slide 31 text

31 ϞόΠϧΞϓϦδΣωϨʔλʔ͕Strefront API࠾༻ ೔ຊͷࣄྫ

Slide 32

Slide 32 text

32 Storefront API one pager demo σϞ

Slide 33

Slide 33 text

33 • ಄ͷ෦෼Λ։ൃͯ͠ϢʔεέʔεΛ޿͛Δ΋ͷ • ϝϦοτɾσϝϦοτ྆ํ͋Δ૒ਕͷ݋ • ౿ΈࠐΉલʹຊ౰ʹͦΕ͕ϕετ͔ࣗ໰͠Α͏ ϔουϨείϚʔεͱ͸ ·ͱΊ

Slide 34

Slide 34 text

34 ShopifyΞϓϦ։ൃͷֶशํ๏

Slide 35

Slide 35 text

35 Shopifyϒϩά Shopify ΞϓϦ։ൃ ΞϓϦ։ൃͱ ެ։

Slide 36

Slide 36 text

36 Shopify ΦϯϥΠϯίϛϡχςΟʢϑΥʔϥϜʣ Shopify ϑΥʔϥϜ ࣭໰΍ ΞΠσΟΞ

Slide 37

Slide 37 text

37 Shopify ύʔτφʔFacebookάϧʔϓ ※ࢀՃʹ͸ύʔτφʔΞΧ΢ϯτ͕ඞཁͰ͢ ύʔτφʔ ಉ࢜ͷަྲྀ

Slide 38

Slide 38 text

No content