CMSとは？コンテンツ管理システムをわかりやすく解説

CMS（コンテンツ管理システム）は、記事、ページ、画像、商品説明といったウェブサイトのコンテンツを、コードを変更せずに、分かりやすい編集画面から作成・編集・公開できるようにするソフトウェアです。コンテンツを保存し、下書きやバージョンを管理して、公開版をサイトに反映させます。最も有名なのはWordPressですが、他にも多くのCMSがあります。

AIで作るときにCMSが重要な理由

AIがウェブサイトを作るとき、文章や画像は通常、コードに直接書き込まれて終わります。自分だけが編集し、変更はAIに頼んで行えるのであれば、それで問題ありません。問題になるのは、マーケティング担当者、店のスタッフ、ボランティアなど、他の人が毎週、コードに触れずに誤字の修正、ブログ記事の追加、営業時間の変更をしなければならない場合です。

そのため、早い段階で尋ねるべき最も有用な質問は、誰がコンテンツを変更するのか、そしてどのくらいの頻度で変更するのかです。その答えによって、CMSが必要か、アプリに組み込まれた簡単な管理ページで足りるか、あるいは何も必要ないかが決まります。ここを誤ると、後からCMSを無理に追加するか、使われないCMSを作ることになってしまいます。

身近なたとえ

レストランのメニューボードを考えてみてください。

あるレストランでは、メニューが壁に直接描かれています。見た目は素晴らしいですが、値段を変えるには看板職人を呼ばなければなりません。これは、コードに書き込まれたコンテンツです。

別のレストランでは、メニューは決まった枠と見出し（前菜、メイン、デザート）のあるチョークボードに書かれています。どのスタッフでも、一行を消して新しい料理を書けますし、枠と見出しは変わらないので、ボード全体の見た目は統一されたままです。これがCMSです。枠がデザイン（テンプレート）、チョークで書かれた行がコンテンツ、そして「値段を変更できるのは店長だけ」というルールが、CMSの権限にあたります。

従来型とヘッドレスのCMS

大きく2つの種類があります。

従来型（一体型）CMS。 1つのシステムがコンテンツを保存し、ウェブサイトも描画します。テーマを選び、編集画面で書き、公開ボタンを押すとページが表示されます。WordPress、Drupal、Joomlaがこの方式で動作します。Squarespaceなどのサイトビルダーに組み込まれた編集機能も同様です。

ヘッドレスCMS。 CMSはコンテンツを保存・編集するだけで、独自のウェブサイトの「頭」（表示部分）を持ちません。サイトやアプリはAPIを通じてコンテンツを要求し、独自のデザインで表示します。Contentful、Sanity、Strapiはよく知られた例です。WordPressもこの方式で使えます。

AIアプリビルダーでカスタムコードとしてサイトを作った場合は、フロントエンドがすでにAIによって作られているため、ヘッドレスCMS（または小さな組み込みの管理画面）が自然な選択になります。

具体例：パン屋のニュースとメニュー

パン屋のオーナーのマヤが、ホームページ、メニュー、ニュース欄を持つAIで作られたウェブサイトを持っているとします。スタッフは、いちいちマヤに頼まなくても「かぼちゃのパン、また入荷しました！」と投稿したいと考えています。

このサイトにCMSを使う場合、コンテンツはデータベースのテーブルのように、構造化されたタイプに保存されます。

コンテンツタイプ：投稿

コンテンツタイプ：メニュー項目

スタッフは編集画面にサインインし、新しい投稿のフォームに入力し、写真をアップロードして、公開ボタンを押します。ウェブサイトのニュースページは、status = publishedのすべての投稿を新しい順にCMSに要求し、サイトのデザインで表示します。スタッフはフィールドに入力するだけなので、誰もコードに触れず、レイアウトも統一されたままです。

フィールドの役割に注目してください。priceが段落の中の文ではなく独立したフィールドなので、サイトはどこでも同じ形式で価格を表示できます。statusフィールドがあるので、スタッフは公開されずに下書きを保存できます。

主な用語

よくある間違いと誤解

• 「CMSはウェブサイトビルダーと同じ」。 ウェブサイトビルダーにはCMSが含まれていることが多いですが、CMSはコンテンツの管理に特化したものです。ヘッドレスCMSには、ウェブサイトのデザインがまったくありません。
• 「どのサイトにも必要」。 年に2回しか変わらない5ページのサイトには不要です。「営業時間を更新して」とAIに頼むほうが、CMSを維持するよりも簡単な場合もあります。
• すべてを1つの大きなテキストボックスに入れる。 価格、日付、住所が段落に埋もれていると、並べ替えも絞り込みも書式の統一もできません。個別のフィールドを使ってください。
• 権限を忘れる。 書き込める人だけでなく、公開できる人も決めてください。新しいスタッフがホームページを削除できる必要はおそらくないはずです。
• 画像を無視する。 サイズの制限がないと、人々は巨大な写真をアップロードし、サイトが遅くなります。アップロード時の自動リサイズを依頼してください。
• コンテンツは簡単に移行できると思い込む。 あるCMSから別のCMSへの移行は、通常、コンテンツの書き出しと再マッピングが必要です。WordPressサイトの移行方法をご覧ください。

AIビルダーに依頼すること

• 「このサイトのコンテンツのうち、どこが直接コードに書き込まれていて、どこがデータベースから来ていますか？」
• 「ブログ記事を、タイトル、スラッグ、本文、カバー画像、ステータス、公開日を持つデータベースに保存してください。」
• 「サインインしたスタッフが投稿を作成・編集・公開できる簡単な管理ページを作ってください。削除できるのは管理者だけにしてください。」
• 「下書きはサインインしたスタッフにだけ表示し、公開サイトには公開済みの投稿だけを表示してください。」
• 「アップロードされた画像はサイズを調整し、データベースではなくファイルストレージに保存してください。」
• 「あるいは、このサイトを[ヘッドレスCMS]にAPI経由で接続し、APIキーはサーバー側で保管してください。」

手順に沿って進めたい場合は、ウェブサイトにブログを追加する方法とAIでブログを作る方法をご覧ください。WordPressからの乗り換えを検討している場合は、WordPressの代替サービスで選択肢を比較しています。

MythexとCMS

MythexはAIアプリビルダーであり、CMSではありません。標準では、コンテンツチーム向けの独立した編集用ログインはありません。通常は、チャットで依頼することでコンテンツを変更します。他の人がコンテンツを編集する必要がある場合は、プロジェクトのPostgresデータベースを基盤とした簡単な管理画面を作るようエージェントに依頼してください。アップロードされたファイルはファイルストレージに保存されます。Mythex自体には利用者向けのログイン機能は含まれていないため、選択したサインインのプロバイダーをエージェントが組み込みます。あるいは、すでに使っているヘッドレスCMSにAPI経由で接続するよう依頼することもできます。

よくある質問