Claude Code に貼るだけでブログを公開する
ツピツピは、Claude Code などの AI に導入を任せる前提で作っています。この記事では、導入プロンプトを貼ってからブログが公開されるまでの流れを説明します。
用意するもの
- Claude Code が使えるパソコン（Codex など、ほかの AI ツールでも進められます）
- Cloudflare のアカウント（無料プランで大丈夫です。画像の保存に R2 を使うため、カードの登録が必要です）
- 使いたいドメイン（なくても「〇〇.workers.dev」で公開できます）
手順
1. 導入プロンプトを貼る
はじめる のページにある導入プロンプトをコピーして、Claude Code に貼り付けます。AI がテーマを取得し、新しいフォルダに自分用のブログを用意します。
2. ローカルで表示を確かめる
AI が pnpm install と pnpm dev を実行すると、パソコンの中でブログが表示されます。ブラウザで http://localhost:4321 を開くと、見た目を確認できます。
3. ブログ名などを答える
AI からブログ名、キャッチコピー、何について書くブログかを聞かれます。答えた内容がサイトの設定とメニューに入ります。
4. Cloudflare にログインする
AI が Cloudflare へのログインを始めると、ブラウザが開きます。自分のアカウントで承認してください。データベース（D1）と画像の保存先（R2）の名前も、AI があなたのブログ用に変えます。
5. 公開して管理者を登録する
pnpm run deploy で公開されたら、表示されたアドレスの /_emdash/admin を開いて、最初の管理者を登録します。ここから記事を書き始められます。
うまくいかないときは
AI の作業が止まったら、表示されたエラーをそのまま AI に伝えてください。それでも進まないときは よくある質問 を見るか、導入代行 をご相談ください。
独自ドメインをつなぐ方法は 独自ドメインをつなぐ で説明しています。
