用語集一覧AI・開発
ヘッドレスCMS
読み方:ヘッドレスシーエムエス
コンテンツ管理機能(バックエンド)とコンテンツ表示機能(フロントエンド)を分離したCMSアーキテクチャ。APIを通じてコンテンツを配信するため、WebサイトだけでなくアプリやIoTデバイスなど任意のフロントエンドでコンテンツを再利用できる。
ヘッドレスCMSとは
従来のCMS(WordPress等)はバックエンドとフロントエンドが結合していますが、ヘッドレスCMSはコンテンツ管理部分(ヘッド=フロントエンドが存在しない)のみを提供し、APIでコンテンツを配信します。
従来CMSとの違い
| 比較軸 | 従来のCMS | ヘッドレスCMS |
|--------|-----------|--------------|
| 表示 | テーマで決まる | 自由に実装 |
| 配信先 | Webのみ | Web・アプリ・あらゆるデバイス |
| 柔軟性 | 低 | 高 |
| 学習コスト | 低 | 高 |
代表的なヘッドレスCMS
- • Contentful:エンタープライズ向け、豊富なAPI
- • Sanity:リアルタイム協働・高い柔軟性
- • Strapi:OSSでセルフホスト可能
- • Newt:日本向け機能が充実
活用シーン
フロントエンドにNext.jsを使い、コンテンツ管理にヘッドレスCMSを使うJamstack構成が、現代のWebサイト開発のベストプラクティスの一つとして普及しています。