EmDashとは? Astroネイティブの新しいCMSをやさしく解説
EmDashは、Astroのために作られた新しいCMSです。WordPressや従来のヘッドレスCMSと何が違うのか、特徴・仕組み・向き不向きを、できるだけやさしく解説します。

「Astroでサイトを作りたいけれど、お客様が自分でコンテンツを更新できる仕組みも欲しい」——そんなときの選択肢が EmDash(エムダッシュ)です。EmDash は、人気のWebフレームワーク Astro のために作られた、新しいタイプのCMS(コンテンツ管理システム)。この記事では、その特徴と仕組みを、専門外の方にも分かるように整理します。
EmDash は「Astroに同居する」CMS
WordPress は、サイトもCMSも一体になった仕組みです。一方、近年主流の「ヘッドレスCMS」は、コンテンツの保管庫(CMS)と表示するサイトを完全に分けて、API経由でつなぎます。EmDash はそのどちらとも違い、Astroサイトの中に管理機能が同居します。コンテンツとサイトを1つのプロジェクトとして、まとめて作り・まとめて公開できるのが最大の特徴です。

管理画面(/_emdash/admin)から記事やページを編集すると、その内容はAstroの「Live Content Collections」という仕組みを通じて、サイトに即座に反映されます。再ビルドの待ち時間がありません。
従来のCMSとの違い
「ヘッドレスCMS」と比べると、EmDash の立ち位置がよく分かります。

主な機能
WordPressを使ったことがあれば、概念はそのまま通じます。
- ビジュアル・スキーマビルダー:管理画面から、扱うコンテンツの種類や項目を設計できる
- リッチテキストエディタ:見出し・画像・コードなどを直感的に編集(保存形式は構造化データ)
- メディアライブラリ・メニュー・タクソノミー(カテゴリ/タグ):WordPressと同じ感覚で管理
- 型安全:コンテンツ設計からTypeScriptの型が生成され、開発時のミスを防げる
- リビジョン(版管理)・下書きプレビュー:公開前の確認も安心
向いているケース・そうでないケース
EmDash が向くのは、Astroで作る新規サイト、WordPressからモダンな構成へ移行したいサイト、コードに触れずに更新したい編集者がいるサイトなどです。一方で、Astro以外のフレームワークや、WooCommerce級の本格的なECサイトは、現時点では想定用途の外と考えています。
実は、このポートフォリオサイト自体も EmDash で作られています。制作実績や、Web制作のご相談はお問い合わせからどうぞ。