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
300
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
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
leko
2
180
スタートアップの現場で実践しているテストマネジメント #jasst_kyushu
makky_tyuyan
0
120
まだ間に合う! 2025年のhono/ssg事情
watany
3
640
Azureコストと向き合った、4年半のリアル / Four and a half years of dealing with Azure costs
aeonpeople
1
270
AWS UG Grantでグローバル20名に選出されてre:Inventに行く話と、マルチクラウドセキュリティの教科書を執筆した話 / The Story of Being Selected for the AWS UG Grant to Attending re:Invent, and Writing a Multi-Cloud Security Textbook
yuj1osm
1
130
データ戦略部門 紹介資料
sansan33
PRO
1
3.8k
GraphRAG グラフDBを使ったLLM生成(自作漫画DBを用いた具体例を用いて)
seaturt1e
1
130
AIプロダクトのプロンプト実践テクニック / Practical Techniques for AI Product Prompts
saka2jp
0
100
MCP ✖️ Apps SDKを触ってみた
hisuzuya
0
350
Introdução a Service Mesh usando o Istio
aeciopires
1
280
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
3
720
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
150
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Context Engineering - Making Every Token Count
addyosmani
8
300
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
How STYLIGHT went responsive
nonsquared
100
5.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Raft: Consensus for Rubyists
vanstee
140
7.2k
A designer walks into a library…
pauljervisheath
209
24k
Agile that works and the tools we love
rasmusluckow
331
21k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Side Projects
sachag
455
43k
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