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.3k
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
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 Technology
See All in Technology
Create Inquiry via Bedrock / 生成 AI で問い合わせ品質は変わるのか?思いついてぱっと作ったものを供養してみる
kazzpapa3
1
200
Vista FinderMx
jtes
0
160
All your memory are belong to… whom?
ennael
PRO
0
530
Interfacing Kernel C APIs from Rust
ennael
PRO
0
210
Amazon BedrockとPR-Agentでコードレビュー自動化に挑戦・実際に運用してみた
diggymo
0
550
Oracle Cloud Infrastructure:2024年9月度サービス・アップデート
oracle4engineer
PRO
0
350
virtme-ng
ennael
PRO
0
310
マルチAWSアカウント間のストリーミングによるデータ同期/AWS SaaS Builders Forum 2024
visional_engineering_and_design
1
110
【shownet.conf_】ShowNet伝送改めShowNet APN 2024
shownet
PRO
0
320
How CERN serves 1EB of data via FUSE
ennael
PRO
0
15k
AI時代のアジャイル開発(XP祭り2024版) / Agile Development in the AI Era in XPJUG
takaking22
13
3.4k
Perlで始めるeBPF: 自作Loaderの作り方 / Getting started with eBPF in Perl_How to create your own Loader
takehaya
1
170
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
The Language of Interfaces
destraynor
154
24k
Building a Modern Day E-commerce SEO Strategy
aleyda
37
6.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
4
98
We Have a Design System, Now What?
morganepeng
49
7.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
31
2.3k
Web development in the modern age
philhawksworth
205
10k
Designing for humans not robots
tammielis
249
25k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Designing the Hi-DPI Web
ddemaree
279
34k
Designing for Performance
lara
604
68k
BBQ
matthewcrist
84
9.2k
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