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
600
DevRel for tech. entrepreneurs: Beyond platform partners
benzookapi
0
160
Shopifyを使ったヘッドレスコマースの 実現方法と事例
benzookapi
0
200
React + GraphQL を使ったShopify Appの作り方と そのマネタイズ方法
benzookapi
1
1.3k
Shopifyアプリエコシステムで始める 第3のスキルマネタイズ
benzookapi
0
4.3k
Tech. Blog TIPS
benzookapi
0
300
Our new DevRel: Invention of scaling out partner ecosystem
benzookapi
0
290
WordPressとShopifyでECサイトを作ろう
benzookapi
0
1.1k
Other Decks in Technology
See All in Technology
小学4年生夏休みの自由研究「ぼくと Copilot エージェント」
taichinakamura
0
620
空間を設計する力を考える / 20251004 Naoki Takahashi
shift_evolve
PRO
4
460
20251007: What happens when multi-agent systems become larger? (CyberAgent, Inc)
ornew
1
180
Azure Well-Architected Framework入門
tomokusaba
1
350
Uncle Bobの「プロフェッショナリズムへの期待」から学ぶプロの覚悟
nakasho
2
110
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
380
OCI Network Firewall 概要
oracle4engineer
PRO
2
7.9k
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
170
Trust as Infrastructure
bcantrill
1
370
三菱電機・ソニーグループ共同の「Agile Japan企業内サテライト」_2025
sony
0
140
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
noayaoshiro
0
250
防災デジタル分野での官民共創の取り組み (2)DIT/CCとD-CERTについて
ditccsugii
0
170
Featured
See All Featured
How to Ace a Technical Interview
jacobian
280
24k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Designing Experiences People Love
moore
142
24k
Fireside Chat
paigeccino
40
3.7k
Leading Effective Engineering Teams in the AI Era
addyosmani
1
22
Measuring & Analyzing Core Web Vitals
bluesmoon
9
620
Raft: Consensus for Rubyists
vanstee
139
7.1k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Six Lessons from altMBA
skipperchong
28
4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Bash Introduction
62gerente
615
210k
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