📋 目次をひらく / とじる 全6項目
Headless CMSとは — 従来CMSとの違い
従来のCMS(WordPress等)の構造
WordPressに代表される従来のCMSは、コンテンツの管理と表示(テーマ・テンプレート)が一体になっています。サーバー側でHTMLを生成してブラウザに返す「モノリシック」な構造です。
Headless CMSの構造
Headless CMSはコンテンツの管理部分(バックエンド)のみを提供し、表示部分(フロントエンド)は持ちません。コンテンツはAPIを通じてJSON形式で取得し、別途構築したフロントエンド(WebサイトやモバイルアプリやIoTデバイス)で表示します。
| 従来のCMS(WordPress等) | Headless CMS | |
|---|---|---|
| 表示部分 | テーマ/テンプレートが内蔵 | フロントエンドを別途構築 |
| コンテンツ取得 | サーバーサイドレンダリング | APIで取得(JSON) |
| 配信先 | Webのみ | Web・アプリ・IoT等 |
| 技術的難易度 | 中(PHPの知識で拡張可) | 高(フロントエンド開発が必要) |
| ページ表示速度 | サーバー負荷に依存 | 静的配信で高速化しやすい |
Headless CMSが向いているケース
- 同じコンテンツをWebサイト・スマートフォンアプリ・デジタルサイネージなど複数チャネルに配信したい
- フロントエンドの技術スタック(React・Vue・Astro等)を自由に選びたい
- サイトの表示速度・パフォーマンスを最大化したい
Jamstackアーキテクチャとの関係
JamstackはJavaScript・API・Markupの頭文字を取ったWebアーキテクチャです。ビルド時に静的なHTMLをあらかじめ生成し、CDNで配信することで、リクエストのたびにサーバーで処理を行う従来の方式より高速かつセキュアなサイトを構築できます。
Jamstackの構成例
Headless CMSはJamstackの「A(API)」の部分を担います。
| 役割 | 代表的なツール |
|---|---|
| コンテンツ管理(API) | microCMS・Contentful・Sanity |
| フロントエンド | Astro・Next.js・Nuxt・SvelteKit |
| ホスティング(CDN) | Cloudflare Pages・Vercel・Netlify |
Jamstackのメリット
- 表示速度:CDNからHTMLを直接配信するため、サーバーサイドレンダリングより応答が速い
- セキュリティ:サーバーサイドのロジックが少ないため攻撃対象となるエンドポイントが少ない
- スケーラビリティ:静的ファイルの配信なのでトラフィックが増えても対応しやすい
Jamstackの制約
- 動的なコンテンツ(ユーザーごとに異なる表示・リアルタイム更新)はビルドのみでは対応できず、別途APIやサーバーレス関数が必要
- コンテンツを更新するたびにリビルドが必要(数秒〜数分)
- フロントエンド開発の知識が前提
microCMS — 日本製・APIベースのHeadless CMS
特徴
microCMSはRIZAPグループが運営する日本製Headless CMSです。管理画面・ドキュメント・サポートがすべて日本語で、国内の開発者コミュニティでの採用実績が多数あります。APIリクエスト無制限のHobbyプランから始められる点も特徴です。
料金(2026年9月時点・税抜き)
| プラン | 月額 | メンバー数 | API数 | データ転送量 |
|---|---|---|---|---|
| Hobby | ¥0 | 3名 | 5個 | 20GB/月(超過でAPI停止) |
| Team | ¥4,900〜 | 3名〜(+¥1,200/人) | 10個〜(+¥2,000/個) | 200GB/月(+¥20/GB) |
| Business | ¥75,000〜 | 20名〜 | 30個〜 | 1TB/月(+¥18/GB) |
| Enterprise | 要見積もり | 50名〜 | 50個〜 | 1TB〜 |
Hobbyプランの20GB上限は個人の学習・小規模な試作には十分ですが、本番環境での継続運用にはTeamプラン以上が必要になるケースが多いです。
向いているケース
- 日本語環境・日本語サポートを重視する
- Astro・Next.js等のフレームワークと組み合わせてJamstackサイトを構築したい
- まず無料で試してから本番移行を判断したい
microCMSの詳細情報を確認
料金プラン・機能・公式サイトへのリンク
Contentful — グローバル標準のHeadless CMS
特徴
ContentfulはHeadless CMSの中でも歴史が長く、グローバルな大企業での採用実績が多いサービスです。豊富なSDK・Webhook連携・ロールベースのアクセス制御など、エンタープライズ向けの機能が充実しています。管理画面とドキュメントは英語が主体です。
料金(2026年9月時点)
| プラン | 月額 | 特徴 |
|---|---|---|
| Free(無料) | $0 | 10ユーザー・月10万APIコール・50GB帯域 |
| Lite | $300(約¥47,180)/月 | 20ユーザー・月100万APIコール・100GB帯域 |
| Premium | 要見積もり | ユーザー数・ロール・ロケールをカスタム・APIコール無制限 |
無料のFreeプランからLiteプランへの移行で月額$300(約¥47,180)と価格差が大きく、個人・中小規模の利用では中間プランがない点が課題です。
向いているケース
- グローバル展開・多言語サイトを構築したい
- 大規模なコンテンツ管理・複数チームでの分業が必要
- エンタープライズ向けのセキュリティ・SLAが必要
確認しておきたい点
Liteプランはドル建てのため、円換算額は為替変動の影響を受けます。記載金額は調査時点(2026年9月)のものです。
Contentfulの詳細情報を確認
料金プラン・機能・公式サイトへのリンク
WordPressと比較した場合の選び方
Headless CMSが向いているプロジェクト
- 複数チャネル配信:WebサイトとスマホアプリとLINEミニアプリなど、同一コンテンツを複数の場所に配信する
- パフォーマンス最優先:Core Web Vitalsのスコアを高く保ちたい、大規模トラフィックに対応したい
- フロントエンド技術の自由度:React・Vue・Svelteなど任意のフレームワークを使いたい
WordPressが向いているプロジェクト
- チームにフロントエンド開発者がいない、または育てる余裕がない
- プラグインで機能を追加しながら運用したい
- 既存のWordPressテーマ・エコシステムを活用したい
コスト比較
Headless CMSの初期構築は、フロントエンド開発工数がWordPress構築より多くかかるケースがほとんどです。ただし、CDNホスティング(Cloudflare Pages・Vercel等)は小規模なら無料〜低価格で利用できるため、長期的なランニングコストは抑えられる場合があります。
| コスト項目 | WordPress(自己ホスト) | Headless CMS + Jamstack |
|---|---|---|
| CMS費用 | 無料 | 無料〜(Hobby/Free) |
| ホスティング | 月500〜1,500円 | 無料〜(CDN) |
| 初期構築工数 | 低〜中 | 中〜高 |
| 保守(更新作業) | 月1〜2回のアップデート | フロントエンドのビルドパイプライン管理 |
よくある質問(FAQ)
Q Headless CMSはエンジニアなしで使えますか?
Q WordPressとHeadless CMSはどちらが向いていますか?
Q microCMSは無料で使えますか?
Q Jamstackとは何ですか?
Q Headless CMSに移行するコストはどのくらいかかりますか?
CMS・ブログ構築サービスの料金・機能を比較
microCMS・Contentful・WordPress.com など主要CMSの月額プランを一覧で確認