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
2k
Shopify Storefront APIを使った PWA e-commerceの解説とデモ
benzookapi
0
470
DevRel for tech. entrepreneurs: Beyond platform partners
benzookapi
0
150
Shopifyを使ったヘッドレスコマースの 実現方法と事例
benzookapi
0
180
Shopifyアプリエコシステムで始める 第3のスキルマネタイズ
benzookapi
0
4.2k
Tech. Blog TIPS
benzookapi
0
280
Our new DevRel: Invention of scaling out partner ecosystem
benzookapi
0
270
WordPressとShopifyでECサイトを作ろう
benzookapi
0
1.1k
AWS EventBridgeを活用したShopifyアプリの サーバーレス開発
benzookapi
0
1.9k
Other Decks in Technology
See All in Technology
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
大事なのは、AIの精度だけじゃない!〜1円のズレも許されない経理領域とAI〜
jun_nemoto
9
4.9k
面接を通過するためにやってて良かったこと3選
sansantech
PRO
0
110
AIのための オンボーディングドキュメントを整備する - hirotea
hirotea
9
2.2k
Okayama WordPress Meetup #12 | そのバックアップ、本当に復元できますか? リストアやってみた!
takeshifurusato
0
110
テストを実施する前に考えるべきテストの話 / Thinking About Testing Before You Test
nihonbuson
PRO
12
1.9k
“⾞が通れるほど⼤きな”セキュリティーホールを抑えながらログインしたい
taiseiue
0
130
ITエンジニアを取り巻く環境とキャリアパス / A career path for Japanese IT engineers
takatama
3
1.5k
ゴリラ.vim #36 ~ Vim x SNS ~ スポンサーセッション
yasunori0418
1
260
Machine Intelligence for Vision, Language, and Actions
keio_smilab
PRO
0
420
Cloud Run を解剖して コンテナ監視を考える / Breaking Down Cloud Run to Rethink Container Monitoring
aoto
PRO
0
110
スプリントゴールで価値を駆動しよう
takufujii
3
1.6k
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The World Runs on Bad Software
bkeepers
PRO
68
11k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
How to train your dragon (web standard)
notwaldorf
92
6k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
The Power of CSS Pseudo Elements
geoffreycrofte
76
5.8k
GraphQLとの向き合い方2022年版
quramy
46
14k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
The Cost Of JavaScript in 2023
addyosmani
49
8k
Fireside Chat
paigeccino
37
3.5k
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