特別付録冊子

Vol.2282024 年 10 月号
8 月 19 日発売

CMS ハンドブック 2024
CMS の基礎的な知識から応用に至るまで、Web 制作者や企業の Web 担当者が知っておきたい 重要なポイントとしての「選び方」「使い方」「運用体制」などについて解説した、2024 年現在におさえておきたい CMS について網羅する小冊子です 。
知識やノウハウはもとより、クラウド、ヘッドレス、JamStack、マーケティング●２０２４年度のポイント
今年の CMS 特集は、「付録冊子」で取り扱います
本年の CMS 特集は小冊子として展開することになりました。CMS の情報は、への利用といった昨今の CMS において重要なキーワードをピックアップしながらWeb 制作者はもちろんのこと企業の Web 担当者など、すべての読者の仕事にトレンドを抑えつつ、1 冊にすべてが詰まったハンドブックを想定しています。

深く関わります。また、ヒアリングによると社内の各部署で閲覧いただいていることなどから、携帯性の高さがよりニーズに合っていると判断し小冊子化す●特集概要

ることになりました。近年の Web Designing では付録を付けることがありま

・CMS 基礎講座

・キーワードで知る 2024 年の CMS

・自社に合う CMS の見つけ方

・セキュリティと保守・多様化する CMS 選定のポイント ・最大限に活かすための運用体制せんでした。読者にとっては 8 月号（6 月発売号）のリニューアルに続き、10月号（8 月発売号）においては販売面でも価値付けになるため、よりクライアントのみなさまにとっても意義のある特集になると思います。ぜひ、ご検討いただけますと幸いです。

Web Designing のメイン読者である「Web 制作会社」や「企業の Web 担当者」
はクライアントのニーズに応じて CMS を選択しております。
ぜひこの機会に貴社のサービスをプロモーションしてみませんか。
Web Designing 編集部の知見やメディア力が、貴社 CMS のブランディングを

●体裁

・B5 版
・64 ページ・フルカラー

はじめ、認知向上や理解促進を目的として施策の一助となれば幸いです。
※内容は変更になる場合がございます。
業界唯一の Web デザイン、デジタルマーケティング専門誌

Web Designing

判型：A4 変型判（275 210mm）／発売日：偶数月 18 日／発行部数／ 70,000 部
価格：雑誌 1,680 円（税込）／電子版 1,580 円（税込）
電子版販売書店：Kindle Store、News Stand、Google Play、Fujisan.co.jp ほか多数
読み放題サービス：Kindle Unlimited、楽天マガジン、ビューン、ブック放題【実績紹介】
2020 年、2021 年、2022 年の 4月号、2023 年 10 月号にて CMS特集を実施しました。

プロモーションプランのご案内①タイアップ広告

タイア
限定 ップ広告1
受付 0 社様 はいた とさせ のだきてます！

自由な企画・デザインで、貴社製品・サービスの魅力を編集部が紹介します。
フォーマットに縛られない、自由な企画・デザインで作成した記事を『Web Designing』の誌面に掲載し、貴社製品・サービスの魅力を存分に伝えます。
WD 編集部の業界知見、企画・取材・編集力をプロモーションにお役立てください。
※タイアップには「企画協力」表記が入ります※掲載位置は前方を予定しています、掲載順の指定はお受けできません【誌面イメージ】※ 2022 年 4 月号より抜粋
2022 年最新・注目のCMS ─
見逃すとヤバイ！

●４ページ

Talking with

┃ 図 04 ┆ 業務システムへの応用事例 ┃Kuroco の詳細は2022年の CMS の注目株といえば「ヘッドレスCMS」。

Kato-sanP092

日本発の高機能ヘッドレスCMSとして注目を集めているのが「Kuroco」です。エンタープライズ系 CMSの流れを汲む、クラウド型のヘッドレスCMSであるKurocoは制作現場をどう変え、マーケティングにどう効くのか。開発
元であるディバータの加藤健太さんに話を聞きました。

ドとバックエンドを完全に分離することができます

CMSについては、本誌の特集でも詳しく解説をしてから、難解な機能の実装はそちらに任せてしまうこいますが ※1、こちらでもその特徴を簡潔に説明してとができます。そうすることで、本来得意とするUIデザインや体験構築といった領域に専念できるように加藤

