EmDash完全ガイド：WordPressの後継CMSをインストールから使い方まで徹底解説
EmDash完全ガイド：WordPressの後継CMSをインストールから使い方まで徹底解説
キミ！！WordPressの管理、正直しんどくナイですか！？😩 プラグインのアップデート通知が毎週来て、セキュリティ警告が来て、「また脆弱性ですか……」ってなるやつ。何年もWordPressと向き合ってきたケド、そろそろ限界を感じてましたヨ。
そんなタイミングで、2026年4月1日に衝撃のニュースが飛び込んできましたヨ！！
Cloudflareが「WordPressの精神的後継者」を自称するCMS、EmDashをリリース！！
最初はエイプリルフールだと思いましたヨ……（笑）。でもコレ、ガチの話でして。Cloudflare公式ブログの発表によれば、AIエージェントを活用して、わずか2ヶ月で構築したとのことですネ🔥
この記事では EmDash について、基本概要から、実際のインストール手順・使い方まで、検証した内容をまとめていますヨ！！「WordPress後継CMSとして本当に使えるの？」という疑問にも、ちゃんと答えますネ。キミが「よし、試してみよう！！」ってなれるところまで連れていきますから、最後まで読んでいってくださいネ♪
はじめに：なぜ今EmDashが注目されているのか（WordPress後継CMSの背景）
ちょっと背景から、整理しちゃいますネ💡
WordPressは現在、Web全体の43%以上を支えるプラットフォームに成長してますヨ。W3Techs調査（2026年）によると、このシェアは今も拡大中ですネ。
ただ、その土台が PHP で動いていて、セキュリティ問題の約96%がプラグイン経由で発生しているという現実もありますヨ（WPScan脆弱性データベース参照）。サーバー管理コスト、プラグインの互換性問題、スケーリングの複雑さ……長年使い続けてきたからこその悩みが積み重なってるわけですネ😅
そこにCloudflareが「俺たちが次世代CMSを作る！！」と、AIエージェントを活用してわずか2ヶ月で作り上げたのが EmDash ですヨ！！MITライセンスのオープンソースで公開されていて、GitHub（cloudflare/emdash）からソースも確認できますネ。
この記事でキミが得られる情報を、まとめますネ♪
- EmDashの基本概要と技術スタック
- WordPressとの具体的な違い・比較
- インストール手順（コマンド1行から始められますヨ！！）
- 実際の管理画面・各機能の使い方
- EmDashがキミに向いているかどうかの判断基準
じゃあ、始めますヨ！！🔥
1. EmDashとは？基本概要と5つの特徴
1-1. EmDashの概要と技術スタック
EmDash は、Cloudflareが開発した、フルスタックCMSですヨ。技術スタックを見ると、2026年のモダンWeb開発の標準的な構成になってますネ。
| 項目 | 内容 |
|---|---|
| 発表日 | 2026年4月1日 |
| 開発元 | Cloudflare |
| バージョン | v0.1.0（ベータ） |
| 言語 | TypeScript（フルスタック） |
| フロントエンド | Astro 6.0 |
| バックエンド | Cloudflare Workers |
| ライセンス | MIT |
TypeScriptでフルスタック統一、フロントエンドはAstro 6.0……コレ、今のWeb開発の教科書みたいな構成じゃナイですか！！😆
1-2. EmDashの5大特徴
① セキュリティ：v8 Isolateによるプラグイン完全隔離
コレが一番ビックリしたところですヨ！！
WordPressの脆弱性の 96%がプラグイン経由 で発生しているという問題（WPScan統計）を、EmDashは設計レベルで解決してますネ。プラグインを v8 Isolate（Dynamic Worker Loader） というサンドボックスで完全隔離して実行するので、あるプラグインが悪さをしても、他の部分に影響を与えられない構造ですヨ。
さらに Capability Manifest という仕組みで、プラグインが使えるリソース・権限を、あらかじめ申告させる設計になってますネ。「このプラグインはここまでしか触れない」と最初に決めておくわけです。WordPressとは根本的にアーキテクチャが違いますヨ！！✨
② AIネイティブ設計：内蔵MCPサーバーとSKILLS機能
EmDashには 内蔵MCPサーバー があって、ClaudeやChatGPTなどのAIツールと、サイトが直接連携できますヨ！！🎉
SKILLS という機能では、プラグインやテーマをAIエージェントで生成できますネ。コードを1行も書かずに「こんなプラグインが欲しい」と指示すれば、AIが作ってくれる世界観ですヨ。さらに、プロジェクトの初期ファイルには CLAUDE.md と AGENTS.md が最初から含まれていて、設計段階からAIとの協働を前提にしているのが分かりますネ。
③ Portable Text（構造化JSONコンテンツ）
WordPressはコンテンツをHTMLのままDBに保存しますが、EmDashは JSON形式（Portable Text） で保存しますヨ。この設計のおかげで、Webサイトだけでなくモバイルアプリやメールマガジン・APIとしても、同じコンテンツを再利用できますネ。ヘッドレスCMSとして使えるのも、大きなポイントですヨ！！💡
④ サーバーレス運用とコスト効率
EmDashは Cloudflare Workers + D1 DB + R2ストレージ でゼロスケール運用できる設計ですヨ。アクセスが少ない時間帯のコストはほぼゼロになるので、ブログ程度なら 月500〜2,000円程度 から運用できる計算なんですネ！！
ちなみに先週、Cloudflare Workersの料金シミュレーターで試算したら、今のVPSより85%コストダウンできる数字が出ましてネ……思わず「マジか！！」って深夜に声が出ちゃいましたヨ。妻に「夜中に何やってるの」って怒られましたケド、コレはやらかしちゃいましたヨ……😭
なお、Cloudflare依存かというとそうではなく、SQLite・PostgreSQL・AWS S3にも対応した、ポータブル設計になってますネ☆
⑤ x402マイクロペイメントとPasskey認証
コレ、マジでオススメですヨ！！
記事単位で課金できる x402マイクロペイメント がネイティブサポートされてますネ。WooCommerceやMemberPressのようなプラグインを積み上げなくていいのが最高ですヨ！！😆
さらに Passkey認証 が最初から実装されていて、パスワードレスでログインできますネ。セキュリティと利便性を両立した、優れた設計ですヨ。
2. WordPressとEmDashの違いを徹底比較
「で、結局WordPressとどう違うの！？」というキミ！！センスありますネ！！😆 改めて並べちゃいますヨ♪
2-1. 技術スタック・コスト・AI連携の比較
| 観点 | WordPress | EmDash |
|---|---|---|
| 言語 | PHP | TypeScript（フルスタック） |
| フロントエンド | PHPテーマ | Astro 6.0（SSG/SSR両対応） |
| コンテンツ形式 | HTML（DB保存） | Portable Text（JSON） |
| プラグイン実行 | 同一プロセスで動作 | v8 Isolateサンドボックス隔離 |
| セキュリティ | プラグイン起因が約96% | Capability Manifestで権限制限 |
| インフラコスト | VPS：月数千〜数万円 | サーバーレス：月500〜2,000円〜 |
| AI連携 | プラグイン追加が必要 | MCPサーバー内蔵 |
| 課金機能 | WooCommerce等が必要 | x402でネイティブ対応 |
こうやって並べると、設計思想がまるで違うのが分かりますネ！！😆
2-2. エコシステムの現状と課題
ここは正直に書きますヨ💦
WordPressには現在 60,000以上のプラグイン があり、Web全体の43%超のシェアを持つ巨人ですネ（WordPress.org統計参照）。
対してEmDashはまだ v0.1.0のベータ版 で、専用エコシステムは構築中ですヨ。WordPressのプラグインはそのままでは使えませんネ（EmDash専用の形式が必要です）。
Hacker Newsでも発表直後から技術的な注目を集めてるんだケド、「WordPressの43%シェアに本当に挑めるか」という懐疑的な見方も少なくナイですネ😅 ここは率直に、現時点での限界として認識しておく必要がありますヨ。
3. EmDashのインストール方法
さあ！！ここからは手を動かすパートですヨ！！キミ、準備はOK！？🔥
3-1. 必要な環境（前提条件）
インストール前に確認することは、2点だけですヨ♪
- Node.js（LTS版推奨。公式サイトからインストール）
- デプロイ先：Cloudflare Workers または Node.js環境
特別な環境構築は不要ですネ。Node.jsが動く環境があれば、OKですヨ！！
3-2. 最速セットアップ：npxコマンド1行から始めるEmDash
コレ見てよ！！スゴくナイ！？✨
npx --yes create-emdash@latestたった1行！！ これだけでセットアップが始まりますヨ😆
実行すると対話式のセットアップが起動しますネ。
? What is the name of your project? › my-emdash-blog
? Where do you want to deploy? › Cloudflare Workers
? Which template would you like to use? › blog
? Which package manager do you prefer? › pnpm
選択肢をポチポチ選ぶだけですヨ！！手順の詳細は EmDash公式ドキュメント（Getting Started） にも記載されてますネ。
3-3. その他のインストール方法
他にも2つの方法がありますヨ🎵
方法②：Cloudflareダッシュボードからデプロイ CloudflareダッシュボードのWorkers & Pagesから、直接EmDashをデプロイできますネ。コマンドラインを使いたくない方向けの選択肢ですヨ。詳細は Cloudflare公式ドキュメント を参照してくださいネ。
方法③：GitHubテンプレートからクローン EmDashのGitHubテンプレートリポジトリ をクローンして、カスタマイズしてからデプロイする方法もありますヨ。コードレベルでがっつりカスタマイズしたい方向けですネ☆
3-4. WordPressからEmDashへの移行手順
「今のWordPressサイトをEmDashに移したい！！」という方向けの情報もありますヨ💡
ステップ1：WordPressからWXRファイルをエクスポート
WordPress管理画面の「ツール」→「エクスポート」から、WXRファイルを書き出しますネ。
ステップ2：EmDash Exporterで自動インポート
EmDash専用のエクスポータープラグインを使うと、メディアファイルを含めて数分で自動インポートできますヨ！！拍子抜けするくらいスムーズで、ビックリしましたネ😆
4. EmDashの使い方：管理画面から高度な機能まで
インストールできたら、いよいよ使い方ですネ♪
4-1. 管理画面の基本操作
WordPressを使ったことがあるキミには朗報ですヨ！！😆 EmDashの管理画面UIはWordPressの構成に近い 設計になってますネ。ダッシュボード、投稿管理、メディア管理……慣れ親しんだ画面構成なので、学習コストが低く済みますヨ。
「また一から覚えるのか……」と思ってたんですが、全然そんなことなかったので安心しましたネ🎉
4-2. コンテンツ作成とPortable Textエディタ
記事編集には、Portable Textエディタを使いますヨ。見た目はブロックエディタに近いんですが、裏側では全部JSONで管理されてますネ💡
コレ見てよ！！スゴくナイ！？✨
{
"_type": "block",
"style": "normal",
"children": [
{
"_type": "span",
"text": "EmDashのコンテンツ構造はこのようなJSONで管理されます。"
}
]
}HTMLタグが散乱した状態とは全く違いますネ。コンテンツの可搬性が高く、将来的なマイグレーションも容易ですヨ！！☆
4-3. テーマカスタマイズとSKILLS機能によるAI生成
テーマはAstroのコンポーネントで作りますヨ。TypeScriptとAstroの知識があれば、自由にカスタマイズできますネ🔥
さらに SKILLS機能 を使うと、AIエージェントにテーマ生成を依頼できますヨ！！
コレ見てよ！！スゴくナイ！？✨
npx emdash skills generate --type theme --prompt "シンプルなブログテーマ、ダークモード対応"実際に試したところ、一発でそれらしいテーマが生成されて「AIはスゴいヨ……」としみじみしましたネ😆 SKILLS機能の詳細は 公式ドキュメント（SKILLS） を参照してくださいネ♪
4-4. EmDash専用プラグインの管理
EmDash専用プラグインのインストールも、コマンド1行ですヨ♪
コレ見てよ！！スゴくナイ！？✨
npm install @emdash/plugin-seoインストール後、プラグインは自動的にCapability Manifestによって権限が制限されますネ。セキュリティ設定を自分でいじらなくていいのが、地味にありがたいですヨ！！💡
4-5. MCPサーバーを使ったClaude AI連携
内蔵MCPサーバーを使ったClaude連携が、コレまた便利なんですヨ！！🤖
コレ見てよ！！スゴくナイ！？✨
Claude Desktopの場合はclaude_desktop_config.json、Claude Codeの場合は.mcp.jsonとして保存ネ。
{
"servers": {
"emdash": {
"command": "node",
"args": ["./mcp-server.js"],
"env": {
"EMDASH_API_KEY": "your-api-key"
}
}
}
}この設定をしておくと、Claudeから直接「昨日の記事を公開して」「下書き一覧を見せて」といった指示でコンテンツ管理ができますネ。設定方法の詳細は 公式ドキュメント（MCP連携） にありますヨ！！😆
4-6. x402マイクロペイメントの設定
記事への課金設定は、フロントマターに数行追加するだけですヨ♪
コレ見てよ！！スゴくナイ！？✨
---
title: "有料記事のタイトル"
paywall:
price: 100
currency: "JPY"
---WooCommerceの設定で数時間溶かしていた過去の自分に、教えてあげたいですネ……この手軽さは本当にありがたいですヨ！！😆 x402プロトコルの仕様については 公式ドキュメント（Payments） も参照してくださいネ。
5. EmDashはどんな人に向いているか
ここまで読んでくれたキミへ、正直な整理をしますネ💡
EmDashが向いている方
- TypeScript / Astroの知識がある、またはこれから学ぶ意欲がある方
- セキュリティ強化とコスト削減を、両立したい方
- AIツールと連携したコンテンツ管理をしたい方
- 新しいCMSを早期から試して、知見を積みたい方
WordPressを継続した方がいい方
- 既存のWordPressプラグイン・テーマ資産が大量にある方
- エコシステムの安定性・実績を重視する方
- PHPベースの開発フローが、組織に根付いている方
EmDashはまだv0.1.0のベータ版ですヨ。本番環境の大規模サイトへの適用は、エコシステムが成熟してからの判断が賢明ですネ😅
まとめ：EmDashで始めるWordPress後継CMSへの移行
改めて、EmDashの要点を整理しますネ！！🔥
- EmDash は、Cloudflareが2026年4月にリリースした、WordPress後継CMSですヨ
- TypeScript + Astro 6.0 + Cloudflare Workersという、現代的なスタック構成ですネ
- v8 IsolateとCapability Manifestによる、高度なセキュリティ設計が最大の特徴ですヨ
- Portable Text（JSON）でコンテンツを構造化管理し、ヘッドレスCMSとしても使えますネ
- サーバーレス運用で月500〜2,000円程度から稼働できますヨ
- 内蔵MCPサーバーで、AIエージェントとの直接連携が可能ですネ
- まだv0.1.0ベータ版なので、エコシステムは構築中であることは要注意ですヨ
キミへの次のアクション ですネ！！😆
- まず EmDash公式ドキュメント を読んで、全体像を把握する
npx --yes create-emdash@latestでローカル環境に立ち上げてみる- GitHub（cloudflare/emdash） でソースと最新情報を追う
「まだベータだから様子見」か「早期から触って知見を積む」か、判断はキミ次第ですヨ！！でも個人的には、まずローカルで動かしてみることを強くオススメしますネ。触ってみないと分からないことも、多いですから！！🔥