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
ShifterでのShopify Headless Commerceの活用
Search
benzookapi
August 05, 2020
Technology
0
1.4k
ShifterでのShopify Headless Commerceの活用
https://speakerdeck.com/new
benzookapi
August 05, 2020
Tweet
Share
More Decks by benzookapi
See All by benzookapi
技術をお金と貢献に変える、Shopifyテーマとアプリの開発
benzookapi
1
2.1k
Shopify Storefront APIを使った PWA e-commerceの解説とデモ
benzookapi
0
510
DevRel for tech. entrepreneurs: Beyond platform partners
benzookapi
0
150
Shopifyを使ったヘッドレスコマースの 実現方法と事例
benzookapi
0
190
React + GraphQL を使ったShopify Appの作り方と そのマネタイズ方法
benzookapi
1
1.3k
Shopifyアプリエコシステムで始める 第3のスキルマネタイズ
benzookapi
0
4.3k
Tech. Blog TIPS
benzookapi
0
290
Our new DevRel: Invention of scaling out partner ecosystem
benzookapi
0
280
WordPressとShopifyでECサイトを作ろう
benzookapi
0
1.1k
Other Decks in Technology
See All in Technology
推し書籍📚 / Books and a QA Engineer
ak1210
0
140
CDK Toolkit Libraryにおけるテストの考え方
smt7174
1
540
Deep Security Conference 2025:生成AI時代のセキュリティ監視 /dsc2025-genai-secmon
mizutani
4
2.5k
スタックチャン家庭用アシスタントへの道
kanekoh
0
120
LLM拡張解体新書/llm-extension-deep-dive
oracle4engineer
PRO
23
5.7k
Maintainer Meetupで「生の声」を聞く ~講演だけじゃないKubeCon
logica0419
0
100
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
500
LIXIL基幹システム刷新に立ち向かう技術的アプローチについて
tsukuha
1
360
How Do I Contact Jetblue Airlines® Reservation Number: Fast Support Guide
thejetblueairhelpsupport
0
130
Copilot coding agentにベットしたいCTOが開発組織で取り組んだこと / GitHub Copilot coding agent in Team
tnir
0
170
AI Ready API ─ AI時代に求められるAPI設計とは?/ AI-Ready API - Designing MCP and APIs in the AI Era
yokawasa
0
180
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
410
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Transcript
ShifterͰͷShopify Headless Commerceͷ׆༻ 2020.08.05 @ Shifter Meetup Junichi Okamura
• Junichi Okamura, Sr. Technical Partner Manager at Shopify •
@benzookapi • API Lover/Midnight Developer/MANGA Creator/Beer Lover/App Hacker Who am I?
ϔουϨείϚʔεͷ֓ཁͱࣄྫ 01 ຊͷ͓ 02 Shopifyͷ֓ཁ 03 ϔουϨείϚʔεͷ࣮ݱํ๏ 04 ShifterΛͬͨσϞ 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 Shifterͱͷؔ ఆٛ Backend Frontend • ཧ • จཧ •
ૹཧ • ܾࡁ • ސ٬ཧ …etc • లࣔ • ϒϩά • SEO • ϞόΠϧରԠ • σβΠϯ …etc APIɾSDK
17 ϝϦοτ • ͍׳ΕͨWordpress templateʢCMSʣΛͦͷ··͑Δ • طଘࢿ࢈ʢSEO ɺϒϩάͳͲʣΛͦͷ··͑Δ • ؆୯ʹ੩తαΠτʹεϐʔυΞοϓͰ͖Δ
• Wordpressࣄྫͱݴ͑Δ Shifter (Wordpress) ͱܨ͍ͰԿ͕خ͍͔͠ʁ
18 ϔουϨείϚʔεͷ࣮ݱํ๏
19 Shopify Storefront API API Shopify Storefront API
20 Shopify JavaScript Buy SDK SDK Shopify Buy SDK
21 Shopify BuyButton.js JS Shopify Buy Button JS
22 Shopify Buy Button Channel APP Shopify Buy Button
23 ࣮ShifterͬͯΔʂ APP Shifter Shopify
24 Shifter Static + BuyButton.js σϞ https://naughty-joliot2216.on.getshifter.io
25 ൃలܥʢWordpress+Shifterެ։ΞϓϦʣ σϞ ɾίϨΫγϣϯAPI தؒαʔόʔతͳͷ ίϯςϯπAPI ੩తαΠτԽ Ұൠެ։ Πϯετʔϧ ϞόΠϧΞϓϦ
PWA ͞ΒͳΔϔουϨε
26 ࢀߟใ
27 Shopify ύʔτφʔϒϩά ։ൃऀ Shopify ΞϓϦ։ൃ
28 Shopify ΦϯϥΠϯίϛϡχςΟʢϑΥʔϥϜʣ ࣭ Shopify ϑΥʔϥϜ
29 Shopify Partner Boot Camp ʢ࣍ճ9݄ʣ ֶश Shopify Partner Boot
Camp
30 New! No Code ֶशαΠτ puzzlly ֶश puzzlly
None