Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ヘッドレスコマースを実現する Shopifyのストアフロント用APIとSDKについて
Search
benzookapi
June 03, 2020
Programming
1
1k
ヘッドレスコマースを実現する Shopifyのストアフロント用APIとSDKについて
https://eventregist.com/e/z2AE9hWSezLz
benzookapi
June 03, 2020
Tweet
Share
More Decks by benzookapi
See All by benzookapi
技術をお金と貢献に変える、Shopifyテーマとアプリの開発
benzookapi
1
1.9k
Shopify Storefront APIを使った PWA e-commerceの解説とデモ
benzookapi
0
400
DevRel for tech. entrepreneurs: Beyond platform partners
benzookapi
0
110
Shopifyを使ったヘッドレスコマースの 実現方法と事例
benzookapi
0
140
React + GraphQL を使ったShopify Appの作り方と そのマネタイズ方法
benzookapi
1
1.2k
Shopifyアプリエコシステムで始める 第3のスキルマネタイズ
benzookapi
0
4k
Tech. Blog TIPS
benzookapi
0
250
Our new DevRel: Invention of scaling out partner ecosystem
benzookapi
0
240
WordPressとShopifyでECサイトを作ろう
benzookapi
0
1k
Other Decks in Programming
See All in Programming
App Router 悲喜交々
quramy
7
370
Cancel Next.js Page Navigation: Full Throttle
ypresto
1
110
上手に付き合うコンポーネントテスト
quramy
3
1.2k
CDKを活用した 大規模コンテナ移行 プロジェクトの紹介
yoyoyopg
0
230
CSC509 Lecture 02
javiergs
PRO
0
160
Go製CLIツールGatling Commanderによる負荷試験実施の自動化
okmtz
3
650
[KR] Server Driven Compose With Firebase
skydoves
1
120
The Efficiency Paradox and How to Save Yourself and the World
hollycummins
0
140
CSC509 Lecture 03
javiergs
PRO
0
130
ACES Meet におけるリリース作業改善の取り組み
fukucheee
0
120
[PHPカンファレンス沖縄2024]「無理なくできるだけ安全に」テストもないレガシーコードをリファクタリングするテクニック
ikezoemakoto
3
110
5年分のツケを一気に払った話
soogie
3
1.1k
Featured
See All Featured
Building an army of robots
kneath
302
42k
Web Components: a chance to create the future
zenorocha
310
42k
YesSQL, Process and Tooling at Scale
rocio
167
14k
Learning to Love Humans: Emotional Interface Design
aarron
271
40k
GraphQLの誤解/rethinking-graphql
sonatard
65
9.9k
Why Our Code Smells
bkeepers
PRO
334
57k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.4k
Code Reviewing Like a Champion
maltzj
519
39k
Code Review Best Practice
trishagee
62
16k
Facilitating Awesome Meetings
lara
49
6k
Building a Modern Day E-commerce SEO Strategy
aleyda
37
6.8k
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