CMS の構造は、ユーザーとやりとりする「フ先ほどフロントエンドや機能を自由に変更・追加できるとお話しましたが、それを実現できるのも、API

加藤

Kato-san─ マーケティングについてもヘッドレスCMSを導けることができる（図01）のですが、そのうちバック入するメリットがありますか？

ブシャ

顧客向けに建築物の画像を提示するための業務システム。3D 処理を得意とするゲーム開発技術であるUnityと、建設会社の顧客管理という畑違いの技術を連携させ、ブラウザで表示する仕組みを構築。Kurocoの連携力が活きた事例です

ン・3Dデータの管理ド側の開発コストを大幅に削減できます。

ですね。そうなれば制作会社の UIデザインや体験─ もしその他の機能を追加したい場合でも、API設計の経験を活かすことができますね。

加藤関連の機能など、Webサイトやスマホアプリ等でし連携で外部のリソースを活用しながら、Webサイト・

加藤

加藤

Kuroco はエンタープライズ向け CMS の流ばしば使われる機能をあらかじめ搭載しています（図サービスの構築ができるというわけですね。

れを汲んでいることもあり※2、“ 高機能なヘッドレス03）。そうした機能を新たに開発する必要はありま

加藤CMS”として設計しています。

せんから、これまで外部に委託していたバックエンを他の領域で活用することも可能になります。上※2 エンタープライズ向けCMSの流れを汲む「Unity」を利用して、建設会社の顧客向け業務シ

Kurocoは、これまで十数年にわたって使われてきたディバータのエ
ンタープライズ向けCMS「RCMS」に代わって登場したCMS。長年にわたって利用されてきた機能を数多く引き継いで採用していますにゲームエンジンを使っている点も画期的なのですいます。一方、サポートで注目していただきたいのがが、もう一つ注目してほしいのが、表示にWebブラ「テクニカルサポート」です。有償ですがKuroco 側、加藤─ そうしたヘッドレスCMSの強みを実現している

ヘッドレスCMSは接続するフロントエンドをのが「Kuroco」ということですね。

Web 制作会社にとっては難解なバックエン※1 特集記事についてが挙げられるでしょう。近年、Webサイトに求めら

本誌 P038からの「ヘッドレスCMS 登場の背後にある変化を見逃すな！」では、ヘッドレスCMSの機能やAPIの役割、導入のメリットを加藤さんに協力いただき、じっくりと解説しています。そちらも是非！

加藤

会員管理やメルマガ発行といった顧客情報を管理する機能や、承認ワークフローやステージン別のサーバ●スケジュール目安
・申込締切：2024 年 6 月 14 日（金）・企画取材：2024 年 6 月 28 日（金）・確認
：5 営業日程度
・校了：2024 年 7 月 26 日（金）※具体的にはご発注後に仕切り直して設定させていただきます※取材はオンライン、オフラインご要望に応じて対応いたします・会員管理・アンケート管理
etc

ステムを開発した事例です（図04）。3D 表示のためそうなんです。業務システムの市場は Web制作の数十倍と言われています。制作会社にとって大きなチャンスの場になると思います。
─ 最後に料金やサポートについて教えてください。
加藤

従量課金の仕組みを取り入れていますので開発初期はほとんどお金がかかりません。支払いはビジネスが軌道に乗ってからということになると思ウザを利用している点です。

つまりバックエンド側の環境構築のお手伝いをしま─ Kurocoを軸にAPI 連携を行うことで、業務シスす。これまでとは比較にならないほどの、リーズナブテムでもWebブラウザを利用できているというわけルな価格でシステム開発が可能になると思います。

まとめヘッドレスCMSの特徴を最大限に活かしたクラウド型 CMS「Kuroco」

・重要なデータの管理

あらかじめ高度な機能を搭載、バックエンドの開発コストを大幅に低減
API 連携を軸にさまざまなサービスや技術を“つなぐ”CMSだから業務システムやイントラネットの構築も可能に↑ 採用広報の効果測定を行う「BiZMiL Survey（https://www.ageha.tv/service/bizmil-survey/）」。Kurocoがもともと用意している会員管理等の機能を利用する一方で、顧客の重要なデータに関しては自社サーバで管理。Kurocoとの間は、API 連携機能を利用しており、必要なデータのみを呼び出して利用することで、高い安全性を確保しながら、利便性の高いサイトを実現しています↑ ヘッドレスCMSの特徴の一つであるAPI 連携。Webサイトやスマホアプリ、音声デバイス、サイネージといったフロントエンドとの橋渡しをするのみならず、外部の機能を取り込む役割も果たします

