EmDashとは?WordPressとの違い・AI連携・料金・始め方を解説

EmDash(エムダッシュ)は、AstroというWeb制作の仕組みに組み込んで使う、オープンソースのCMSです。記事・固定ページ・画像・カテゴリーなどを管理画面から扱える点はWordPressと似ていますが、PHPで動くWordPressとは別製品であり、テーマやプラグインをそのまま使うことはできません。
高速なサイトやTypeScript中心の開発、AIコーディングエージェントとの連携に関心がある開発チームには有力な選択肢です。一方、2026年8月時点ではベータ段階で、導入や保守にはWeb開発の知識が必要です。初心者が一人で既存のWordPressサイトを置き換えるより、まず小規模なブログや特設サイトで試すのが現実的です。
- EmDashは、Astroに管理画面・データベース・メディア管理などを加えるCMS
- WordPressの記事・固定ページなどは取り込めるが、テーマやプラグインは作り直しが必要
- ソフトウェア本体はオープンソースだが、構築・移行・インフラ・保守には費用がかかる
- Node.js、Astro、TypeScript、データベース、デプロイの知識があると運用しやすい
EmDashとは?
EmDashは、Webサイトの文章や画像を管理し、公開するためのCMS(コンテンツ管理システム)です。CMSを使うと、ページを更新するたびにデータベースを直接操作する必要がなく、管理画面から記事を作成できます。
EmDashはAstro向けに設計されており、サイトの表示部分と管理機能を一つのプロジェクトとして構築します。記事、固定ページ、商品、著者などの「コンテンツの種類」をコレクションとして定義し、タイトル、本文、価格などの入力項目をフィールドとして持たせる仕組みです。
Astroとは?
企業サイト、ブログ、メディアなどを構築するためのWebフレームワークです。EmDashはAstroに後付けする外部サービスというより、Astroサイトの中で一緒に動くCMSです。
主な機能には、管理画面でのコンテンツ設計、リッチテキスト編集、画像管理、メニュー、カテゴリー・タグ、ウィジェット領域、プレビュー、プラグインがあります。WordPressから投稿・固定ページ・メディア・分類情報を取り込む機能も用意されています。
EmDashの仕組みは?
EmDashでは、編集者が管理画面に入力した内容をデータベースに保存し、Astroがそのデータを読み込んで公開ページとして表示します。大まかな流れは次のとおりです。
また、コンテンツの構造からTypeScriptの型を生成できるため、「本来あるはずの項目がない」といった実装ミスを開発中に見つけやすい点も特徴です。プラグインについては、権限を宣言させ、隔離された環境で動かす仕組みが用意されています。
EmDashとWordPressとの違いは?
両者とも管理画面から記事を更新できるCMSですが、得意な利用者と技術基盤が異なります。
| 比較項目 | EmDash | WordPress |
|---|---|---|
| 主な技術 | Astro、TypeScript、Node.js/Cloudflare Workers | PHP、MySQLまたはMariaDB |
| サイト構築 | Astroのページやコンポーネントを開発する | テーマ、ブロック、ページビルダーなどを使う |
| 機能拡張 | EmDash向けプラグインやAstro連携を利用する | 豊富なWordPressプラグインを利用できる |
| データ保存 | SQLite、D1、libSQL、PostgreSQLなどを選べる | 一般にMySQLまたはMariaDBを使う |
| 導入のしやすさ | コマンド操作や開発知識が必要 | 対応レンタルサーバーなら簡単インストールが一般的 |
| WordPressから引き継ぎができる項目 | 投稿、固定ページ、メディア、カテゴリー・タグなどをインポートできる。テーマやプラグインはそのまま引き継げない | WordPressを継続する場合は、現在のテーマやプラグインをそのまま利用しやすい |
| 向いているケース | 開発チームが作る高速なサイト、独自CMS、AI支援を取り入れた運用 | 非開発者主体の更新、短期間での立ち上げ、既存資産の活用 |
「WordPressからインポートできる」ことと「同じ状態で移行できる」ことは別です。投稿や固定ページなどは移せますが、独自テーマ、プラグイン、ショートコード、フォーム、会員機能、決済、SEO設定などは個別確認が必要です。未知のGutenbergブロックは生のHTMLとして取り込まれ、移行後の調整が必要になる場合があります。
EmDashの利用を開始する手順
ここでは、新しい小規模サイトを作る場合の基本的な流れを紹介します。正式公開の前に、テスト環境で一連の動作を確認してください。
npm create emdash@latestを実行し、画面の案内に沿ってプロジェクト名や構成を選びます。npm run devで開発サーバーを起動します。/_emdash/adminを開き、サイト名、説明、管理者メールを登録します。ログインにはパスワードではなく、端末のTouch ID、Face ID、Windows Helloなどを使うパスキーが採用されています。WordPressから移行する場合
WordPress管理画面の「ツール」→「エクスポート」からWXR形式のXMLファイルを取得し、EmDash管理画面のインポート機能へ読み込ませます。投稿タイプとコレクションの対応を確認し、必要に応じて画像も移します。旧サイトは、移行結果とURL転送を確認できるまで停止しないようにしましょう。
EmDashはAIエージェントとどう連携する?
EmDashには、ChatGPTやClaudeなどのAIとCMSをつなぐためのMCPサーバーが標準で用意されています。MCPは、AIが外部サービスの情報を読み書きするための共通の接続方式です。EmDashサイトの/_emdash/api/mcpへAIサービスを接続すると、権限の範囲内で記事の検索、下書き作成、修正、画像管理、カテゴリー設定などを会話形式で依頼できます。
WordPressのAI連携との違い
WordPressでもREST API、専用プラグイン、MCP対応ツールなどを使えばAIと連携できます。EmDashの特徴は、AI用のMCP接続口がCMS本体に標準搭載されていることです。外部プラグインごとに異なる接続方法を探す手間を減らしやすくなっています。
AIのサブスクプランだけで使える?APIの従量課金は必要?
結論として、対応するAIの定額プランを使えば、別途APIを従量課金で契約しなくてもEmDashと連携できます。ただし、どの定額プランでもよいわけではありません。ChatGPT PlusはEmDash公式の対応プランに含まれておらず、ChatGPTではPro、Business、Enterpriseが案内されています。
| AIの利用方法 | EmDashとの連携 | API従量課金 |
|---|---|---|
| ChatGPT Plus | EmDash公式のMCP対応プランには含まれていない | Plusだけでは今回の接続方法を利用できない |
| ChatGPT Pro | ChatGPTのカスタムコネクターとして接続できる | この接続方法では、別途OpenAI APIキーを用意する必要はない |
| ChatGPT Business/Enterprise | 管理者がコネクターを設定し、メンバーが接続する | この接続方法では、別途OpenAI APIキーを用意する必要はない |
| Claude Code+Claude Pro/Max | Claude CodeにEmDashのMCPサーバーを登録して利用できる | 定額プランの利用上限内ならAPI課金は不要 |
| Claude Code+Claude Console | Anthropic APIの認証情報を使って利用できる | APIクレジットによる従量課金 |
| 独自のAIシステムから接続 | OpenAI APIなどからEmDashのMCPサーバーを呼び出す | 使用するAI APIの従量課金が必要 |
Claude CodeはChatGPT Plusと同じ状況ではありません。個人向けではClaude ProまたはMaxの定額プランにClaude Codeの利用枠が含まれているため、その枠内で使うならAnthropic APIを別契約する必要はありません。利用上限に達したときも、回復を待てば追加料金はかかりません。Claude ConsoleのAPIクレジットへ切り替えることを自分で選んだ場合だけ、従量課金になります。
二重契約が必須という意味ではありません。
定額で使いたい場合は「ChatGPT Pro以上のカスタムコネクター」または「Claude Code+Claude Pro/Max」のどちらかを選べます。無人の定期処理や自社システムへの組み込みなど、APIを直接使う構成にした場合は従量課金が必要です。プラン条件は変更される可能性があるため、契約前に各社の最新画面も確認してください。
AIが自動でサイト運営の責任まで負うわけではありません。まず下書きとして作成させ、人が内容と変更差分を確認してから公開する運用が安全です。AIに与える権限も、閲覧、編集、公開など担当者ごとに必要最小限へ設定します。
EmDashの運用コストとは?(導入・ランニング)
EmDashはMITライセンスのオープンソースソフトウェアであり、本体のライセンス料はかかりません。ただし、「無料で使える」と「費用をかけずに業務サイトを運用できる」は同じではありません。
何を契約する必要がある?
| サービス・契約 | 必須/任意 | 何のために必要か |
|---|---|---|
| EmDash本体 | 利用するが契約・ライセンス料は不要 | CMS本体。自分の公開環境へインストールする |
| Cloudflareアカウント | Cloudflareへ公開する場合は必須 | Workersでサイトを動かし、D1に記事データ、R2に画像を保存する。小規模向け無料枠あり |
| Node.js対応VPS・ホスティング | Cloudflareを使わない場合は必須 | Node.js 22.12.0以降でEmDashを常時稼働させる。データベースと永続保存領域も必要 |
| 独自ドメイン | 独自URLで公開する場合は必須 | サイトのURLを取得・更新する |
| ChatGPT・Claudeなど | AI連携を使う場合のみ | 定額利用ならChatGPT Pro以上、またはClaude Codeを利用できるClaude Pro/Maxなどを契約する。独自の自動処理ではAPI従量課金が発生する |
| 制作会社・保守会社 | 自社で構築・保守できない場合 | 初期構築、移行、更新、監視、バックアップ、障害対応を依頼する |
エックスサーバーで動作する?
一般的な「エックスサーバー レンタルサーバー」は、EmDashの公式ドキュメントに記載された対応環境ではなく、通常のWordPressと同じ感覚で簡単インストールできるとは確認できません。EmDashは、Node.jsアプリを常時動かし、データを消さない永続ストレージを用意する必要があるためです。
同じエックスサーバー系列でも、管理者権限を使えるXServer VPSなら、必要なNode.jsをインストールしてEmDashを構築できる可能性があります。ただし、OS設定、セキュリティ更新、プロセス監視、SSL、データベース、バックアップなどを自分または保守会社で管理します。「VPSを契約すれば自動でEmDashが使える」という意味ではありません。
初心者向けの選び方:自分でサーバーを管理したくない場合は、EmDash公式手順が整っているCloudflare構成を制作会社へ依頼する方法が比較的わかりやすいです。エックスサーバーを使い続けることが最優先なら、通常プランではなくXServer VPSで要件を満たせるか、制作会社と事前確認してください。
導入時にかかる費用
| 項目 | 費用の考え方 | 主な作業 |
|---|---|---|
| EmDash本体 | ライセンス料は0円 | インストール、初期設定 |
| 設計・開発 | 内製なら担当者の工数、外注なら制作費 | 要件整理、デザイン、Astro実装、CMS設計 |
| データ移行 | 記事数や独自機能が多いほど増える | WXR取込、画像、URL、テーマ・機能の作り直し |
| 検証 | サイトの重要度と機能数で変動 | 表示、権限、SEO、速度、セキュリティ、復元テスト |
公開後にかかる費用
| 項目 | 小規模サイトの目安・考え方 | 注意点 |
|---|---|---|
| 実行環境 | Cloudflare Workersには無料枠あり。有料プランは最低月額5米ドル | アクセス数と処理量で超過料金が発生する。隔離型プラグインをCloudflareで使う構成では有料アカウントが必要 |
| データベース | D1無料枠は1日500万行読取、10万行書込、合計5GB保存 | 無料枠超過時は有料プランが必要。効率の悪いクエリは読取行数を増やす |
| 画像保存 | R2 Standardには月10GB、書込系100万回、読取系1,000万回の無料枠あり | 容量・操作回数が無料枠を超えると従量課金 |
| ドメイン | 取得会社とドメインの種類により年額が変わる | 更新忘れを防ぐ管理が必要 |
| 保守・運用 | 更新、監視、バックアップ、障害対応の人件費 | ベータ期間中は仕様変更への追従工数も見込む |
無料枠に収まるかは、月間アクセス数だけでは判断できません。ページごとのデータベース読取量、管理画面での更新回数、画像容量、プラグイン構成によって変わります。公開後はCloudflareの利用状況を確認し、上限通知と予算アラートを設定しましょう。料金・無料枠は2026年8月14日時点の公式情報です。
EmDashで必要な知識とは?
記事を入力するだけなら管理画面を使えますが、サイトの構築・公開・障害対応まで行う担当者には、WordPressより開発寄りの知識が求められます。
Node.jsとパッケージ管理
EmDashの導入、更新、ビルドに必要です。npm、pnpm、yarnのいずれかを扱います。
Astro・HTML・CSS
ページ、レイアウト、デザイン、スマートフォン対応を作るために必要です。
JavaScript・TypeScript
独自機能やデータ取得、型を活用した安全な実装に役立ちます。
データベースとストレージ
D1、SQLite、PostgreSQLなどのデータ保存と、R2・S3などの画像保存を理解します。
デプロイとドメイン
Cloudflare WorkersまたはNode.jsサーバーへの公開、環境変数、DNS、SSLを扱います。
セキュリティと保守
権限、秘密情報、更新、監視、バックアップ、復元手順を管理します。
すべてを一人で習得する必要はありません。編集担当者は記事作成に集中し、開発・インフラ・セキュリティは社内エンジニアや制作会社が担当する分業もできます。導入前に「誰が更新するか」だけでなく、「誰が不具合や仕様変更に対応するか」まで決めておくことが重要です。
まとめ
EmDashは、WordPressで親しまれてきた投稿、固定ページ、カテゴリー、メニュー、プラグインなどの考え方を、AstroとTypeScriptを中心とした技術で再構築したCMSです。コンテンツ管理とWebサイトを一つの開発環境で扱え、CloudflareまたはNode.js環境へ公開できます。
一方で、WordPressとの互換製品ではなく、テーマやプラグインはそのまま移せません。本体が無料でも、設計・開発・移行・保守の費用は必要です。さらに現時点ではベータ段階のため、安定運用を最優先する既存サイトでは慎重な検証が欠かせません。
導入判断の目安:AstroやTypeScriptを扱える体制があり、新規サイトまたは小規模サイトから検証できるなら候補になります。更新担当者だけで運用したい、既存のWordPress資産をそのまま使いたい、成熟したプラグイン群が必要という場合は、当面WordPressを継続する判断も合理的です。
