プロンプトで書いて、そのまま配信する
— 非エンジニアのための全工程

▶この資料の読み方

1結論全員

1. MCP は「AI に手と目をつける規格」です。AI が Cloudflare の最新ドキュメントを読み、実際のアカウントの中身を見て、データベースやファイル置き場を作り、動いているアプリのログを読めるようになります。推測で書いていたものが、実物を確認しながら書くものに変わります。
2. Cloudflare は自社の MCP サーバーを公式に、無償で公開しています。本体 1 本（Cloudflare API 全体）＋ 用途別 16 本。すべてリモート型で、インストールは不要、URL を Claude に登録して OAuth で許可するだけです。
3. 社内サービス構築で実際に使うのは 5 本です。docs（正しい書き方）／ bindings（器をつくる）／ api（何でもできる本体）／ builds（配信の様子）／ observability（動いているか）。Cloudflare 公式の Claude Code プラグインは、まさにこの 5 本を登録します。
4. ただし「非エンジニアがブラウザだけで完結」はしません。デプロイ手段が標準 MCP に無いためです。Claude Code（＋ wrangler）か GitHub のどちらかが必ず要ります。完全にブラウザだけで済ませたいなら、それは MCP ではなく Cloudflare OS の役割です。
5. したがって、MCP 方式は「第 4 の独立方式」ではなく、プランA／B を強くする部品です。現行本命のプランB に MCP を足すのが、いま取れる最も費用対効果の高い一手です（第 III 部）。

2MCP とは何か — 3 分で全員

MCP（Model Context Protocol）は、AI と外部サービスをつなぐ共通の差込口です。 Cloudflare 自身が公式ドキュメントで「AI アプリケーションにとっての USB-C ポート」と表現しています。

2-1. 登場人物は 3 つだけ

2-2. 接続方式は 2 つ

• リモート接続 — インターネット越し。Streamable HTTP ＋ OAuth 認可。Cloudflare 公式はすべてこちら。
• ローカル接続 — 同じ PC の中。stdio 方式。今回は使いません。

3Cloudflare が標準で出している MCP サーバー一覧全員

すべて Cloudflare 公式（cloudflare/mcp-server-cloudflare および cloudflare/mcp リポジトリ）。 接続は URL を登録して OAuth するだけ。サーバー利用そのものに追加料金はありません。

3-1. 本体（1 本）

3-2. 用途別（16 本）

3-3. 実際に使うのは 5 本

  cloudflare-api            ← 何でもできる本体（Code Mode）
  cloudflare-docs           ← 正しい書き方を調べる
  cloudflare-bindings       ← DB・ファイル置き場を作る
  cloudflare-builds         ← 配信の様子を見る
  cloudflare-observability  ← 動いているか見る

迷ったらこの 5 本＋ Browser Run（見た目の確認用）だけ入れてください。

4何ができて、何ができないか — ここが分かれ目全員

4-1. Workers Bindings MCP の全ツール（21 本）

4-2. その他のサーバーのツール

5費用と前提決める人

6全体像全員

7Step 0 — 用意する人がやることエンジニア

つくる人はこの章を読み飛ばして構いません。

7-1. アカウントと課金

• Cloudflare アカウントを Workers Paid（$5/月） にする
• 既存資料（プランB）と同じアカウントで構いません

7-2. 権限を絞った API トークンを作る ← いちばん重要

7-3. 入口（Cloudflare Access）を先に用意する

既存資料と同じです。Worker 単位／アカウント単位の Access を先に ON にし、all_workers ＋ all_preview_workers を有効化しておくと、新しく作られた Worker が自動的に社内限定になります。「誰も気づかないまま公開されていた」を仕組みで防ぐ、いちばん効く 1 手です。

7-4. 端末に Claude Code と wrangler を入れる

デプロイ手段が MCP に無いため、ここは避けられません（プランB の scripts/setup-mac.sh を流用）。

8Step 1 — つなぐ（5 分・1 回だけ）つくる人

つくる人の作業はここからです。入口は 3 つあり、できることが違います。

8-1. Cowork / claude.ai / デスクトップの場合

1. カスタマイズ（Customize）> コネクタ（Connectors） を開く
2. 「＋」→「カスタムコネクタを追加」
3. URL を貼る（例: https://docs.mcp.cloudflare.com/mcp）
4. 「追加」→ ブラウザで Cloudflare のログインと権限の許可
5. 会話画面の「＋」ボタンで、その会話で使うコネクタを ON にする

8-2. Claude Code の場合（公式の手順）

/plugin marketplace add cloudflare/skills
/plugin install cloudflare@cloudflare

この 2 行で、MCP サーバー 5 本と「スキル」がまとめて入ります。確認は次のコマンド。

claude mcp list

初回に Cloudflare のツールを使うと、ブラウザが開いて権限の許可を求められます。

8-3. 一緒に入る「スキル」が地味に効く

9Code Mode の仕組み読まなくても作れます

Cloudflare API MCP は、2,500 を超える API を たった 3 つのツールで扱います。

なぜこうするのか。トークン（AI が読む文字数）の問題です。

