EmDashへの移行 更新日 2026年10月23日
目次
EmDashのセットアップ手順は日本語で読めますか? EmDashのCLIでセットアップする時のコマンドは何ですか? EmDashのようなCMSとヘッドレスCMSの違いは何ですか? EmDashはヘッドレスCMSとしても使えますか?
# EmDashのセットアップ手順は日本語で読めますか? 日本語でも読めます。ただし、公式が出している手順そのものは英語です。
EmDashに関しては、公式ドキュメント全94ページの日本語訳を掲載しているEmDash情報局のサイト が存在します。メニュー構成も公式のサイドバーと同じ並びで整理されており、日本語で全体の流れを追う助けになります。運営はCloudflareでもEmDashプロジェクトでもありません。そのため、訳が英語の最新版に追いついているかは、気になったページだけでも原文と見比べるしかありません。
最初の全体像を有志の日本語サイトで大づかみにつかみ、実際のコマンドや画面に表示される英文は公式ドキュメントと見比べながら進める形が現実的ですね。
# EmDashのCLIでセットアップする時のコマンドは何ですか? ターミナルを開いて最初に打つのは npm create emdash@latest です。公式ドキュメントの入門手順 では、作業を始める前提条件としてNode.js 22.23.4以上とnpmがインストールされている環境を挙げています。
公式チュートリアルのNode.js向けStarter構成では、続けて次の順に進みます。
npm create emdash@latest でプロジェクトを作るcd my-emdash-site で作ったフォルダへ移動するnpm run dev で開発サーバーを起動するブラウザで開発サーバーの管理画面(/_emdash/admin/)を開き、メールアドレスを入力してパスキーを登録する
ただし、最初のコマンドは新しいサイトを作るためのものです。Studioに入っている記事や画像を移す命令ではありません。Studio側の記事は、EmDashの管理画面でコンテンツの型を定義してから、別に入れ直すことになります。
初期設定を済ませた後も、EmDashにはコンテンツやスキーマを操作するためのCLIが備わっています。さらに、AIツールから直接サイトを操作できる組み込みのMCPサーバーが用意されている点も特徴的ですね。公開先もCloudflareだけではなく、SQLiteを使うNode.jsサーバーを選べます。Cloudflareへのデプロイは、セットアップに必ず含まれる手順ではありません。
# EmDashのようなCMSとヘッドレスCMSの違いは何ですか? Webサイトの見た目を作る画面まで一体で提供する仕組みと、表示画面を持たずにデータ管理だけに特化する仕組みとでは、CMSとしての立ち位置が根本から異なります。ヘッドレスCMSの代表的なサービスであるmicroCMSは、記事や画像などのコンテンツをAPI経由で配信することに特化した構成をとっています。microCMSの料金プラン などを参考にしつつ、表示画面まで一括で扱いたいのか、API配信だけに絞りたいのかで選ぶシステムが変わってきますね。
その一方で、EmDashはAstroと組み合わせて、管理画面とサイトの表示部分をひとつのTypeScriptのプロジェクトにまとめたフルスタックCMSです。管理画面でコンテンツの型を決め、それをそのままサイトに表示できます。Studioも、デザインエディタで作ったレイアウトにCMSのデータを結び付けてページに出します。記事と見た目が一緒に動くという点で、Studioから移る人にはEmDashのほうが感覚をつかみやすいでしょう。ただ、Studioは画面上の操作で作り、EmDashはコードを書いて作ります。作り方の手触りはかなり違いますね。
あわせて、公式リポジトリはMITライセンスで公開されており、フォーム機能をはじめとする公式プラグイン群も最初から揃っています。ソフトウェア自体は自由に使えますが、サーバーやホスティングの費用は別にかかります。
# EmDashはヘッドレスCMSとしても使えますか? Astroのフロントエンドと一体で動くEmDashですが、外部のアプリケーションからデータだけを呼び出すヘッドレスCMSのような使い方はできるのでしょうか。外部のプログラムからコンテンツを読み書きする使い方はできます。ただし、Next.jsなど別のフロントエンドとの連携も、公式に保証されたものではないと考えておいたほうがよいでしょう。
公式のREST APIリファレンス を確認すると、EmDashにはREST API、CLI、そして組み込みのMCPサーバーが搭載されています。外部のクライアントから正式に使える範囲は、OpenAPI文書に載っている操作までです。載っていない操作に頼る作りは、バージョンアップで動かなくなるおそれがあります。
APIの多くの操作にはセッションCookieまたはBearerトークンによる認証が必要です。Bearerトークンでできることは、トークンに設定したスコープと、紐づくユーザーの役割の両方で制限されます。公開コメントの操作のような例外もあるので、操作ごとにリファレンスで必要な認証を確かめてください。
標準のStarterテンプレートは、AstroのLive Collectionsを使います。getEmDashCollection で公開中のコンテンツをその場で読み込む作りです。これはAstroで表示する標準の使い方の話です。別のフロントエンドで使えないという意味ではありません。とはいえ、最初から表示画面を切り離すことを前提にした純粋なヘッドレスCMSとは設計の思想が異なるため、外部フロントエンドと組み合わせる際はAPIの対応範囲を事前に見極めておく必要がありますね。
はまれぽメモ
はまれぽでは、Studioから取り出したデータをAstro×Cloudflareで配信する構成を本命にしています。EmDashも同じAstroがベースのため、将来管理画面が必要になった時の移行先として相談できます。
こんな聞き方も em dash cms tutorial japanese emdash EmDashのセットアップ手順は英語のチュートリアルで探すべきですか? emdash cms japanese setup tutorial EmDashのようなCMSとヘッドレスCMSの違いは何ですか? ヘッドレス cms とは EmDashはヘッドレスCMSとしても使えますか? emdash ヘッドレス 使える EmDashのCLIでセットアップする時のコマンドは何ですか? emdash cli setup コマンド
あわせて知りたい(関連する疑問) Q 英語のEmDashチュートリアルはどれを読めばいいですか? 手元のPCでとりあえず動かしてみたい実践派と、仕組みや仕様を先に把握したい慎重派とでは、最初に開くべき英語チュートリアルが分かれます。手早くサイトの立ち上げを体験したいのであれば、公式ドキュメントに用意されている「Create your first EmDash site」から読み進めるのが適していますね。このガイドはStarterテンプレートを使ってNode.jsサイトを構築する手順で、データベースにSQLiteを使い、画像もローカル保存で動作するため、クラウドアカウントを用意しなくてもすぐに実習を進められます。ただ、これは新しいサイトを作る練習です。Studioから移す手順ではありません。
これに対して、全体の機能や背景にある考え方を整理したい場合は、公式GitHubのREADME やCloudflareのEmDash 1.0紹介記事が向いています。主要なパッケージは、互換性を壊す変更をメジャーリリースに限り、変更履歴に書く方針です。一方、公式プラグインとその開発ツールはまだ0.xで、マイナーリリースの間でも変わることがあります。
英語でも日本語でも、個人のチュートリアルを読むときは、記事が使っているバージョンを見てください。公式GitHubのリリースページ で、版ごとの変更点を確かめられます。記事と自分の環境でバージョンが違えば、プラグインまわりの手順が変わっているかもしれませんね。
Q EmDashを動かすのにNode.jsは必要ですか? Studioのようにブラウザだけで完結するツールから移行を検討するとき、パソコンにNode.jsを導入しなければならないのかは気になる点ですね。自分のパソコンでnpmを使ってプロジェクトを作るなら、Node.jsとnpmが必要です。作成コマンドの npm create emdash@latest は、npmが入っていないと動きません。
公式の初回サイト作成ガイドではNode.js 22.23.4以上とnpmを求めており、作業前に node --version でバージョンを確認する手順が示されています。この数字は初回作成ガイドが前提とする条件で、EmDashのすべての版に共通する最低要件として書かれたものではありません。手元のバージョンが足りないときは、Node.jsを入れ直してから始めてください。
一方で、完成したサイトを外部に公開するホスティング環境については複数の選択肢が存在します。EmDashの公開先には、Node.jsのサーバーとCloudflare Workersがあります。Cloudflare公式ブログの解説 でも説明されている通り、公開環境として必ずしもNode.jsサーバーを用意する必要はありません。Node.js向けの構成なら、Nodeのプロセスを動かせる場所ならどこにでも置けます。Cloudflare Workersを選んだ場合は、データベースや画像の保存先もCloudflare側のサービスを使う形になります。
Q 非エンジニアでもEmDashをセットアップできますか? Studioはブラウザだけでサイトを作れました。それに慣れた人が、EmDashで最初につまずきやすいのはコマンド操作です。自分のサイトを作る基本の方法は、ターミナルで npm create emdash@latest を実行してプロジェクトを作るところから始まります。
公式のブログ作成手順 を確認すると、作業を始める前にNode.js 22.23.4以降とpnpmのインストールが求められています。コマンドを1行ずつ写して打てる人なら、手順をなぞるのは難しくありません。ただ、ターミナルを開いたことがない人には、最初の準備が一番の壁になります。
その代わり、Cloudflareまわりの設定は、作り始めの段階では要りません。Cloudflare版で作る場合でも、手元で開発しているあいだはCloudflareのアカウントがなくても進められます。公開先をSQLiteを使うNode.jsサーバーにするなら、Cloudflareを使わない選び方もできますね。
もうひとつ、EmDashにはブラウザ上で管理画面の操作感を試せるPlaygroundが用意されており、手元で環境を作る前に管理画面の使い勝手を確かめられます。最初のセットアップやインフラ設定だけをエンジニアに依頼できれば、その後の記事更新やコンテンツ管理は非エンジニアでも十分に運用できます。
Q EmDashの日本語解説はQiitaやZennにありますか? あります。QiitaとZennには、EmDashを実際に動かして書かれた日本語の記事が出ています。英語のドキュメントだけではイメージが湧きにくい場合でも、国内の開発者が試行錯誤した過程を日本語で追うことが可能です。
たとえば、Qiitaではローカル環境で検証用の構成を作り、コンテンツをインポートする流れを試したレポートが公開されていました。取り込み自体は問題なくできたと書かれていて、ほかのCMSから移る人には参考になります。
Zennの実践記事 は、セットアップから管理画面の操作、記事を更新したときの表示の変わり方、デプロイまでを一通り試しています。プロジェクトの作成には、公式READMEと同じ npm create emdash@latest が使われていました。そのため、日本語の記事で流れをつかんでから英語の公式手順に戻っても、コマンドで迷うことはありません。
どちらも個人の検証記事です。また、Studioからそのまま記事を移す方法を紹介したものでもありません。
なお、Cloudflareの公式ブログにもEmDashの紹介記事の日本語版が用意されています。ただし、このページは自動機械翻訳によって提供されているものであり、英語原本との間に誤りや省略、解釈の違いが含まれる可能性があるため、不明な点は英語版原本で確認するよう注意書きが添えられています。QiitaやZennの実践記事で作業の大枠をつかみつつ、設定ファイルの記述や最新の仕様で迷ったときは英語の公式ドキュメントで裏付けを取る姿勢が大切です。
この内容をChatGPTで相談
前のQ&A StudioからEmDashへ移行するとSEOは下がりますか?次のQ&A Studioから移ったEmDashの管理画面にログインできない時はどうすればいいですか?