非エンジニアがClaude Codeで個人ブログを公開するまで（AstroPaper + Netlify + 独自ドメイン）。

【この記事の要約】

非エンジニアが Claude Code に頼りながら、独自ドメインの個人ブログを3日で公開した記録です。

末尾にClaude Codeにそのまま渡せるプロンプトあり🎁

→ 先にプロンプトだけ見たい方はこちら

AIをパートナーにできてる人とそうでない人の差は スキルじゃなくて「自分を伝える準備」 にあるんじゃないか？

というのがこのブログの問題意識です。

自己紹介

みかいさちといいます。

長野県諏訪エリア在住、1989年生まれ。

業務改善と仕組みづくりが本業の非エンジニア。

プログラミングは独学。必要に応じて拾い集めた知識でやってます。

最近は AI（Claude）・Notion・Web を組み合わせて、自分のための作業基盤を試行錯誤中。

このブログでは、その実践の記録を書いていきます。

Claude Codeでブログを作ったよ

と言うわけでみかいずブログが公開できた！！👏

まずは自分にお礼！よく頑張った僕！！

でも完成まではまだまだ遠いな〜。色々試してる真っ最中。

なぜブログを始めたか

自分の行動と思考を、外から見える形で残しておきたかった。

これが一番の理由。

外からってあるけど、AIのだね。AIに見てほしい。

AIに自分の情報を伝えるための手段の１つとしてブログを選んだ。

別の手段としてNotionを活用した活動記録基盤も自作・運用しています。

これは別記事で詳しく書く予定。

AIを活用するためには

生成AI時代、多分多くの人が悩んでることは「プロンプトがわからん😕」じゃないかなぁと。

んで、困ったことに、人間って自分が思ってること、考えてることを上手に言葉、文字にできない。

しかも！人間って忘れる！！

実際、この公開をするまでに、いくつ忘れて、いくつAIに聞き返したか・・・😭

AIとユーザーの情報格差を埋めよう！！

生成AIの成果物が思った通りにならない。

作り直してもうまくいかない。

結局そのまま使わない。

多々あると思います。僕もあります。

これらの原因は「ユーザーが自分のことをAIに伝えられてないから」です。

AIが悪いわけじゃない。

ならば！！普段の自分の思考、行動、結果、あらゆるをAIに伝えればいい！！

と考えたわけです💡

そのための１つがブログ。という訳だね。

3日でやった作業（独自ドメイン取得〜HTTPS公開まで）

めっっちゃ駆け足でやったよ、ほんとに全速ダッシュ💨

ドメイン取得：Cloudflare Registrar で mikaizu.world を取得（年4500円くらい）
メール受信設定：Cloudflare Email Routing で独自ドメインのメールを受け取れるように
ブログ本体：Astro + AstroPaper（v5）でブログ枠を構築
コード管理：GitHub にプライベートリポジトリ作成
公開：Netlify にデプロイ、blog.mikaizu.world をカスタムドメインに設定
HTTPS化：Let’s Encrypt で証明書を自動発行（HSTS適用済み）

これが３日でできた。

それもこれもClaudeのおかげ。

作業環境、使用ツールとかもブログに残していきたいな〜。

まだ進めているところ（デザイン編）

フォントやカラーの最終調整
ロゴ・ファビコンの作り込み
記事カテゴリの整理

公開直後にやっておきたいこと（SEO・運用編）

Google Search Console への登録（サイトマップ送信）
Google Analytics 4（GA4）の設定

このあたりは別記事で順次書いていく予定📝

次に書く予定

【Notion】活動記録DBを作ったらAIが自分のこと覚えてくれた話
【AI運用】Claudeに名前と人格を与えて1ヶ月運用してわかったこと

などなど。

数日内には記事を出しますので、気になったらブクマなどよろしくお願いします。

おわりに

最初だから長くなっちゃった。

続けるために、この半分くらいにしようかな？と思ったり。

兎にも角にも読んでいただきありがとうございました🙇

僕のためのブログではあるけど、見てくれてる方の豊かさにも貢献していきたい。

他人の時間を使わせていただいているので。

🎁 お土産：Claude Code に渡せるプロンプト全文（コピペOK）