企画協力：株式会社ディバータ

特別な集計
ロジックの実装

データ

データ

人

フロントエンドで自由にデザインした B2B サービス事例

Kuroco情報┃ 図 03 ┆ 制作事例 ┃ヘッドレスCMSとアプリ・デバイスの自由な組み合わせ

その逆に、Web 制作で培った技術や知見の図で紹介しているのは、ゲームの開発に使われるグラフ表示
UI ／UX表示┃ 図 02 ┆ フロントエンドを柔軟に選択できる ┃データ

株式会社ディバータ

バックエンド︵ Kuroco ︶人

KurocoKuroco呼出

課金システムとの連携やサブスク管理といったEC

─ 具体的にはどんな機能が搭載されていますか？

ド部分をヘッドレスCMSに任せてしまえるという点↑ CMSは大きく分けて、人と接点を持つフロントエンドと、データを扱うバックエンドに分かれています。ヘッドレスCMSとは、ここでいうバックエンドとデータを管理するCMSです

014ー

変更したりできるようになります（図02）。そのため、操作API 志向のクラウドネイティブ CMS。フ
ロントエンドとバックエンドを完全に分離して、各クラウドやAPI 連携をすることでさまざまなWebアプリケーションを開発できるようになります。
https://kuroco.app/ja/

オ

柔軟に選択できるだけでなく、自由に追加したり、

フ ロン ト エン ド

株式会社ディバータ
代表取締役
1976年生まれ。早稲田大学理工学部機械工学科卒業。
大学在学中、「一休 .com」の創業メンバーとして参画。
大学卒業後ソフトバンクグループでカー用品販売サイトの企画・構築・運営をはじめ、転職アドバイザーマッチン
グサイトの立ち上げ戦略・企画・システム設計・開発に携わる。2005年ディバータを設立、代表取締役に就任。

ー─ そのメリットはどんな点にあるのでしょうか？

フロントエンドとバックエンドに分かれるCMS の構造加藤 健太
Kenta Katoル

これまでにない自由なシステム構造を実現するKuroco。

エンド側だけを提供するのがヘッドレスCMSと考え┃ 図 01 ┆ フロントエンドとバックエンド ┃Kurocoとは…

Webブラウザで3D 画像を表示

Kurocoが開拓する制作会社にとっての“新しい市場”とは？

グ、認証といった運用に欠かせない機能、さらには答えてくれたのは…

・ユーザー管理を利用しているからなのです。

その先に広がっているのは、これまで近いようで遠かった新しい市場です。

なるのです。

ロントエンド」と、データを扱う「バックエンド」に分そこがポイントだと言えると思います。ヘッド

るとわかりやすいと思います。

れる機能は高度化し、その構造も複雑になってい

Text：小泉森弥─ そうした“ 分離した構造 ”を成立させるために、「API」が活用されていますね。

Talking with

ゲームエンジンUnity を利用した Webアプリケーションの構築

建設会社
データ

今、話題の「ヘッドレスCMS」。従来のCMSとは異なる“フロントエンドのないCMS”は、Web 制作・開発、さらにはWebマーケティングが直面するさまざまな課題を解決する存在として、いま大きな話題を呼んでいます。そんな中、いる数少ないヘッドレスCMS の一つ。ヘッドレスいただけますか？

際にもAPIを活用します。

データ

変化に強く、新たな領域を切り拓くCMS

ますが、ヘッドレスCMSを導入すればフロントエンバと連携したり、外部のサービスを利用したりする

Kuroco未来のWeb環境を構築せよ─ Kuroco は日本のベンダーからリリースされてタのやりとりをする際に、さらには別のデータサー点がメリットになると思います。

︵Webブラウザ︶

まずは「ヘッドレスCMSとは何か」といった点から話を進めます。

を導入しレスCMSではフロントエンドとバックエンドのデー化に強いしなやかな仕組みを構築できるといった

Un ity

日ごとに高まるヘッドレスCMS への注目度。Kuroco のメリットを理解するために新世代ヘッドレスCMS