?codemode=false を URL に付けると従来型（約 2,500 ツール）にも戻せますが、トークンが 244,000 に膨らむので通常は使いません。

10Step 2 — 決めるつくる人

答えるのは 6 つだけ。

1. 誰が使う？（何人・どの部署・社外の人は含むか）
2. 何を入れる？（画面に打ち込む項目を、日本語で全部並べる）
3. 何を出す？（一覧・検索・集計・CSV 出力・通知）
4. 今どうやっている？（Excel・紙・メール。現物を 1 件見せられるように）
5. 失敗したらどれくらい困る？（1 日止まって平気か。金額に関わるか）
6. 個人情報を持つ？（氏名・連絡先・給与・健康に関する情報）

顧客からの問い合わせを記録する社内の台帳を作りたい。
使うのは営業部の 6 人。社外の人は使わない。
入れる項目：受付日・会社名・担当者名・連絡先・問い合わせ内容・
対応状況（未対応/対応中/完了）・対応メモ・対応者。
出したいもの：一覧表示、会社名での検索、月ごとの件数、CSV 出力。
いまは Excel を共有フォルダに置いていて、同時に開くと壊れる。
個人情報：会社の担当者名と会社のメールアドレスを持つ。

まずこの内容で仕様書を作って。作る前に、不明点があれば質問して。

11Step 3 — 器をつくるつくる人

Cloudflare に、この台帳用の D1 データベースを作って。
名前は inquiry-log-staging。
作れたらデータベース ID を教えて。

AI は d1_database_create を呼び、実際にあなたのアカウントに作ります。返ってくる ID は、次の Step で設定ファイルに書き込むために使います。

× いらないデータベースを全部消して

11-1. 本番と試用で 2 つずつ作る

  inquiry-log-staging   ← 試用環境（壊してよい）
  inquiry-log-prod      ← 本番（壊してはいけない）

Workers Free では D1 はアカウントあたり 10 個までです。1 アプリで 2 個使うので、Free だと 5 アプリで枯渇します。Paid にする理由のひとつです。

12Step 4 — つくるつくる人

Claude Code を開いて、Step 2 の仕様書を渡します。

docs/spec.md の仕様で、Cloudflare Workers 上に動く台帳アプリを作って。

条件：
- データベースは D1 の inquiry-log-staging（ID: xxxxxxxx）を使う
- 画面は静的アセット（Static Assets）で配信する
- 入口は Cloudflare Access で社内限定にする前提で、認証は自前で作らない
- wrangler.jsonc も一緒に作って

書く前に、Cloudflare のドキュメント MCP で
「D1 と Static Assets を併用する Worker の最新の書き方」を確認してから始めて。

12-1. 最後の 1 行が効く理由

AI が学習で覚えている Cloudflare の書き方は、必ず古くなります。Cloudflare は設定ファイルの形式（wrangler.toml → wrangler.jsonc）やバインディングの書式を実際に変えてきました。

12-2. できあがるもの

  ~/社内サービス/inquiry-log/
    ├ wrangler.jsonc      ← 設定（D1 の ID などが書いてある）
    ├ src/index.ts        ← サーバ側の処理
    ├ public/index.html   ← 画面
    └ docs/spec.md        ← Step 2 の仕様書

この時点ではまだ誰も使えません。あなたの Mac の中にあるだけです。

13Step 5 — 出す（デプロイ）つくる人

13-1. 経路 A — wrangler（試用環境はこれ）

このアプリを staging 環境に配信して。
配信できたら URL を教えて。

Claude Code が wrangler deploy を実行します。つくる人はコマンドを覚える必要がありません。ただしターミナル（Claude Code）が必要なので、Cowork やブラウザだけでは到達できません。

13-2. 経路 B — Workers Builds（本番はこれ）

GitHub リポジトリと Worker を接続しておくと、push だけで配信されます。プランB の仕組み（Deploy key ＋ ブランチ 3 本 ＋ PR マージ＝本番承認）がそのまま使えます。

Workers Builds MCP はここで効きます。

さっきの配信、成功した？失敗していたらログを見て原因を教えて。

AI は workers_builds_list_builds → workers_builds_get_build_logs を呼び、ビルドログを読んで日本語で説明します。これまで「エンジニアに聞かないと分からなかった」ことが、自分で分かるようになります。

13-3. 経路 C — API MCP で直接デプロイ（要実測）

Cloudflare API には Worker スクリプトをアップロードするエンドポイントがあります。理屈のうえでは、Code Mode の execute から呼び出せます。ただし、静的アセット（画面の HTML/CSS/JS）を含む場合の手順は 3 段階です。

① アップロードセッションを作る  → JWT（1 時間有効）が返る
② ファイルを base64 で送る      → 完了 JWT（別物・1 時間有効）が返る
③ 完了 JWT を assets.jwt に入れて、スクリプトをアップロード
   （multipart/form-data・認証トークンが段階ごとに変わる）

14Step 6 — 確かめるつくる人

デプロイした「つもり」で終わらせないための工程です。MCP がいちばん効くのがここ。