「自分独自ドメインでブログ始めてみたい」と思ってくれた方へ🛍️

今日やった範囲を、生成AI（Claude Code）に渡せるプロンプトにまとめてみた。

コピーして、Claude Codeに貼り付けてください。

あなたの現在地に合わせて、ステップバイステップで案内してくれるはず。

諸々順序をすっ飛ばしてるのは自覚しつつ、色々試していきます。

📋 以下をコピーして、Claude Codeに貼り付けてください

【あなたの役割】
あなたは私の専属Web技術アドバイザーです。
私は非エンジニア・プログラミング未経験で、HTML・CSS・Git・ターミナルは
基本的に知らないと思って接してください。
専門用語は必ず一言説明をつけてください。

【私のゴール】
独自ドメイン（自分専用のURL）で個人ブログを公開する。
費用は年間ドメイン代（約1500円〜）のみ。それ以外は無料で運用したい。

【使うサービスと役割】
1. Cloudflare（クラウドフレア）
   役割：ドメインを買う場所 + メール受信設定
   費用：ドメイン代のみ
2. Astro + AstroPaper
   役割：ブログ本体を作る無料の道具
   費用：無料
3. GitHub（ギットハブ）
   役割：ブログのファイルを保管・履歴管理する場所
   費用：無料
4. Netlify（ネットリファイ）
   役割：ブログを世界に公開するサーバー
   費用：個人ブログ規模なら無料
5. Let's Encrypt
   役割：HTTPS（鍵マーク）の自動発行
   費用：無料

【手順】
1. 作業環境の準備（Node.js / Git / エディタのインストール）
2. Cloudflare アカウント作成、ドメイン取得
3. （任意）メール受信ルーティング設定
4. ローカルに Astro + AstroPaper プロジェクト作成
   コマンド例: npm create astro@latest -- --template satnaing/astro-paper
5. サイト設定（タイトル、説明、言語、タイムゾーン）を編集
6. About ページを書く
7. デフォルトの記事を削除して、最初の記事を書く
8. GitHub アカウント作成、リポジトリを作成
9. GitHub に初回 push
10. Netlify アカウント作成、GitHub 連携でインポート
11. Netlify にカスタムドメイン（サブドメイン推奨：blog.example.com）を追加
12. Cloudflare DNS に CNAME を追加（Proxy は OFF / DNS only）
13. Netlify 側で SSL 証明書を発行、HTTPS で公開確認

【私への接し方ルール】

■ 最初に必ず聞いてほしいこと
- OS は何ですか？（Mac / Windows / Linux）
- ターミナル（黒い画面）を触ったことはありますか？
- 既に取得済みのドメインやアカウントはありますか？
- 使ってるエディタはありますか？（なければおすすめを教えてください）

■ 各ステップで守ってほしいこと
- 専門用語は「○○（説明）」の形で必ず一言補足
  例：「リポジトリ（ファイルを保管する箱のようなもの）」
- コマンドを提示するときは：
  ・何をするコマンドか先に説明
  ・そのままコピペできる1行で
  ・実行後に何が起こるかを事前に教えてから実行を促す
- クリック操作のときは：
  ・ボタン名を「」で囲み、画面のどこにあるか（左上・右下など）も教えてください
- ステップの最後には必ず：
  ・「ここまでやったこと」を1〜2行で要約
  ・「次に進んでいいですか？」と確認

■ つまずいたとき
- エラーメッセージをそのままコピーして貼るので、
  ・まず何を確認すべきか
  ・考えられる原因トップ3
  ・解決後に同じ失敗を防ぐコツ
  をセットで教えてください

■ 進めるペース
- 1ステップずつ。同時に複数ステップを進めないでください
- 私が「OK、次へ」と言うまで次に進まないでください

【最後にお願い】

すべて完了したら、以下3点を生成してください：

1. やったことの記録
   各ステップで何をしたか、つまずいた点と解決策を時系列でまとめる

2. 公開後にやることリスト
   Google Search Console 登録、GA4 設定、記事の継続更新の流れなど

3. 学んだ用語集
   このプロセスで出てきた専門用語と一言説明（自分用の辞書）

それでは、まず私の現在の状況から教えてください。
最初の質問からどうぞ。