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
600
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
290
WordPressとShopifyでECサイトを作ろう
benzookapi
0
1.1k
AWS EventBridgeを活用したShopifyアプリの サーバーレス開発
benzookapi
0
2k
Other Decks in Technology
See All in Technology
20250929_QaaS_vol20
mura_shin
0
110
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
11
77k
PLaMoの事後学習を支える技術 / PFN LLMセミナー
pfn
PRO
9
3.4k
SOC2取得の全体像
shonansurvivors
1
340
WebアプリケーションのUI構築で気を付けてるポイント
tomokusaba
0
200
避けられないI/O待ちに対処する: Rails アプリにおけるSSEとasync gemの活用 / Tackling Inevitable I/O Latency in Rails Apps with SSE and the async gem
moznion
2
1.8k
VCC 2025 Write-up
bata_24
0
140
入門 FormObject / An Introduction to FormObject #kaigionrails
expajp
2
1.6k
PyCon JP 2025 DAY1 「Hello, satellite data! ~Pythonではじめる衛星データ解析~」
ra0kley
0
830
今改めてServiceクラスについて考える 〜あるRails開発者の10年〜
joker1007
20
9.4k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
全てGoで作るP2P対戦ゲーム入門
ponyo877
3
1.2k
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Building an army of robots
kneath
306
46k
Agile that works and the tools we love
rasmusluckow
330
21k
How to Think Like a Performance Engineer
csswizardry
27
2k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
600
Become a Pro
speakerdeck
PRO
29
5.5k
A Modern Web Designer's Workflow
chriscoyier
697
190k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
840
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
The Invisible Side of Design
smashingmag
301
51k
Site-Speed That Sticks
csswizardry
11
870
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