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
React + GraphQL を使ったShopify Appの作り方と そのマネタイズ方法
Search
benzookapi
February 25, 2021
Technology
1
1.3k
React + GraphQL を使ったShopify Appの作り方と そのマネタイズ方法
https://nodejs.connpass.com/event/203464/
benzookapi
February 25, 2021
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
160
Shopifyを使ったヘッドレスコマースの 実現方法と事例
benzookapi
0
200
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
AWS EventBridgeを活用したShopifyアプリの サーバーレス開発
benzookapi
0
2k
Other Decks in Technology
See All in Technology
The Madness of Multiple Gemini CLIs Developing Simultaneously with Jujutsu
gunta
1
2.3k
Amazon SNSサブスクリプションの誤解除を防ぐ
y_sakata
3
200
大規模組織にAIエージェントを迅速に導入するためのセキュリティの勘所 / AI agents for large-scale organizations
i35_267
5
190
LIXIL基幹システム刷新に立ち向かう技術的アプローチについて
tsukuha
1
1.1k
P2P ではじめる WebRTC のつまづきどころ
tnoho
1
130
Amazon CloudWatchのメトリクスインターバルについて / Metrics interval matters
ymotongpoo
3
180
AWS Well-Architected から考えるオブザーバビリティの勘所 / Considering the Essentials of Observability from AWS Well-Architected
sms_tech
1
820
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
39k
スプリントゴール未達症候群に送る処方箋
kakehashi
PRO
1
180
地図と生成AI
nakasho
0
560
Expertise as a Service via MCP
yodakeisuke
0
130
今日からあなたもGeminiを好きになる
subaruhello
1
520
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Producing Creativity
orderedlist
PRO
346
40k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
How STYLIGHT went responsive
nonsquared
100
5.6k
GitHub's CSS Performance
jonrohan
1031
460k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
GraphQLとの向き合い方2022年版
quramy
49
14k
Practical Orchestrator
shlominoach
189
11k
Raft: Consensus for Rubyists
vanstee
140
7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Transcript
React + GraphQL ΛͬͨShopify Appͷ࡞Γํͱ ͦͷϚωλΠζํ๏ 2021.2.25 @ NodeֶԂ 35࣌ݶ
ΦϯϥΠϯτϥΠΞϧ Junichi Okamura
• Junichi Okamura, Sr. Technical Partner Manager at Shopify •
@benzookapi • API Lover/Midnight Developer/MANGA Creator/Beer Lover/App Hacker Who am I?
ShopifyΞϓϦ։ൃʹඞཁͳεΩϧ 01 ຊͷ͓ 02 ShopifyͱΞϓϦΤίγεςϜͷ֓ཁ 03 ShopifyΞϓϦ։ൃͷϚωλΠζ 04 ShopifyΞϓϦ։ൃͷֶशํ๏
4 ShopifyʢγϣοϐϑΝΠʣʹ͍ͭͯ
ShopifyΫϥυϕʔεͷίϚʔεϓϥοτϑΥʔϜͰ͢ɻݸਓͷํ͔Βେ اۀ·Ͱ҆৺ͯ͠͝ར༻͍͚ͨͩ·͢ɻ 2006 Shopify ϩʔϯν $2,9B ऩӹֹ (աڈ12ϱ݄) 6,000+ ΞϓϦετΞʹެ։͞Ε͍ͯΔΞϓϦͷ
$277B ࣄۀऀ༷ͷGMV (ྦྷܭ) 4.9 million ళฮͷελοϑΞΧϯτ 1,700,000+ ళฮ —— 175ϱࠃ~ 7,000+ ࣾһ Shopifyʹ͍ͭͯ શϦϞʔτԽ Digital by defaultͷͱ2020·ͰΦϑΟεΛશΫϩʔζ
ϚϧννϟωϧίϚʔεϓϥοτϑΥʔϜ
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
9 ShopifyͷΞϓϦΤίγεςϜ
10 ShopifyΞϓϦετΞͱύʔτφʔϓϩάϥϜ ֦େ͢Δ Τίγε ςϜ
11 ຊͰΞϓϦΤίγεςϜٸ֦େ ֦େ͢Δ Τίγε ςϜ ຊಛԽ
12 ΞϓϦ։ൃͷୈҰาɿύʔτφʔొ ֦େ͢Δ Τίγε ςϜ
13 ShopifyΞϓϦͷ։ൃʹඞཁͳεΩϧ
14 ϚϧνςφϯτܕͷΣϒ։ൃͷܦݧ ShopifyΞϓ Ϧ։ൃʹඞ ཁͳεΩϧ ਤͷग़యɿεϚΫϥ https://www.smclbms.com/smcl/service_edi/multiTenant ShopifyΞϓϦʹΫϥυܕ OSSϓϥάΠϯʹܕ εέʔϧΞτͷඞཁੑ
15 ϑϩϯτΤϯυͱόοΫΤϯυͷόϥϯεྑ͍ࣝ ShopifyΞϓ Ϧ։ൃʹඞ ཁͳεΩϧ ϑϩϯτΤϯυʢετΞʣ όοΫΤϯυʢཧը໘ʣ JavaScript/HTML/CSS/Liquid GraphQL/React/REST/Database
16 ShopifyΞϓϦͷΞʔΩςΫνϟ ΞϓϦͷ ߏ
17 ShopifyΞϓϦͷΞʔΩςΫνϟ ΞϓϦͷ ߏ EventBridge AWS
18 Shopify App CLIͰߴ։ൃʂ Node+ React͍ ͳΒɾɾɾ
19 ShopifyΞϓϦͷ։ൃͷϚωλΠζ
20 ੈքதͰΘΕ͍ͯΔΞϓϦͷ ΞϓϦ ύʔτφʔ ޭࣄྫ
21 • ࣗࣾαʔϏεΛߟ͑ͯىۀɺ·ͨͦ͏͍ͬͨձࣾͰಇ͘ • ▶︎ػೳઃܭސ٬։Λશ෦ࣗୡͰߦ͏ඞཁ͋Γ • ▶︎ചΕΔ·Ͱ͠ΜͲ͍ɺ֮ޛͱ͕࣌ؒඞཁ • डୗҊ݅Λडͯ͠ೲɺ·ͨͦ͏͍ͬͨձࣾͰಇ͘ •
▶︎ػೳཁ݅Λސ٬͝ͱʹ٧ΊΔඞཁ͕͋Δ • ▶︎εέʔϧ͠ʹ͍͘ɺࣄ͕ݻఆԽ͕ͪ͠ ࣗࣾαʔϏε vs डୗ։ൃ ΤϯδχΞͷ ΩϟϦΞͰΑ ͘ʹͳΔ ͜ͱ
22 • ϓϥοτϑΥʔϜͷجຊػೳطଘސ٬ʹࣗࣾαʔϏεͷఏ ڙडୗ։ൃΛఏڙ͢Δ • ▶︎ࣗୡͷఏڙͰ͖ΔόϦϡʔʹಛԽͰ͖Δ • ▶︎։ൃίετ͕Լ͕ΔͷͰϦεΫ࣌ؒΛݮͰ͖Δ • ▶︎ػೳཁ݅جຊతͳ෦εΩοϓ
• ▶︎෭ۀతʹ࢝Ί͍͢ͷͰ৽͍͠ઓ͍͢͠ ϓϥοτϑΥʔϜ্ͰޮΑ͘Ք͙ ୈ3ͷτϨϯ υ
23 ຊಛԽܕͷΞϓϦͷ ຊͰͷ ࣄྫ डୗҊ݅తχʔζΛҰൠԽ
24 ΫϩεϓϥοτϑΥʔϜͰαʔϏεఏڙ ຊͰͷ ࣄྫ ҰൠతχʔζΛαʔϏεԽ
25 ։ൃऀͱ੍࡞ձࣾͷڠۀʢΪϧυʣ ຊͰͷ ࣄྫ ݸਓͱاۀͰେ͖ͳϏδωε
26 ͜Μͳϒ ϩά ɾɾɾ ※͋͘·Ͱύʔτφʔ͞ΜͷݸਓతͳਪଌͰ͢
27 ShopifyΞϓϦͷ։ൃͷֶश
28 Shopify ύʔτφʔϒϩά Shopify ΞϓϦ։ൃ ΞϓϦͷ ։ൃͱެ ։
29 Shopify ΦϯϥΠϯίϛϡχςΟʢϑΥʔϥϜʣ Shopify ϑΥʔϥϜ ࣭ͱΞ ΠσΟΞ
30 Shopify ύʔτφʔFacebookάϧʔϓ ύʔτ φʔͱͷ ڠۀ ※ࢀՃʹύʔτφʔΞΧϯτ͕ඞཁͰ͢
None