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

ヘッドレスCMS とは?

💡 「顔なし」だからこそ、どんな顔にもなれるCMS
📌 このページのポイント
従来型CMS vs ヘッドレスCMS 従来型CMS(WordPress等) フロントエンド(表示) バックエンド(管理) 一体型 = 密結合 Webサイトのみ ヘッドレスCMS バックエンド(管理)のみ API Webサイト モバイルアプリ IoT デバイス 分離型 = 複数チャネル対応
従来型CMSは一体型、ヘッドレスCMSはAPIで複数チャネルに配信
ひよこ ひよこ

ヘッドレスCMSって、WordPressみたいなCMSとは違うの?

ペンギン先生 ペンギン先生

WordPressのような従来型CMSはコンテンツ管理と表示画面がセットになってるよね。ヘッドレスCMSは表示部分を持たず、コンテンツをAPIで配信するだけ。表示はReactAstroなど好きな技術で自由に作れるんだよ

ひよこ ひよこ

表示部分がないって不便じゃないの?

ペンギン先生 ペンギン先生

むしろ逆で、表示を自由に作れるから便利なんだよ。同じコンテンツをWebサイトにもスマホアプリにもデジタルサイネージにも配信できる。従来型だとそれぞれ別に作らないといけなかったんだ

ひよこ ひよこ

どんなヘッドレスCMSが人気なの?

ペンギン先生 ペンギン先生

海外だとContentful、Sanity、Strapiが人気だね。日本だとmicroCMSやNewt が使いやすいと評判だよ。SaaS型とセルフホスト型があって、チームの規模や要件に合わせて選べるんだ

ひよこ ひよこ

デメリットはないの?

ペンギン先生 ペンギン先生

フロントエンドを自分で構築する必要があるから、エンジニアのスキルが求められるのはデメリットだね。あとプレビュー機能の実装も手間がかかる。ただ最近のヘッドレスCMSはリッチなプレビュー機能やビジュアルエディタを提供しているものも増えてきて、非エンジニアでも使いやすくなってるんだよ

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「ヘッドレスCMS」って出てきたら「表示部分を持たないAPI配信型のCMS」と思えればだいたいOK!
📖 おまけ:英語の意味
「Headless CMS」 = 頭(表示部分)のないコンテンツ管理システム
💬 「Head(頭)」はフロントエンド(表示部分)のことで、それが「less(ない)」という意味。体(コンテンツ管理)だけあって、頭(表示)は別に用意するイメージだよ
← 用語集にもどる