microCMSとは？ヘッドレスCMSの使いやすさ・自由度・安全性を、自社サイトの運用から解説

ホームページやオウンドメディアのCMSを選ぶとき、WordPress のほかに「ヘッドレスCMS」や「microCMS」という名前を聞く機会が増えました。選ばれる理由として多いのが、セキュリティの不安と、更新の手間です。WordPress はサーバーの上で PHP というプログラムで動くため、本体・プラグイン・PHP のバージョンを追いかけ続ける必要があり、PHP のサポートが終わるたびに、サーバーの切り替えとプラグインの動作確認に追われることもあります。ただ、名前は知っていても、実際に使うと何が楽になり、どこに気をつければよいのかは、使っている側の話を聞かないと分かりにくいものです。

当社は、会社サイト（www.day-1.co.jp）とオウンドメディア（day-1.tokyo）などのサイトを、1つの microCMS で動かしています。記事は238本、資料は33件、お知らせは40件あり、記事の分類の組み直しや、誘導の欄・よくある質問の欄の書き換えも、この microCMS の上で行ってきました。

実際に運用してみて感じる microCMS の良さは、書く人には使いやすく、作る人には自由度が高く、そのうえで安全に分けて扱えることです。この記事では、microCMS とヘッドレスCMSの基本を整理したうえで、当社の運用から、使いやすさ・自由度・安全性を具体的にお伝えします。

microCMSとは｜管理画面とAPIだけを受け持つヘッドレスCMS

microCMS は、株式会社microCMS が提供している日本製のヘッドレスCMSです。ヘッドレスCMSとは、記事や画像などの中身を管理する部分だけを持ち、それを表示する画面（ヘッド）を持たないCMSのことを指します。中身は API で配信され、表示する側のサイトやアプリが、その API から中身を取り出して画面に並べます。

WordPress など従来型のCMSとの違い

WordPress のような従来型のCMSは、中身の管理と、サイトの表示が1つのシステムにまとまっています。テーマを選べばすぐにサイトができる手軽さがある一方で、表示の作りはCMSの仕組みに合わせる必要があり、本体やプラグインの更新もサイトごとに続ける必要があります。

ヘッドレスCMSは、表示側を作る開発の力が要る代わりに、サイトの作りと中身の管理を切り離せることが一番の違いです。

当社の使い方｜1つの microCMS で複数のサイトを動かす

当社の microCMS には、記事・お知らせ・制作実績・資料・サービスの誘導・カテゴリ・タグの7つの API があります。会社サイトとオウンドメディアは、それぞれ別に作ったサイトですが、同じ microCMS からそれぞれに必要な中身を取り出して表示しています。

たとえば記事の最後に出すサービスのバナーは、「サービスの誘導」の API に1件ずつ登録し、記事ごとにどのサービスを出すかを選ぶ形にしています。バナーの画像や行き先を変えたいときは、その1件を直すだけで、それを選んでいるすべての記事に反映されます。

使いやすさ｜書く人は管理画面、作る人はAPI

microCMS では、API を作ると、その形に合った入力の画面が管理画面に自動でできます。書く人はその画面で題や本文を入れ、画像を貼り、下書きとして保存して、プレビューで確かめてから公開します。サイトの作りを知らなくても、入れる欄が決まっているので迷いにくいのが利点です。

作る人の側は、同じ中身を API で読み書きできます。当社では、記事の下書きの作成や、たくさんの記事の欄をまとめて書き換える作業を、小さなスクリプトで行っています。記事の分類を組み直したときは、カテゴリ4つへの付け替えや、記事ごとの誘導の欄の書き写しを、管理画面で1本ずつ開かずに済ませました。書く人と作る人が、それぞれ使いやすい入口から同じ中身を扱えることが、運用の手間を大きく減らしています。

API で運用するときの細かな点は、技術者向けに「microCMS のブログ約240本を API で回して分かったこと」（Qiita）にまとめています。

自由度｜欄の形を自分で決め、同じ中身を複数のサイトで使う

microCMS では、API ごとにどんな欄を持たせるかを自分で決められます。当社の記事の API には、題・本文・アイキャッチといった基本の欄のほかに、運用に合わせて作った欄があります。

• カテゴリとタグ：別の API を参照させ、分類を記事の外で管理する
• サービスの誘導：記事の最後に出すサービスのバナーを、記事ごとに選ぶ
• 資料の誘導：記事に合った資料のダウンロードを、記事ごとに選ぶ
• よくある質問：質問と答えの組を繰り返して入れ、サイト側で検索エンジン向けの構造化データにも使う

欄の形を自分で決められるので、サイトのデザインや導線を変えたいときに、CMSの都合に合わせて諦めることがほとんどありません。記事の最後の誘導を「カテゴリで決める形」から「記事ごとに選ぶ形」に変えたときも、欄を足して中身を書き写し、サイト側のコードを直してから、使わなくなった欄を消すという順で進められました。

