ShifterでのShopify Headless Commerceの活用

ShifterでのShopify Headless Commerceの活用

877f92a3597118cda2715790fa170ad4?s=128

Junichi Okamura

August 05, 2020
Tweet

Transcript

  1. ShifterͰͷShopify Headless Commerceͷ׆༻ 2020.08.05 @ Shifter Meetup Junichi Okamura


  2. • Junichi Okamura, Sr. 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 ShifterΛ࢖ͬͨσϞ 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 Shifterͱͷؔ܎ ఆٛ Backend Frontend • ঎඼؅ཧ • ஫จ؅ཧ •

    ഑ૹ؅ཧ • ܾࡁ • ސ٬؅ཧ …etc • ঎඼లࣔ • ϒϩά • SEO • ϞόΠϧରԠ • σβΠϯ …etc APIɾSDK
  17. 17 ϝϦοτ • ࢖͍׳ΕͨWordpress templateʢCMSʣΛͦͷ··࢖͑Δ • طଘࢿ࢈ʢSEO ɺϒϩάͳͲʣΛͦͷ··࢖͑Δ • ؆୯ʹ੩తαΠτʹεϐʔυΞοϓͰ͖Δ

    • Wordpressࣄྫͱݴ͑Δ Shifter (Wordpress) ͱܨ͍ͰԿ͕خ͍͔͠ʁ
  18. 18 ϔουϨείϚʔεͷ࣮ݱํ๏

  19. 19 Shopify Storefront API API Shopify Storefront API

  20. 20 Shopify JavaScript Buy SDK SDK Shopify Buy SDK

  21. 21 Shopify BuyButton.js JS Shopify Buy Button JS

  22. 22 Shopify Buy Button Channel APP Shopify Buy Button

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

  24. 24 Shifter Static + BuyButton.js σϞ https://naughty-joliot2216.on.getshifter.io

  25. 25 ൃలܥʢWordpress+Shifterެ։ΞϓϦʣ σϞ ঎඼ɾίϨΫγϣϯAPI தؒαʔόʔతͳ΋ͷ ίϯςϯπAPI ੩తαΠτԽ Ұൠެ։ Πϯετʔϧ ϞόΠϧΞϓϦ

    PWA ͞ΒͳΔϔουϨε
  26. 26 ࢀߟ৘ใ

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

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

  29. 29 Shopify Partner Boot Camp ʢ࣍ճ9݄ʣ ֶश Shopify Partner Boot

    Camp
  30. 30 New! No Code ֶशαΠτ puzzlly ֶश puzzlly

  31. None