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

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

877f92a3597118cda2715790fa170ad4?s=47 Junichi Okamura
June 03, 2020
Programming
1
680

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

https://eventregist.com/e/z2AE9hWSezLz

877f92a3597118cda2715790fa170ad4?s=128

Junichi Okamura

June 03, 2020
Tweet

More Decks by Junichi Okamura

See All by Junichi Okamura
Shopify Storefront APIを使った PWA e-commerceの解説とデモ
877f92a3597118cda2715790fa170ad4?s=48 benzookapi
0
94
DevRel for tech. entrepreneurs: Beyond platform partners
877f92a3597118cda2715790fa170ad4?s=48 benzookapi
0
50
Shopifyを使ったヘッドレスコマースの 実現方法と事例
877f92a3597118cda2715790fa170ad4?s=48 benzookapi
0
66
React + GraphQL を使ったShopify Appの作り方と そのマネタイズ方法
877f92a3597118cda2715790fa170ad4?s=48 benzookapi
1
820
Shopifyアプリエコシステムで始める 第3のスキルマネタイズ
877f92a3597118cda2715790fa170ad4?s=48 benzookapi
0
2.5k
Tech. Blog TIPS
877f92a3597118cda2715790fa170ad4?s=48 benzookapi
0
150
Our new DevRel: Invention of scaling out partner ecosystem
877f92a3597118cda2715790fa170ad4?s=48 benzookapi
0
140
WordPressとShopifyでECサイトを作ろう
877f92a3597118cda2715790fa170ad4?s=48 benzookapi
0
790
AWS EventBridgeを活用したShopifyアプリの サーバーレス開発
877f92a3597118cda2715790fa170ad4?s=48 benzookapi
0
1.5k

Other Decks in Programming

See All in Programming
Keep Your Cache Always Fresh With Debezium
8e25c0ca4bf25113bd9c0ccc5d118164?s=48 gunnarmorling
0
180
プログラミングを勉強したいと言われたら
6dd39716ef7dde18a609703e8e26b7ec?s=48 yuba_4
0
370
roadmap to rust 2024
F0493f5bcb4cc9fdccc54ae3e8ab6bd0?s=48 matsu7874
1
620
書籍『良いコード/悪いコードで学ぶ設計入門』でエンジニアリングの当たり前を変える
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
3
1k
How useEvent would change our applications
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
1
1.4k
Milestoner
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
1
200
Groovy Roadmap
4578d99b560b2a470e05288ef6766ac2?s=48 paulk
7
13k
Android入門
180bbdf8267422d5814fd498ecea043a?s=48 hn410
0
300
あなたの会社の古いシステム、なんとかしませんか？～システム刷新から考えるDX化への道筋とバリエーション～/webinar20220420-grapecity
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
130
CLIツールにSwift Concurrencyを適用させようとしている話
7a78f23eef1b0e883ef44c229a54f0bb?s=48 417_72ki
3
130
Monadic Java
9eafc29df96e6aaf4a3eb4c0209086ae?s=48 mariofusco
4
250
Improve Build Times in Less Time
85a1166e93654865b4dcafdafe2b2dfd?s=48 zacsweers
6
2.8k

Featured

See All Featured
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
Infographics Made Easy
282d599b414022eba5096510f675b6e2?s=48 chrislema
233
17k
Bash Introduction
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
596
210k
Building a Scalable Design System with Sketch
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
447
30k
We Have a Design System, Now What?
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
35
2.9k
Principles of Awesome APIs and How to Build Them.
B47b288784fda77a94aeb234ca743c24?s=48 keavy
113
15k
Designing for humans not robots
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
241
23k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
410k
For a Future-Friendly Web
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
164
7.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
Side Projects
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
449
37k
Building Flexible Design Systems
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
310
33k

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