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

ヘッドレスコマースを実現する Shopifyのストアフロント用APIとSDKについて

ヘッドレスコマースを実現する Shopifyのストアフロント用APIとSDKについて

877f92a3597118cda2715790fa170ad4?s=128

Junichi Okamura

June 03, 2020
Tweet

More Decks by Junichi Okamura

Other Decks in Programming

Transcript

  1. ϔουϨείϚʔεΛ࣮ݱ͢Δ ShopifyͷετΞϑϩϯτ༻APIͱSDKʹ͍ͭͯ 2020.06.03 @ Shifter Meetup Junichi Okamura


  2. • Junichi Okamura, Technical Partner Manager at Shopify • @benzookapi

    • API Lover/Midnight Developer/MANGA Creator/Beer Lover/App Hacker Who am I?
  3. ϔουϨείϚʔεͷ֓ཁͱࣄྫ 01 ຊ೔ͷ͓୊ 02 Shopifyͷ֓ཁ 03 ϔουϨείϚʔεͷ࣮ݱํ๏ 04 ϔουϨείϚʔεͷσϞ 05

    ࢀߟ৘ใͱϑΥʔϥϜ׆༻
  4. 4 ShopifyʢγϣοϐϑΝΠʣʹ͍ͭͯ

  5. Shopify͸Ϋϥ΢υϕʔεͷίϚʔεϓϥοτϑΥʔϜͰ͢ɻݸਓͷํ͔Βେ اۀ·Ͱ҆৺ͯ͠͝ར༻͍͚ͨͩ·͢ɻ 2006 Shopify ϩʔϯν $1,728M ऩӹֹ (աڈ12ϱ݄) 4,100+ ΞϓϦετΞʹެ։͞Ε͍ͯΔΞϓϦͷ਺

    $172B ࣄۀऀ༷ͷGMV (ྦྷܭ) 2.9 million ళฮͷελοϑΞΧ΢ϯτ਺ 1,000,000+ ళฮ —— 175ϱࠃ~ 5,000+ ࣾһ਺ Shopifyʹ͍ͭͯ ׬શϦϞʔτԽ Digital by defaultͷ΋ͱ2020೥຤·Ͱ͸ΦϑΟεΛ׬શΫϩʔζ
  6. None
  7. 7 Shopifyͷಛ௃

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

  9. Shopify͸ൢചʹඞཁͳશͯΛαϙʔτ σβΠϯ ϗετ ܾࡁ SEO ෼ੳ σʔλ ϓϥΠόγʔ ड஫ υϝΠϯ

    ετΞ࡞੒ όοΫΤϯυ ϚʔέςΟϯά ҆શੑ ϒϩά
  10. ൚༻ੑ͕ߴࣗ͘༝౓ͷߴ͍ΧελϚΠζ͕Մೳ ෳ਺։ൃݴޠͰࣗ༝ͳΧελϚΠζΛՄೳͱ͢Δ๛෋ͳ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
  11. 11 ϩʔΧϧσϦόϦʔػೳ ৽ػೳ

  12. 12 ళ಄डऔػೳ ৽ػೳ

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

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

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

  16. 16 ϝϦοτ • ଟ͘ͷͦͯ͠৽͍͠ൢചνϟωϧʹૉૣ͘ରԠͰ͖Δ • ॊೈͳΧελϚΠζ΍ಠࣗੑΛ࣮ݱͰ͖Δ • ଎౓վળ΍εέʔϧΞ΢τͷ௥ٻ͕͠΍͍͢ γϣοϓ͸ དྷͯ΋Β͏

    ग़͔͚͍ͯ͘ ΋ͷ΁ʂ
  17. 17 ϔουϨείϚʔεͷ࣮ݱํ๏

  18. 18 Shopify Storefront API API Shopify Storefront API

  19. 19 Shopify JavaScript Buy SDK SDK Shopify Buy SDK

  20. 20 Shopify BuyButton.js JS Shopify Buy Button JS

  21. 21 Shopify Buy Button Channel APP Shopify Buy Button

  22. 22 ࣮͸Shifter΋࢖ͬͯΔʂ APP Shifter Shopify

  23. 23 Buy Button + Storefront API (JS Buy SDK) σϞ

    http://shopify-product-tax.herokuapp.com/storefront.html
  24. 24 ࢀߟ৘ใͱϑΥʔϥϜ׆༻

  25. 25 Shopify ύʔτφʔϒϩά ։ൃऀ Shopify ΞϓϦ։ൃ

  26. 26 Shopify ΦϯϥΠϯίϛϡχςΟʢϑΥʔϥϜʣ ࣭໰ Shopify ϑΥʔϥϜ

  27. None