【へっどれすしーえむえす】

ヘッドレスCMS とは?

最終更新:
💡 「顔なし」だからこそ、どんな顔にもなれるCMS

コンテンツ管理と利用者向けの表示部分を分離し、API経由でコンテンツを渡すCMS。編集用の管理画面は備え、Webサイトやアプリなどの表示側は別に実装する。

📌 このページのポイント
CMSの管理と表示の関係 一体型の構成例 ヘッドレスCMS コンテンツ管理 編集用の管理画面 利用者向けの表示 CMSの表示機能を利用 コンテンツ管理 編集用の画面 APIで渡す Web アプリ 表示側は別に実装
表示を一体で扱う構成と、API経由で表示側を分離する構成。WordPressもAPIを使って別の表示側へ連携できる。
ひよこ ひよこ
ヘッドレスCMSって、WordPressみたいなCMSとは違うの?
ペンギン先生 ペンギン先生
ヘッドレスCMSは、コンテンツを管理する部分と、利用者に見せる画面を分離しているよ。編集用の管理画面までなくなるわけではないんだ。表示側はReactやAstroなどで別に作れる。WordPressもREST APIを使えば、組み込みの表示部分とは別のアプリや画面にコンテンツを渡せるよ。
ひよこ ひよこ
表示部分がないって不便じゃないの?
ペンギン先生 ペンギン先生
表示の自由度が上がり、同じコンテンツをWebサイトやスマホアプリ、デジタルサイネージなどで使えるよ。一方、それぞれの表示画面やAPIとの連携は用意する必要があるんだ。複数の媒体に配信するだけなら、ヘッドレスCMS以外にも実現する方法はあるよ。
ひよこ ひよこ
どんなヘッドレスCMSがあるの?
ペンギン先生 ペンギン先生
例えばContentful、Strapi、microCMSがあるよ。Strapiにはコンテンツや利用者を管理する画面があり、microCMSはAPIから取得したデータでWebサイトやアプリを作れるんだ。選ぶときは、必要なAPI、編集作業、運用方法などが自分たちの要件に合うか確かめよう。
ひよこ ひよこ
デメリットはないの?
ペンギン先生 ペンギン先生
表示側の開発や運用、プレビューの連携を用意する必要があるよ。製品によって支援機能も違う。例えばContentfulでは編集画面と並べてプレビューできるけれど、プレビューURLなどの設定が必要で、変更を即座に反映する機能にはSDKの導入も必要なんだ。
ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「ヘッドレスCMS」って出てきたら「表示側を分離した、APIでコンテンツを渡すCMS」と思えばだいたいOK!
📖 おまけ:英語の意味
「Headless CMS」 = 頭(表示部分)のないコンテンツ管理システム
💬 「Head(頭)」はフロントエンド(表示部分)のことで、それが「less(ない)」という意味。体(コンテンツ管理)だけあって、頭(表示)は別に用意するイメージだよ

参考資料

← 用語集にもどる