📖 記事 ⏱ 約 7 分で読めます

Headless CMS の基本とJamstackサイト構築のメリット — microCMS / Contentful 比較

Headless CMSはコンテンツの管理とフロントエンドの表示を分離した新しいアーキテクチャです。microCMSやContentfulといったサービスを使うと何ができるのか、従来のWordPressとどう違うのか、Jamstackとの関係、料金の構造を整理します。

📋 目次をひらく / とじる 全6項目
  1. Headless CMSとは — 従来CMSとの違い
  2. Jamstackアーキテクチャとの関係
  3. microCMS — 日本製・APIベースのHeadless CMS
  4. Contentful — グローバル標準のHeadless CMS
  5. WordPressと比較した場合の選び方
  6. よくある質問(FAQ)

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¥03名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の詳細情報を確認

料金プラン・機能・公式サイトへのリンク

microCMS詳細を見る →

Contentful — グローバル標準のHeadless CMS

特徴

ContentfulはHeadless CMSの中でも歴史が長く、グローバルな大企業での採用実績が多いサービスです。豊富なSDK・Webhook連携・ロールベースのアクセス制御など、エンタープライズ向けの機能が充実しています。管理画面とドキュメントは英語が主体です。

料金(2026年9月時点)

プラン月額特徴
Free(無料)$010ユーザー・月10万APIコール・50GB帯域
Lite$300(約¥47,180)/月20ユーザー・月100万APIコール・100GB帯域
Premium要見積もりユーザー数・ロール・ロケールをカスタム・APIコール無制限

無料のFreeプランからLiteプランへの移行で月額$300(約¥47,180)と価格差が大きく、個人・中小規模の利用では中間プランがない点が課題です。

向いているケース

  • グローバル展開・多言語サイトを構築したい
  • 大規模なコンテンツ管理・複数チームでの分業が必要
  • エンタープライズ向けのセキュリティ・SLAが必要

確認しておきたい点

Liteプランはドル建てのため、円換算額は為替変動の影響を受けます。記載金額は調査時点(2026年9月)のものです。

Contentfulの詳細情報を確認

料金プラン・機能・公式サイトへのリンク

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はエンジニアなしで使えますか?
A コンテンツの入力・編集自体はノーコードの管理画面から行えるため、ライターや編集者はエンジニアなしで操作できます。ただし、APIからコンテンツを取得してサイトに表示する部分の初期構築にはフロントエンド開発の知識が必要です。初期構築だけ開発者に依頼し、その後の運用は非エンジニアが担当するケースが一般的です。
Q WordPressとHeadless CMSはどちらが向いていますか?
A 更新頻度が高いブログや中小規模のコーポレートサイトで、チームにエンジニアがいない場合はWordPressが現実的です。複数チャネル(Web・アプリ・デジタルサイネージ等)に同じコンテンツを配信したい、または表示パフォーマンスと開発の自由度を最大化したい場合はHeadless CMSが向いています。
Q microCMSは無料で使えますか?
A microCMSにはHobbyプラン(月額0円)があり、APIリクエスト無制限・最大3名・最大5個のAPIで利用できます。ただし月間データ転送量が20GBを超えるとAPIが停止するため、本番環境での継続利用にはTeamプラン(¥4,900/月〜)以上が必要になるケースがほとんどです。
Q Jamstackとは何ですか?
A JamstackはJavaScript・API・Markupの頭文字を取ったWeb構築のアーキテクチャです。ビルド時に静的なHTMLを生成し、CDNで配信することで高速表示とセキュリティを実現します。Headless CMSをコンテンツのバックエンドとして使い、AstroやNext.jsなどのフレームワークでフロントエンドを構築するのが一般的な組み合わせです。
Q Headless CMSに移行するコストはどのくらいかかりますか?
A 既存のWordPressサイトからの移行には、フロントエンドの再構築・コンテンツのAPI設計・既存コンテンツの移行作業が発生します。規模によりますが、フリーランスへの外注で50〜200万円程度、内製の場合はエンジニアの工数コストとなります。移行前に現行サイトの機能要件とコンテンツ量を整理し、コストとベネフィットを比較することを推奨します。

CMS・ブログ構築サービスの料金・機能を比較

microCMS・Contentful・WordPress.com など主要CMSの月額プランを一覧で確認

CMS・ブログ構築を比較する →
📌 あわせて読みたい関連記事
選び方・比較

コーポレートサイト費用相場

ノーコードツール・WordPress自作からフリーランス・制作会社外注まで、コーポレートサイト制作の費用相場と内訳を比較。継続コストや見落としがちな費用も含めて解説します。

続きを読む →
手続き・運用

独自ドメイン接続手順とDNS設定

ノーコードツールに独自ドメインを接続する手順を解説。CNAMEレコードとAレコードの使い分け、DNS反映待ちの対処法、よくある設定ミスの確認ポイントをまとめます。

続きを読む →
リスク・注意点

EC実質コスト計算と損益分岐点

Shopify・BASE・STORES・カラーミーショップの決済手数料・月額固定費・振込手数料を合算した実質コストを月商別にシミュレーション。損益分岐点の考え方とプランの切り替えタイミングを解説します。

続きを読む →