Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
JSON:API入門 / Introduction to JSON:API
Search
アクイアジャパン Acquia Japan
September 16, 2020
Programming
170
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
JSON:API入門 / Introduction to JSON:API
https://www.acquia.com/jp/resources/webinars/acquia-devchannel-vol11
アクイアジャパン Acquia Japan
September 16, 2020
More Decks by アクイアジャパン Acquia Japan
See All by アクイアジャパン Acquia Japan
Auth0 by OktaとDrupalで実践!認証付きアプリケーションの新しいアプローチ
acquiajp
0
240
Drupal 10.3の新機能紹介ウェビナー
acquiajp
0
280
DrupalCon Portland 2024 総まとめウェビナー
acquiajp
0
140
開発者必見!Acquia Cloud IDEで最高のDrupal開発を始めよう
acquiajp
0
240
触って学ぶ!デジタルアセット管理 Acquia DAM ハンズオンウェビナー
acquiajp
0
57
DrupalCon Lille 2023 総まとめウェビナー
acquiajp
0
120
コンテンツ設計手法で変更に強いアプリケーションを実現する〜ローコードによるWebアプリのバックエンド実装 #CNDF2023
acquiajp
0
410
DrupalCon Pittsburgh 2023 総まとめウェビナー
acquiajp
0
110
Acquia製品概要&Site Studioデモのご紹介
acquiajp
0
150
Other Decks in Programming
See All in Programming
Heart of Swift Concurrency
koher
0
220
GraphRAGのKnowledge Graphを 直接!見る/View-GraphRAG's-KnowledgeGraph-directly!
tyumugi1113
1
280
Seeing Through Serverless: Observability for AWS Lambda with ADOT and CloudWatch Application Signals
seike460
PRO
1
130
Swift愛好会と私(ウホーイ) / Swift Fan Club and Uhooi
uhooi
0
150
Swift愛好会100回記念 第1回を振り返る
jollyjoester
0
120
AIエージェント時代のコードレビューを設計する
nogu66
6
2.6k
『寄り添うラジオ』をAIで作る 体験価値から逆算した、会話しないUXと品質設計
theoriatec2024
3
150
tsc.rip を支える技術 / Kyoto.なんか #8
susisu
0
4.4k
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
convto
5
6.1k
Foundry Localでエージェント開発
seosoft
0
170
マイコン向けの軽量Ruby「PicoRuby」で各種デバイスを制御するネイティブアプリの実現手法
bash0c7
0
330
AIの中の人になってみる
htkym
0
170
Featured
See All Featured
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
240
Typedesign – Prime Four
hannesfritz
42
3.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
240
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
500
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
660
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
310
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Odyssey Design
rkendrick25
PRO
2
800
Automating Front-end Workflow
addyosmani
1369
210k
Exploring anti-patterns in Rails
aemeredith
3
500
Building the Perfect Custom Keyboard
takai
2
870
Transcript
JSON:API ೖ Drupal ͷ Web API JSON:API ͱʁ JSON:API ΤϯυϙΠϯτ
CRUDΦϖϨʔγϣϯ ߴͳϦιʔεͷऔಘํ๏ σϞ Q&A AGENDA
ຊͷεϐʔΧʔ ΞΫΠΞδϟύϯ ؛ढ़ฌ ιϦϡʔγϣϯΤϯδχΞ ΞΫΠΞδϟύϯ ؙࢁͻ͔Δ ςΫχΧϧτϥϯεϨʔλʔ ͰͿͪΌΜͶΔ
DrupalAPI-FirstɺHeadless Architecture ʹ ྗΛೖΕ͍ͯΔʂ https://dri.es/state-of-drupal-presentation-july-2020
Drupal ͷ Web API – RESTful Web Services – REST
API – ίΞϞδϡʔϧ – JSON:API – REST API – ίΞϞδϡʔϧ – GraphQL – ΫΤϦݴޠ – ίϯτϦϏϡʔτϞδϡʔϧ
Drupal ͷ Web API – RESTful Web Services – REST
API – ίΞϞδϡʔϧ – JSON:API – REST API – ίΞϞδϡʔϧ – GraphQL – ΫΤϦݴޠ – ίϯτϦϏϡʔτϞδϡʔϧ
JSON:API ͱ - 2016ΑΓ։ൃ։࢝ - Drupal 8.7 ʙ ίΞϞδϡʔϧͱͯ͠ಋೖ -
DrupalͷϢʔβʔͱύʔϛογϣϯΛ׆༻ - JSON API ͷ༷ʹ४ڌ
JSON:API ͱ JSON API ͱ - https://jsonapi.org - JSONͰAPIΛ࡞͢ΔͨΊͷΦʔϓϯελϯμʔυͳ༷ -
ڞ༗͞Εͨنʹै͏͜ͱͰ RESTful APIΛਝ͔ͭҰ؏ͯ͠࡞ - 2016ΑΓ։ൃ։࢝ - Drupal 8.7 ʙ ίΞϞδϡʔϧͱͯ͠ಋೖ - DrupalͷϢʔβʔͱύʔϛογϣϯΛ׆༻ - JSON API ͷ༷ʹ४ڌ
JSON:APIͷΤϯυϙΠϯτ - /jsonapi/node/article શͯͷهࣄ(article)ϦιʔεΛऔಘ - /jsonapi/node/article/xxx UUID=xxx ͷهࣄΛऔಘ - /jsonapi/node/article/xxx/uid
هࣄ(UUID=xxx)ͱඥ͘ߘऀ(Ϣʔβʔ)ϦιʔεΛऔಘ
None
JSON:API ͷ CRUD ΦϖϨʔγϣϯ GET POST PATCH DELETE ➔Ϧιʔεͷऔಘʢ୯Ұ or
ෳʣ ➔৽͍͠ϦιʔεΛ࡞ ➔طଘͷϦιʔεͷߋ৽ ➔طଘͷϦιʔεͷআ PUTະରԠ GETͷΈෳϦιʔεΛѻ͑Δ
ߴͳϦιʔεऔಘํ๏ - ϑΟϧλϦϯά - ιʔτ - ϖʔδωʔγϣϯ
ߴͳϦιʔεͷऔಘํ๏ɿϑΟϧλϦϯά GET /jsonapi/node/article?filter[label-a][condition][path]=title &filter[label-a][condition][operator]=CONTAINS &filter[label-a][condition][value]=react λΠτϧͰߜΓࠐΈ GET /jsonapi/node/article?filter[label-b][condition][path]=created &filter[label-b][condition][operator]=< &filter[label-b][condition][value]=1598713200
ͰߜΓࠐΈ
ߴͳϦιʔεͷऔಘํ๏ɿιʔτ GET /jsonapi/node/article?sort[sort-title][path]=title λΠτϧͰιʔτʢະࢦఆ࣌ঢॱʣ GET /jsonapi/node/article?sort[sort-title][path]=title &sort[sort-title][direction]=DESC λΠτϧͰ߱ॱιʔτ
ߴͳϦιʔεͷऔಘํ๏ɿϖʔδωʔγϣϯ GET /jsonapi/node/article?page[offset]=20 &page[limit]=10 Ґஔ20͔Β10ݸऔಘ
σϞΞϓϦέʔγϣϯͷߏ - όοΫΤϯυ - Drupal 8 - ϑϩϯτΤϯυ - React
DEMO https://github.com/DrupalizeMe/react-and-drupal-examples
JSON:API ೖ AGENDA Drupal ͷ Web API JSON:API ͱʁ JSON:API
ΤϯυϙΠϯτ CRUDΦϖϨʔγϣϯ ߴͳϦιʔεͷऔಘํ๏ σϞ Q&A
ࢀߟࢿྉ • JSON:API υΩϡϝϯτ ◦ https://www.drupal.org/docs/core-modules-and-themes/core-modules/ jsonapi-module • JSON API
◦ https://jsonapi.org • ༻ͨ͠σϞΞϓϦͷιʔείʔυ ◦ https://github.com/DrupalizeMe/react-and-drupal-examples • JSON:APIͷσϞಈը (Dries Buytaert) ◦ https://youtu.be/zEsNlAeYRn8
None