Cloudflareの無料CMS「EmDash」でサイトを作る方法

2026年10月25日

①　Cloudflareアカウントの作成と日本語化

STEP

Cloudflareのサイトに行く

https://www.cloudflare.com/ja-jp

STEP

ログインをクリック

STEP

ログイン方法を選ぶ。おすすめはGoogleアカウント

STEP

アカウントを選択

STEP

日本語化する（画面の右上の人アイコンをクリック）

STEP

日本語化完了

②　EmDash導入前の準備（Node.js・pnpm）

Windows PCでの作業を例にして説明します。MAC PCの方はそれ用のフィルをダウンロードしてお使いください

EmDashはブラウザ上のCloudflare管理画面からインストールするのではなく、まず自分のPC上にEmDashサイトを作ります。

その前準備としてPCにNode.jsをインストールする必要があります。

STEP

Node.jsの公式サイトに行く

https://nodejs.org/en/download?utm_source=chatgpt.com

STEP

Node.jsをダウンロード

EmDashではNode.js 22.22以上が必要ですが、このマニュアルでは安定版のNode.js 24 LTSを使用します。

Node.js公式サイトを開き、「LTS」と表示されているNode.js 24を選択します。
※「Current」ではなく「LTS」を選択してください

STEP

ダウンロードできた

STEP

ダウンロードした .msi を実行（上記ファイルをダブルクリック）

STEP

STEP

STEP

STEP

STEP

STEP

STEP

Node.jsが正しくインストールされたか確認。PCのディスクトップで右クリックをしてターミナル（PowerShell）を開く

STEP

「node –version」を入力して実行、「v24.22.1」が表示されればOK

STEP

「npm –version」を入力して実行

STEP

数字が表示されればOK

無事、Node.jsもnpmも正しくインストールされました。

・Node.js 24 LTS
・npm 11.19.1
が使える状態です。

STEP

「pnpm」のインストール。「npx get-pnpm」を入力

STEP

PCのキーボードのyを入力

STEP

PCのEnterボタンを押すとインストールされる

Done in 91ms using pnpm v12.15.0と出ているので、pnpm 12.15.0 が正常インストールされた！

pnpmのインストールが完了すると「Setup complete. Open a new terminal to start using pnpm.」と表示されます。ターミナル（PowerShell）を閉じて新しく開き直してくださいpnpm –version を実行してください。

「Setup complete. Open a new terminal to start using pnpm.」という文字がある場合はいったんターミナル（PowerShell）を閉じて、新しく開き直してください

STEP

「pnpm –version」を入力し、実行する

pnpm –version を実行し、バージョン番号が表示されればpnpmのインストールは完了です。

この例では 12.15.0 と表示されています

③　EmDash Blogをパソコンにインストール

前章の「②　EmDash導入前の準備（Node.js・pnpm）」の続きの画面で説明をしています。ここから始めている方は、PCのディスクトップ画面で右クリックしてターミナルを表示させてください

STEP

「npm create emdash@latest my-blog — –template cloudflare:blog –pm pnpm –yes」を入力して実行（PCのEnterを押す）

STEP

Ok to proceed? (y)と出るので「y」を入力して実行

create-emdash がインストールされて、my-blog という名前のEmDash Blogプロジェクト作成が始まります。

STEP

インストール完了が完了し、ディスクトップに「my-blog」というフォルダが作られた

STEP

「cd my-blog」と入力して実行

STEP

「PS C:\Users\info\Desktop>」から
「PS C:\Users\info\Desktop\my-blog>」に変わった

これは「my-blog」というフォルダに作業環境が移動したことを意味しています。

STEP

「pnpm dev」を入力して実行

STEP

http://localhost:4321/のようなURLが表示されれば成功

表示されたそのURLをブラウザで開けば、自分のPC上でEmDash Blogが起動します。

上記の場合は
・サイト本体：http://localhost:4321/
・管理画面：http://localhost:4321/_emdash/admin

上記の画面のターミナル（PowerShell）は閉じないでください。
サイト本体や管理画面が開けなくなります。

STEP

ブラウザでEmDashサイトを確認。「http://localhost:4321/」をブラウザで入力して実行

STEP

サイトが表示された

④　 EmDashを起動して初期設定

前章の「③　EmDash Blogをパソコンにインストール」の続きの画面で説明をしています。ここから始めている方は、PCのディスクトップ画面で右クリックしてターミナルを表示させてください。

ターミナル画面で次の順に入力して実行してください
①cd my-blog を入力して実行
②pnpm dev を入力して実行
①と②を順番に実行するとEmDashのローカルサーバーが起動します。

Local http://localhost:4321/ と表示されたら起動成功です。
ターミナル（PowerShell）は閉じず、そのままブラウザを開いてください。