今後ますます重要になるであろう「ワンソースマルチデバイス・サービス」を実現できること、さらには変人

Kuroco 導入で実現する自由度の高い“ ヘッドレス” 環境とはついに国産ヘッドレスCMSも登場しはじめました。
そんな中でも最も注目を集めているKurocoとはいったいどんな CMS？

015016

企画協力：株式会社ディバータ

017●ご掲載料金（制作費・掲載費を含む、税別）

1 ページ：450,000 円〜
2 ページ：800,000 円〜
4 ページ：1,400,000 円〜※金額は目安となり施策内容によっては追加料金を頂戴します● 2 ページプロモーションプランのご案内②集合広告企画
固定のフォーマットに落とし込んで、貴社 CMS を編集部が執筆して紹介いたします。
複数の CMS を「CMS リスト 2024」の特設コーナーにてまとめて紹介する企画です。
本企画は、読者（企業の Web 担当・マーケティング担当者や制作会社）が比較検討をしやすく、それぞれの Web サイトやプロジェクトに最適な CMS を見つけることができるというメリットがあります。またフォーマットが決まっているからこそ、制作費を抑えたご案内をさせていただきます。
※各枠には「企画協力」表記が入ります※本企画の掲載は特集内後半を予定しています。

掲載場所の指定はお受けできません。

●スケジュール目安 ※状況に応じて変更になる場合がございます。
・申込締切：2024 年 6 月 14 日（金） ・確認：2024 年 7 月 10 日（水）～ 19 日（金）・素材提供：2024 年 6 月 28 日（金） ・校了： 2024 年 7 月 26 日（金）【誌面イメージ】※ 2022 年 4 月号より抜粋
編集部オススメ［ 商 用 ］

Shifter● 1 ページ
クッキーレス時代に備え、広告だけに頼るのではなく、自社サイトへの集客の仕組みをしっかりと選構築しておくことが重要視され始めています。そこで今回は、自社サイトを充実させるために頼れる商用 CMS13種を厳選。その特徴や価格感、導入実績などを紹介します。

はてなブログ Media株式会社

https://www.getshifter.io/

デジタルキューブ

https://www.hatena.ne.jp/contentmarketing/hatena-blogmedia

WordPress 環境をサーバーレスで立ち上げ

Text：楳園麻美（Playce）

株式会社はてな「はてなブログ」の知見でオウンドメディアを支援

WordPressを静的ホスティングするプラット

15年以上のブログサービス運営で培われたフォーム。Shifterには「Static」と「Headless」と技術力とノウハウが詰まったオウンドメディア専いう2つのサービスがあります。
「Shifter Static」用 SaaS 型 CMS です。直感的な操作性によるは、WordPressを静的化し、HTML/CSSをCDN使いやすさ、集客支援、堅牢なセキュリティ、最から配信することで、WordPressと公開領域を新のSEO 状況やトレンドに合わせた機能の継分離。安全かつ高速なサイトを構築できます。
一方の「Shifter Headless」は、WordPressダッシュボードをCMSとして利用し、APIを通じて続開発、デザインテンプレートの提供などにより、右下のアイコンから日本語・英語でのチャットサポートが可能。わからないことがあれば気軽に問い合わせできるオウンドメディアで直面しがちなさまざまな課題を解決できます。また、はてなではCMS 以外にフロントにコンテンツデータを提供。使い慣れも、オウンドメディアの戦略立案、サイトデザイン、たWordPress ベースでサイトをヘッドレス化すコンテンツ制作、集客、改善など、オウンドメディることが可能です。

アのトータル支援も提供されています。

Netlifyと協働しサイト構築をサポート
Shifter を 提供 するデジタルキューブ は、WordPressとAWS を利用したサイト開発・保「Shifter Headless」では、好みのフロントエンド向けフレームワークを利用して開発したものをNetlify、Vercel、AWS Amplifyなど任意の環境で公開できる●ご掲載料金（制作費・掲載費を含む）

成果に直結する施策を誰でも簡単に実現できる効果測定や計測のための多様なツールとの連携、オウンドメディアの戦略設計・デザイン、守・運用において15年の経験と実績を持つ企

コンテンツ制作支援、検索・広告・SNSを活用業。その経験をもとに、Jamstack のメリットをした読者獲得のための機能やノウハウの提供