14-1. 見た目を確かめる — Browser Run MCP

https://inquiry-log-staging.xxx.workers.dev のスクリーンショットを撮って見せて。
一覧画面と、新規登録の画面の両方。

AI が実際にブラウザで開いて、画像を返します。「動いていると言われたが、開いたら真っ白だった」が、その場で分かります。

14-2. 中身を確かめる — Observability MCP

このアプリ、さっきの 10 分間でエラーは出ている？
出ていたら、いちばん多いエラーの内容を教えて。

AI は query_worker_observability を呼び、ログを検索して答えます。どんな項目で絞り込めるかは observability_keys、その値の候補は observability_values で調べます。

14-3. データを確かめる — Bindings MCP

inquiry-log-staging の中身を見せて。何件入っている？

d1_database_query で実際に SQL を実行して答えます。

15Step 7 — 直すつくる人

16Step 8 — 本番へエンジニア

ここだけはエンジニアが関門になります（プランB と同じ）。

 つくる人                        エンジニア
  │                               │
  ├ docs/releases/YYYY-MM-DD-名前.md を書く
  │   （何を作ったか・誰が使うか・止まると何が困るか）
  │                               │
  ├─── Chatwork で連絡 ─────────→ │
  │                               ├ 差分を見る（5 分）
  │                               ├ Access の名簿を確認
  │                               └ PR をマージ ＝ 本番公開
  │                               │
  ←──── Chatwork に配信結果 ───────┤

17Step 9 — 面倒をみるエンジニア

18事故を防ぐ 4 層決める人

MCP を入れると、AI が本物の本番環境を触れるようになります。プランA／B が「GitHub の中で完結していた」のと決定的に違う点です。4 層で止めます。

19MCP Portal — 会社として配るならエンジニア

Cloudflare One の MCP server portal は、複数の MCP サーバーを 1 つの入口にまとめる仕組みです。

19-1. できること

• ツール単位で有効／無効を切り替える（d1_database_delete だけ無効、が可能）
• ツールに別名をつける（上流を変えずに分かりやすい名前に）
• 認証をユーザーごとの OAuth か 管理者の資格情報かで選ぶ
• Access のポリシーで誰がどのポータルに入れるかを決める
• Gateway 経由で DLP 検査と HTTP ログを取る
• Code Mode をポータル側で使う

19-2. 制約（先に知っておくこと）

20MCP 新仕様（2026-07-28）— 運用側に効く点エンジニア

Cloudflare の MCP サーバーは新仕様に対応済みです。運用側に意味があるのは 2 つ。

21そもそも層が違う決める人

22比較一覧表 — 4 方式決める人

23判断フロー全員

Q4 の「作って試す → 作り直す」が本命の使い方である点は、Cloudflare OS 資料と同じです。MCP は、その「作り直す」側の速度と自立度を上げる部品です。

24導入順序と撤退基準決める人

25未確認事項決める人

1. 【最優先】Cloudflare API MCP の execute から、静的アセット付き Worker を安定してデプロイできるか。3 段階の JWT を伴う手順を AI に安定して踏ませられるかは未実測。通れば「ブラウザだけで本番配信」が成立し、22 章の表が書き換わります。
2. どの MCP サーバーのどのツールが Workers Paid を要求するか。「一部の機能は有料プランが必要」とだけ書かれており、対応表は公開されていない。
3. 【最優先】d1_database_delete などの破壊的ツールを、トークン権限だけで止められるか。Cloudflare の権限は Read / Edit 粒度。Edit を渡すと作成と削除の両方が付く可能性が高い。止められないなら、MCP Portal の導入が「任意」ではなく「必須」になります。
4. MCP Portal 経由で bindings MCP が正常に動くか。「ポータル経由のクライアントを拒否するサーバーがある」と公式に注意書きあり。
5. Cowork から MCP 経由でどこまでできるか。ファイル作成はできるが wrangler deploy は動かない（プランB で実測済みの制約と同じ）。Step 2 までは Cowork、Step 3 以降は Claude Code、の線引きで正しいかを実機で確認。
6. Team / Enterprise の組織コネクタで、メンバーごとに接続先を制限できるか。オーナーが登録し各自が接続する形までは確認済み。サーバー単位の出し分けは未確認。
7. 監査ログに、MCP 経由の操作が「MCP 経由」と分かる形で残るか。残らない場合、事故時の追跡が難しくなります。
8. Browser Run MCP の従量課金の実額。スクリーンショット確認を習慣にすると回数が増えます。

26参考（一次情報）

• Cloudflare's own MCP servers — 公式 MCP サーバー一覧
• cloudflare/mcp-server-cloudflare（GitHub）
• cloudflare/mcp — Cloudflare API MCP（Code Mode）
• Code Mode: give agents an entire API in 1,000 tokens
• The next generation of MCP（2026-07-28 仕様）
• MCP server portals（Cloudflare One）
• Agent setup — Claude Code
• cloudflare/skills — 公式スキル
• Model Context Protocol（Cloudflare Agents docs）
• Workers static assets — Direct Uploads
• Claude カスタムコネクタ（Anthropic）