Boost」など、さまざまなカンファレンスを企画・運営しています。BOOKS(コードジン・ブックス)は、CodeZineの連載からカットアップした、開発現場の課題解決に役立つ書籍シリーズです。2ヘッドレスCMSの利用シーン利用シーン1:Jamstack構成のWebサイトを構築する利用シーン2:マルチデバイス(Web、ネイティブアプリ、IoTなど)のコンテンツを一元管理する利用シーン3:さまざまなデータと連携する利用シーン4:開発・運用工数を大幅削減するまとめヘッドレスCMSの利用シーンヘッドレスCMSはAPIを活用することでさまざまなシーンで利用できます。中でも代表的な利用シーンを4つ紹介します。利用シーン1:Jamstack構成のWebサイトを構築する近年、Webフロントエンドの技術はJavaScript、Node.jsを中心に大きく発展してきました。Ajaxの登場、SPA(シングルページアプリケーション)の普及によりWebアプリケーションの構築手法は大幅に変化しています。一方でWebサイト構築においては、長い間WordPress一強の時代が続いています。その理由としては大きく次の2点が考えられます。SEOが重要である非エンジニアがコンテンツを編集できる必要があるWebサイトはWebアプリケーションとは異なり、主に集客を行うことが目的となるためこれらを満たす必要があり、それに対してSPAは相性がよくありませんでした。Generate)をモダンなフレームワーク(Next.js/Nuxt.js/Gatsbyなど)から簡単に行えるようになってきました。これによりSEOの問題点は解消されました。非エンジニアがコンテンツを編集できるようにするためにはCMSが必要です。従来型のCMSではビュー部分も含んだシステムとなっているため、React.jsやVue.jsといったライブラリと連動させるのは無理がありました。ヘッドレスCMSの登場によりAPIベースでコンテンツのやり取りが可能になり、JavaScriptを中心とした構成の中にCMSを組み込むことができるようになりました。これらの技術とビルド・デプロイ・CDNからの配信をセットにしたJamstackと呼ばれるアーキテクチャが近年注目を浴びており、SEO・CMS観点をクリアしつつも、非常に高速でセキュアなサイトを構築することが可能になりました。Jamstack構成では次のような効果を得ることができます。PVの増加サイトの読み込み速度UPによりサイト内の回遊率が向上します。SEO効果によりサイトへのアクセス数の増加が期待できます。運用コスト減少Webサーバー不要のため運用コストが抑えられます。ヘッドレスCMSの利用により、管理画面からコンテンツの編集が可能です。安全性の向上Webサーバーが動作していないため、攻撃ポイントが少なくなり、サイト乗っ取り等のリスクが抑えられます。国産ヘッドレスCMSであるmicroCMSでは、実稼働中であるJamstack構成のメディアのソースコードをGitHubにて公開しています。Requestも大歓迎です)。利用シーン2:マルチデバイス(Web、ネイティブアプリ、IoTなど)のコンテンツを一元管理する従来、マーケティングのチャネルごとにCMSプラットフォームが存在しており、マーケターはコンテンツの多重管理を行う必要がありました。表示面を持たないヘッドレスCMSはこの課題を解決することができます。コンテンツを一元管理しつつ、複数のWebサイト間や、Webとネイティブアプリ、サイネージデバイスなどでコンテンツを共有することでブランドの一貫性を維持することが可能です。APIベースのため、デザインも各デバイスに合わせて最適化することができます。現在、ネイティブアプリにおいて更新性の高いお知らせなどについてはWebViewが用いられているケースが多いでしょう。WebViewではコンテンツ取得までの時間がかかってしまい、せっかくのアプリのサクサク感が失われてしまいます。ヘッドレスCMSを用いる場合はWebViewではなくネイティブの言語(SwiftやKotlin等)で実装が可能なため、ユーザー体験の向上が見込めます。利用シーン3:さまざまなデータと連携するヘッドレスCMSはAPIベースであるため、他サービスとの連携がしやすいというメリットがあります。以下のような連携が考えられます。ホスティングサービスと連携して、コンテンツ公開・Webサイトのビルド・デプロイを自動化するAWSやGCPと連携して、コンテンツのバックアップや別処理の連携を行うCRMと連携して、CRM側で定義している顧客セグメントをCMS側に同期し、セグメントごとにコンテンツの出し分けを行うECシステムと連携して、商品情報をコンテンツと紐づけることでメディアからECへの導線を強化するCMSというと集客用のWebサイト向けという印象もありますが、ヘッドレスCMSはAPIベースのため自社サービス内に組み込むこともできます。ユーザーの属性に合わせてお知らせを出し分けたり、ヘルプコンテンツを表示したりすることも可能です。CMS単体では満たしていない機能も自社でサブシステムとして実装を行い、APIとWebhook経由で連携させることで実現するなど応用を利かせることもできます。利用シーン4:開発・運用工数を大幅削減する複雑なコンテンツの構造や表示要件のあるシステムは、従来のCMSでは対応できず、フルスクラッチで開発されるケースが多くあります。この際の開発には多くの工数や費用がかかる場合がほとんどです。ヘッドレスCMSはAPIベースであるため、開発要件に最適な形で導入できることや、コンテンツ構造を自由に定義可能なことがメリットとして挙げられます。開発、バックエンドAPIの作成といった工数の大半を担うことができ、開発工数を大幅に削減することができます。ヘッドレスCMS導入後は、マーケターやコンテンツ運用者はエンジニアの力を借りることなくコンテンツの更新や管理ができるため、運用工数の無駄を省き、ビジネスのスピードを向上させることができます。まとめヘッドレスCMSは従来型のCMSとは異なり、表示面を持たないCMSです。API経由でコンテンツを取得することができるため、さまざまな用途が考えられます。本記事で大きく4つの利用シーンについて紹介しました。Jamstack構成のWebサイトを構築するマルチデバイス(Web、ネイティブアプリ、IoTなど)のコンテンツを一元管理するさまざまなデータと連携する開発・運用工数を大幅削減するヘッドレスCMSは非常に汎用性が高く、用途も幅広いので、可能性は無限大に広がっています。何に活かすことができるか是非考えてみてはいかがでしょうか。カズキ)慶應義塾大学を卒業後、ヤフー株式会社にデザイナー入社。広告事業に約5年半従事し、フロントエンドエンジニアとしても経験を積む。2017年に株式会社microCMSを共同創業し、現在は日本製ヘッドレスCMSであるmicroCMSの開発がメイン。ReactやVueといったSPA開発が得意。NEW1DMM.comの施策から見る、事業をむしばむ「技術負債」への処方箋──リファクタリングの「言語化」でインシデントを予防2企業の7割超が「2025年の崖」を理解していないことが明らかに。NEW1DMM.comの施策から見る、事業をむしばむ「技術負債」への処方箋──リファクタリングの「言語化」でインシデントを予防2企業の7割超が「2025年の崖」を理解していないことが明らかに。NEW1DMM.comの施策から見る、事業をむしばむ「技術負債」への処方箋──リファクタリングの「言語化」でインシデントを予防2企業の7割超が「2025年の崖」を理解していないことが明らかに。NEW新着記事一覧を見るイベント今後の予定を見るCodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。イラストの無断転載を禁じます。記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。