同じ中身を複数のサイトで使えるのも、ヘッドレスCMSならではの自由度です。当社では、外部の技術ブログに載せる記事の図を置くために、別の microCMS のサービスを1つ用意し、公開の住所で表示しています。用途ごとにサービスを分けるか、1つの中で API を分けるかを、運用に合わせて選べます。

安全性｜管理画面と表示サイトが分かれ、鍵ごとに権限を分けられる

ヘッドレスCMSの安全面での特長は、中身を管理する場所と、読者が見るサイトが分かれていることです。従来型のCMSでは、読者が見るサイトと同じ場所に管理画面があり、本体やプラグインの弱い所を狙われると、サイトごと書き換えられるおそれがあります。microCMS では管理画面は microCMS の側にあり、表示するサイトには中身を読み出す仕組みしか置かないため、CMS本体やプラグインの更新をサイトごとに追いかける必要もありません。

従来型のCMSで手間になりやすいのが、バージョンの管理です。WordPress なら、本体・プラグイン・テーマに加えて、動かしている PHP のバージョンも合わせ続ける必要があり、どれか1つを上げるとほかが動かなくなることがあります。microCMS では、こうしたCMS側の更新はサービスの側が受け持つため、サイトを持つ側がバージョンの組み合わせを考える場面がなくなります。

もう1つの特長は、APIキーごとに権限を分けられることです。当社では、サイトが使う読み取り用のキーと、記事を作ったり直したりするときの書き込み用のキーを分けています。

キーの権限は、付けた分だけ見える範囲が広がります。当社でも、サイトの読み取り用のキーに下書きを読む権限が付いていた間、下書きの記事がサイトの住所で開けてしまったことがありました。すぐに権限を外し、下書きが読めない状態に戻しています。表示するサイトに渡すキーには公開した中身を読む権限だけを持たせ、下書きや書き込みの権限は社内で使うキーに分けておくことが大切です。

運用の面では、書き込み用のキーで作れるのは下書きまでにし、公開は人が管理画面でプレビューを見てから押す形にしています。API で下書きを更新しても公開には切り替わらないので、確かめていない中身が勝手に表に出ることはありません。

使ってみて分かった注意点

便利な一方で、使ってみて初めて分かったこともあります。いずれも、知っていれば最初から避けられるものです。

• 書き込み用のキーで読むと、下書きがある記事は下書きの中身が返ります。公開している中身を確かめるときは、読み取り用のキーを使います
• 管理画面で URL を貼って作った埋め込みのカードは、本文を API で保存し直すと消えることがありました
• 欄の追加や削除は管理画面で行います。欄を消すときは、サイトのコードがその欄を読まなくなってから消します
• 使わなくなった画像はメディアに残ります。消す前に、どの記事からも使われていないことを確かめます

もう1つ大事なのは、表示側を作り、保守する力が要ることです。ヘッドレスCMSは表示の自由度が高い分、サイトの作りは自分たちで持つことになります。

microCMSが向いている会社・向いていない会社

当社の経験からは、次のような会社に microCMS は向いています。

• 会社サイトとオウンドメディアなど、複数のサイトで中身を共有したい
• デザインや導線を、CMSの制約にとらわれずに作りたい
• セキュリティが気になり、管理画面を表示するサイトから切り離したい
• WordPress 本体・プラグイン・PHP のバージョン管理を考えたくない
• プラグインの更新やサーバーの保守に手間をかけたくない
• 書く人は管理画面で、作る人はAPIで、と役割を分けて運用したい

反対に、テーマを選んですぐにサイトを立ち上げたい、表示側を作り保守する人や依頼先がいない、という場合は、従来型のCMSの方が合うこともあります。どちらが良いかは、サイトの数と、誰が作り誰が書くかで決まります。

まとめ｜書く人と作る人を分け、安全に広げられるCMS

microCMS は、中身の管理を受け持ち、表示はサイトの側に任せるヘッドレスCMSです。当社は1つの microCMS で複数のサイトを動かし、記事238本と資料・お知らせ・サービスの誘導を管理しています。

• 使いやすさ：書く人は自動でできる管理画面、作る人はAPIで、同じ中身を扱える
• 自由度：欄の形を自分で決め、同じ中身を複数のサイトで使える
• 安全性：管理画面と表示サイトが分かれ、APIキーごとに権限を分けられる
• 注意点：表示側の開発と保守が要り、キーの権限は使う所に合わせて最小にする

当社のホームページ制作サービス「チョイス」では、サイトの目的や運用する人に合わせて、CMSの選び方からご相談いただけます。

ホームページ制作とCMSの選び方について相談する