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
Contentfulで作るヘッドレスCMS
Search
Tsubasa SEKIGUCHI
December 05, 2022
Programming
0
140
Contentfulで作るヘッドレスCMS
#shupaconf3 にて発表させていただいたスライドです。
ヘッドレスCMSについて説明させていただきました。
Tsubasa SEKIGUCHI
December 05, 2022
Tweet
Share
More Decks by Tsubasa SEKIGUCHI
See All by Tsubasa SEKIGUCHI
React Nativeではじめる ハイパフォーマンス スマホアプリ開発(GENIEE Edit)
tinykitten
0
91
AWS/GCPで始める 生成AI入門
tinykitten
0
110
Rustとtonicで始める gRPC入門(GENIEE Edit)
tinykitten
0
15
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
0
260
Rustとtonicで始める gRPC再入門
tinykitten
0
790
gRPCで始める ハイパフォーマンス タイプセーフウェブ開発
tinykitten
0
240
ノンデザイナーが 多少マシな見た目の資料を作る方法
tinykitten
0
170
はじめての GitHub Actionsアクション開発
tinykitten
0
130
UI/UXをないがしろにしない「きもちのいい」Webサービスの作り方
tinykitten
0
130
Other Decks in Programming
See All in Programming
CloudNativePGを布教したい
nnaka2992
0
120
kintone開発を効率化するためにチームで試した施策とその結果を大放出!
oguemon
0
320
AIレビュー導入によるCIツールとの共存と最適化
kamo26sima
1
200
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
500
ソフトウェアエンジニアの成長
masuda220
PRO
12
2.2k
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
1.2k
「個人開発マネタイズ大全」が教えてくれたこと
bani24884
1
290
Domain-Driven Design (Tutorial)
hschwentner
13
22k
Honoとフロントエンドの 型安全性について
yodaka
7
1.5k
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
320
はじめての Go * WASM * OCR
sgash708
1
120
生成AIで加速するテスト実装 - ロリポップ for Gamersの事例と 生成AIエディタの活用
kinosuke01
0
140
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
34
3.1k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
We Have a Design System, Now What?
morganepeng
51
7.4k
Embracing the Ebb and Flow
colly
84
4.6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
Practical Orchestrator
shlominoach
186
10k
How STYLIGHT went responsive
nonsquared
99
5.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Fireside Chat
paigeccino
35
3.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
A Philosophy of Restraint
colly
203
16k
Transcript
ContentfulͰ࡞Δ ϔουϨε$.4 How to make “Headless CMS” with Contentful. Shupaconf
#3 2017.05.05 @ Shibamata Katsushika, Tokyo Tsubasa SEKIGUCHI EXC-3645969186565158903
5JOZ,JUUFO @tinykitten8
ؔޱཌྷ Tsubasa SEKIGUCHI
Section 01 $.4ͬͯԿʁ What is CMS? 01. What is CMS?
ΣϒίϯςϯπΛߏ͢ΔςΩετ ը૾ͳͲͷσδλϧίϯςϯπΛ ౷߹ɾମܥతʹཧ͠ɺ ৴ͳͲඞཁͳॲཧΛߦ͏γεςϜͷ૯শɻ ίϯςϯπཧγεςϜ(CMS) 01. What is CMS?
01. What is CMS?
ҎલͷCMSͰ 01. What is CMS?
Editor Viewer Backend/Frontend 01. What is CMS?
CMSࣗମ ϑϩϯτ୲͍ͯ͠Δ 01. What is CMS?
՝ɿ ϑϩϯτͱόοΫΤϯυ͕ ີ݁߹ 01. What is CMS?
Section 02 lϔουϨεz$.4ͬͯԿʁ What is “Headless” CMS? 02. What is
“Headless” CMS?
άϥϑΟΧϧΠϯλʔϑΣʔεͳ͠Ͱ σόΠε্Ͱಈ࡞͢Δ͜ͱ͕Ͱ͖ΔιϑτΣΞ ϔουϨειϑτΣΞ(Headless Software) 02. What is “Headless” CMS?
ϔουϨεCMSͰ 02. What is “Headless” CMS?
PC/SP PC/SP Frontend 02. What is “Headless” CMS?
PC/SP PC/SP Frontend Digital Signage Frontend Digital Signage 02. What
is “Headless” CMS?
PC/SP PC/SP Frontend Digital Signage Frontend Digital Signage Content API
REST(GraphQL) API Editor UI Editor 02. What is “Headless” CMS?
ϑϩϯτɾόοΫͷ ։ൃ͕Մೳ 02. What is “Headless” CMS?
APIϑΝʔετͷͨΊɺ ϑϩϯτͷࣗ༝͕ߴ·Δ ͭ·ΓɺσδλϧαΠωʔδΣΞϥϒϧσόΠεͷ৴ͳͲՄೳ 02. What is “Headless” CMS?
Section 03 σϝϦοτ Disadvantage 03. Disadvantage
API࣭ͷཁٻ͕ߴ͍ σϝϦοτ01 03. Disadvantage
։ൃίετ͕͔͔Δ σϝϦοτ02 03. Disadvantage
Section 04 ࣮ɾαʔϏε Implementation & Service 04. Implementation & Service
04. Implementation & Service
WP REST API 04. Implementation & Service
WordPressͷཧUIΛ༻͍ͯ Headless CMSΛߏஙͰ͖Δ 04. Implementation & Service
ͳʹ͛ʹυΩϡϝϯτຊޠ 04. Implementation & Service
04. Implementation & Service
04. Implementation & Service
DPOUFOUGVM"1*ϑΝʔετͳ$.4ͰɺυΠπͷελʔτΞοϓʹΑͬͯ։ ൃ͞Ε͓ͯΓɺ8PSE1SFTT%SVQBMͳͲͷैདྷͷ$.4ͱҟͳΓɺσΟ εΫτοϓϞόΠϧ͚ͩͰͳ͘ɺσδλϧαΠωʔδɺεϚʔτΥο νͳͲͷϓϥοτϑΥʔϜͷίϯςϯπ৴͕Մೳͳ"1*͕༻ҙ͞Ε͍ͯΔ ͜ͱ͕ಛͰ͢ɻ https://qiita.com/daikiojm/items/3fbde3c88a7d0a053675 04. Implementation & Service
ͯ͢ӳޠ 04. Implementation & Service
Section 05 /VYUKTͰ࣮ Implement CMS with Nuxt.js and Contentful 05.
Implement CMS with Nuxt.js and Contentful
05. Implement CMS with Nuxt.js and Contentful
05. Implement CMS with Nuxt.js and Contentful
ࢼͯ͠Έ͍ͨํͪ͜Β 05. Implement CMS with Nuxt.js and Contentful
͝੩ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ TinyKitten @tinykitten8