DEVELOPMENT CONTROL PANELアプリ制作を、もっと簡単に。
いつもの開発作業にすぐアクセス。
作る・修正する・公開する次の作業をワンタップで。
アプリを選ぶだけで、そのプロジェクトに合ったリンクやコマンドを表示。
</>✦
よく使う場所
必要な画面へすぐ移動
✅ 今日の制作チェック
0 / 5
💡 このWeb版はWindowsのCMD・エクスプローラー・VS Codeを直接操作できません。代わりに必要なリンク・パス・コマンドをすぐ表示・コピーできます。
CHATGPT × DOMANDO DEV HUBAIと作る。ここで受け取る。
依頼をコピーしてChatGPTに渡そう。完成したZIPや画像を、ここで選んで整理してからCloudflareへ。
1. 依頼をコピー›2. ChatGPTがファイル作成›3. DEV HUBに取り込む›4. 公開用ZIP
① ChatGPTに作業を頼む
現在選択しているアプリに合わせて依頼文を作成する。秘密鍵やパスワード、PCのフォルダーパスは含めないよ。
コピーした文章をChatGPTに貼り付けて送る。ChatGPTはこのページへ自動アップロードできないので、完成したファイルをダウンロードしてから取り込んでね。
② ChatGPTからファイルを受け取る
ChatGPTが作成したZIPをドラッグ＆ドロップ。個別のHTML・画像も追加できる。
📥ZIPをここにドロップまたはクリックして選択 · 最大30MB
受け取ったZIPはまだありません。
③ 取り込んだ内容を確認する
ZIP待ちChatGPTが作ったZIPを選ぶと、ここにファイル構成・注意点・公開できるかを表示するよ。
※ DEV HUBはファイルをブラウザ内で処理し、内容を自動実行しない。公開前に必ず中身を確認してね。WorkersやD1の更新はZIPでは完了しないよ。
🚀 Cloudflare公開アシスタント
ZIPを作って公開するまで1公開するフォルダーを選ぶ
2中身を確認してZIPを作成
3Cloudflare Pagesへアップロード
📦 ZIPメーカー
PCのファイルをブラウザから選ぶだけで、Cloudflare Pages用のZIPを作成。ファイルはサーバーに送信せず、このブラウザで処理します。
HTML / CSS / JS などの公開ファイルがあるフォルダー（Viteなら dist）を選んでね。秘密ファイルや開発専用フォルダーは除外するよ。
🌍 公開する
Pagesの「新しいデプロイ」へ。ZIP生成だけではサイトは更新されません。
Cloudflare Pagesでは「Direct Upload」のプロジェクトならZIPをドラッグ＆ドロップできます。自動でのアップロードや公開は行いません。
✨ 新しいWebアプリを作るなら
最初から動くHTML・CSS・JavaScriptのひな形をZIPでダウンロード。展開して編集して使える。
⌨️ プロジェクト別コマンド
CMDに貼り付けるだけ選択したアプリの種類に合わせてコマンドを生成。実行はしないので、内容を確かめてからCMDで使ってね。
Wranglerの公開・D1操作は、プロジェクトのフォルダーで実行。Cloudflareへのログイン・権限や設定が別途必要です。D1のバックアップは変更操作を行わないコマンドです。
🔍 エラー解決アシスタント
まず原因の見当をつけようオフラインの簡易判定です。AIとの通信は行いません。APIトークン、パスワード、個人情報は貼り付けないでください。
📝 制作メモ
次に何をするか忘れないために🛠️ 自分専用の作業テンプレート
例えば、毎回ここを確認すれば抜け漏れが減る。
📂 元のファイルをバックアップ
✏️ 変更した部分を保存
🧪 PCとスマホで動作チェック
📦 公開用フォルダーをZIP化
🚀 Cloudflareへ公開して確認
