Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
ヘッドレスコマースを実現する Shopifyのストアフロント用APIとSDKについて
Junichi Okamura
June 03, 2020
Programming
1
680
ヘッドレスコマースを実現する Shopifyのストアフロント用APIとSDKについて
https://eventregist.com/e/z2AE9hWSezLz
Junichi Okamura
June 03, 2020
Tweet
Share
More Decks by Junichi Okamura
See All by Junichi Okamura
Shopify Storefront APIを使った PWA e-commerceの解説とデモ
benzookapi
0
94
DevRel for tech. entrepreneurs: Beyond platform partners
benzookapi
0
50
Shopifyを使ったヘッドレスコマースの 実現方法と事例
benzookapi
0
66
React + GraphQL を使ったShopify Appの作り方と そのマネタイズ方法
benzookapi
1
820
Shopifyアプリエコシステムで始める 第3のスキルマネタイズ
benzookapi
0
2.5k
Tech. Blog TIPS
benzookapi
0
150
Our new DevRel: Invention of scaling out partner ecosystem
benzookapi
0
140
WordPressとShopifyでECサイトを作ろう
benzookapi
0
790
AWS EventBridgeを活用したShopifyアプリの サーバーレス開発
benzookapi
0
1.5k
Other Decks in Programming
See All in Programming
Keep Your Cache Always Fresh With Debezium
gunnarmorling
0
180
プログラミングを勉強したいと言われたら
yuba_4
0
370
roadmap to rust 2024
matsu7874
1
620
書籍『良いコード/悪いコードで学ぶ設計入門』でエンジニアリングの当たり前を変える
minodriven
3
1k
How useEvent would change our applications
koba04
1
1.4k
Milestoner
bkuhlmann
1
200
Groovy Roadmap
paulk
7
13k
Android入門
hn410
0
300
あなたの会社の古いシステム、なんとかしませんか?~システム刷新から考えるDX化への道筋とバリエーション~/webinar20220420-grapecity
grapecity_dev
0
130
CLIツールにSwift Concurrencyを適用させようとしている話
417_72ki
3
130
Monadic Java
mariofusco
4
250
Improve Build Times in Less Time
zacsweers
6
2.8k
Featured
See All Featured
Web Components: a chance to create the future
zenorocha
303
40k
Infographics Made Easy
chrislema
233
17k
Bash Introduction
62gerente
596
210k
Building a Scalable Design System with Sketch
lauravandoore
447
30k
We Have a Design System, Now What?
morganepeng
35
2.9k
Principles of Awesome APIs and How to Build Them.
keavy
113
15k
Designing for humans not robots
tammielis
241
23k
GitHub's CSS Performance
jonrohan
1020
410k
For a Future-Friendly Web
brad_frost
164
7.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
Side Projects
sachag
449
37k
Building Flexible Design Systems
yeseniaperezcruz
310
33k
Transcript
ϔουϨείϚʔεΛ࣮ݱ͢Δ ShopifyͷετΞϑϩϯτ༻APIͱSDKʹ͍ͭͯ 2020.06.03 @ Shifter Meetup Junichi Okamura
• Junichi Okamura, Technical Partner Manager at Shopify • @benzookapi
• API Lover/Midnight Developer/MANGA Creator/Beer Lover/App Hacker Who am I?
ϔουϨείϚʔεͷ֓ཁͱࣄྫ 01 ຊͷ͓ 02 Shopifyͷ֓ཁ 03 ϔουϨείϚʔεͷ࣮ݱํ๏ 04 ϔουϨείϚʔεͷσϞ 05
ࢀߟใͱϑΥʔϥϜ׆༻
4 ShopifyʢγϣοϐϑΝΠʣʹ͍ͭͯ
ShopifyΫϥυϕʔεͷίϚʔεϓϥοτϑΥʔϜͰ͢ɻݸਓͷํ͔Βେ اۀ·Ͱ҆৺ͯ͠͝ར༻͍͚ͨͩ·͢ɻ 2006 Shopify ϩʔϯν $1,728M ऩӹֹ (աڈ12ϱ݄) 4,100+ ΞϓϦετΞʹެ։͞Ε͍ͯΔΞϓϦͷ
$172B ࣄۀऀ༷ͷGMV (ྦྷܭ) 2.9 million ళฮͷελοϑΞΧϯτ 1,000,000+ ళฮ —— 175ϱࠃ~ 5,000+ ࣾһ Shopifyʹ͍ͭͯ શϦϞʔτԽ Digital by defaultͷͱ2020·ͰΦϑΟεΛશΫϩʔζ
None
7 Shopifyͷಛ
ϚϧννϟωϧίϚʔεϓϥοτϑΥʔϜ
ShopifyൢചʹඞཁͳશͯΛαϙʔτ σβΠϯ ϗετ ܾࡁ SEO ੳ σʔλ ϓϥΠόγʔ ड υϝΠϯ
ετΞ࡞ όοΫΤϯυ ϚʔέςΟϯά ҆શੑ ϒϩά
൚༻ੑ͕ߴࣗ͘༝ͷߴ͍ΧελϚΠζ͕Մೳ ෳ։ൃݴޠͰࣗ༝ͳΧελϚΠζΛՄೳͱ͢Δ๛ͳ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 ϩʔΧϧσϦόϦʔػೳ ৽ػೳ
12 ళ಄डऔػೳ ৽ػೳ
13 ϔουϨείϚʔεͱ
14 όοΫΤϯυͱϑϩϯτΤϯυ͕Γ͞ΕͨίϚʔε ఆٛ Backend Frontend
15 ShopifyϒϩάɿίΞϥϚοτϨε ࣄྫ Shopify ϔουϨείϚʔε
16 ϝϦοτ • ଟ͘ͷͦͯ͠৽͍͠ൢചνϟωϧʹૉૣ͘ରԠͰ͖Δ • ॊೈͳΧελϚΠζಠࣗੑΛ࣮ݱͰ͖Δ • վળεέʔϧΞτͷٻ͕͍͢͠ γϣοϓ དྷͯΒ͏
ग़͔͚͍ͯ͘ ͷʂ
17 ϔουϨείϚʔεͷ࣮ݱํ๏
18 Shopify Storefront API API Shopify Storefront API
19 Shopify JavaScript Buy SDK SDK Shopify Buy SDK
20 Shopify BuyButton.js JS Shopify Buy Button JS
21 Shopify Buy Button Channel APP Shopify Buy Button
22 ࣮ShifterͬͯΔʂ APP Shifter Shopify
23 Buy Button + Storefront API (JS Buy SDK) σϞ
http://shopify-product-tax.herokuapp.com/storefront.html
24 ࢀߟใͱϑΥʔϥϜ׆༻
25 Shopify ύʔτφʔϒϩά ։ൃऀ Shopify ΞϓϦ։ൃ
26 Shopify ΦϯϥΠϯίϛϡχςΟʢϑΥʔϥϜʣ ࣭ Shopify ϑΥʔϥϜ
None