1 ペ ー ジ ：250,000 円

ベンチャーから大企業まで100メディア以上での導入実績ありなどを通じ、マーケティングの目的達成を支援

WordPressユーザーにも提供すべく開発されたのが Shifterです。同社では、共同 Web 開発クしてもらえます。また、記事制作・編集・記事公ラウドを提供するNetlify 社と日本国内におい開・SNSシェアに関する便利で多様な機能によて唯一の公式パートナー契約を結び、多くのコり、日々の運用コスト軽減にも貢献。さらに、セラボレーションを行うことで、よりパフォーマン

キュリティや機能アップデート、マニュアル不要

スが高く、安全で、スケーラブルなWebサイトやアプリケーションの実現をサポートしています。

直観的に操作できる管理画面でメディア成長と工数削減に貢献の操作性と、はてな担当者によるサポートによ「Shifter Headless」の導入事例『株式会社 Serverless Operationsのサイト』（https://serverless.co.jp/）

り、専門知識がなくても安心して利用できます。
楽天市場の『ソレドコ』（https://srdk.rakuten.jp/）

価格

月額16ドル（約1,700円）〜

価※無料トライアルあり

導入実績 「Shifter」のサイトにて実績を多数掲載（https://www.getshifter.io/ja/showcase/）

導入実績
企画協力：株式会社デジタルキューブ

088

格100万円〜
エン・ジャパン株式会社、京都府、株式会社メルカリ、LINE 株式会社、株式会社リクルートホールディングス
企画協力：株式会社はてな

089※掲載に必要な情報や図版はご提供ください。
詳細はご発注後にお知らせいたします。

プロモーションプランのご案内③コンテンツ２次利用 （素材納品、印刷物）
タイアップ広告や集合広告企画で制作した記事の 2 次利用も可能です。納品物

抜き刷り・印刷物納品

PDF 納品として、PDF や印刷物をお選びいただけます。
また、再編集や追加のコンテンツ制作も承ります。営業ツールやイベントでの配布物として、貴社 Web サイトへ転載など、ご希望の用途に合わせてご活用ください。
※内容によりお見積りが異なりますので、詳しくは営業担当まで

印刷物・Web へ展開④純広告
貴社のご都合に合わせて選べる５パターンのスペースです。
5 パターンのスペースをご用意いたしました。
貴社でお好きなクリエイティブを制作いただき、掲載いたします。
貴社製品・サービスの認知度向上にご利用ください。

●スケジュール目安
・申込締切：2024 年 6 月 14 日（金）・入稿締切：2024 年 6 月 28 日（金）※先着順でお受けいたします
空き枠状況についてはお問合せください

スペース

料金

サイズ

（税別）

（天地 × 左右）表2300,000 円

257×182mm

表3250,000 円

257×182mm

表4350,000 円257×182mm

中面 2 ページ

400,000 円

257×364mm

中面 1 ページ

250,000 円

257×182mm※すべてカラー（4C）原稿をご用意ください※中面のページ指定はお受けできません※ 1 ページの場合は他社様の広告の対向になる場合があります出稿特典
タイアップ広告 ご掲載特典！

つな weB への記事転載をサービスにて実施します！
「Web Designing」（主に紙）と成長中メディア「つな weB」（デジタル）を掛け合わせた形で貴社のプロモーションのお手伝いをさせていただきます！
つな weB とは、Web Designing 編集部が運営管理を行う、Web 制作会社様のデータベースと制作会社様、発注企業様のお役立ちコンテンツを掲載するスペシャルサイトです。
つな weB：https://tsunaweb.book.mynavi.jp/tsunaweb/
今回の CMS 特集号に合わせて、つな weB 内の【CMS 特設ページ】にて、Web Designing に掲載するタイアップ広告、集合広告企画を無料で転載いたします。
【CMS 特設ページ概要】
ターゲット：Web 制作会社様（つな weB には 1,800 社の制作会社様に登録をいただいており、情報の更新や記事の閲覧で訪問されています）
特設ページ公開予定日：2024 年 8 月中予定
※ CMS 特設ページへの誘導強化は、つな weB 内バナー掲載をはじめ、制作会社へのメール配信（約 1,800 通）、
Web Designing 公式 SNS への投稿等を予定しています。

CMS 特設ページ記事転載見本