「ブログを始めてみたい」と思ったことはあるだろうか。

私もずっとそう思っていた。でも、何から始めればいいのかわからないし、なんとなく難しそうで後回しにしてきた。コマンドとか、GitHubとか、聞いたことはあるけどよく知らない言葉が並んでいて、自分には無理かなと思っていた。

それが先日、Claude Code（AIアシスタント）の助けを借りながら、1日でブログを公開することができた。 しかも無料で。

同じように「ブログを始めたいけど難しそう」と思っている方に向けて、実際にやったことをそのままお伝えしたい。

完成したもの

まずゴールを見てもらおう。

  • ブログ名：走って・ぶら下がって・考えた
  • URL：https://my-blog-b4d.pages.dev
  • 費用：0円
  • かかった時間：半日程度（休憩込み）

シンプルでスッキリしたデザインで、記事を書けばすぐに世界中に公開できる状態になった。

使ったツール・サービス（すべて無料）

ツール 役割
Hugo ブログを作るソフト（静的サイトジェネレーター）
PaperMod ブログのデザインテーマ
GitHub 記事やデータの保存場所
Cloudflare Pages ブログをインターネットに公開するサービス
Claude Code 手順を教えてくれるAIアシスタント

難しい言葉が並んでいるが、実際には「Claudeに言われた通りにコマンドを入力するだけ」だった。仕組みを完全に理解しなくても進められた。

実際にやったこと（ざっくり手順）

事前準備（インストール）

  • Git（バージョン管理ツール）
  • Node.js（プログラム実行環境）
  • Hugo（ブログ作成ツール）

これらはClaudeに「次に何をインストールすればいいですか？」と聞きながら、公式サイトからダウンロードした。

当日の作業の流れ

① デスクトップにmy-blogフォルダを作成

コマンドプロンプト（黒い画面）を開いて、Claudeに教えてもらったコマンドを入力するだけ。

mkdir my-blog
cd my-blog
hugo new site . --force

② デザインテーマを追加

PaperModというシンプルで使いやすいテーマをGitHubからダウンロード。

③ ローカルで動作確認

hugo server というコマンドを入力すると、自分のパソコン上でブログが起動した。ブラウザで http://localhost:1313 を開くと、ブログが表示された。

④ GitHubにアップロード

GitHubにリポジトリ（保存場所）を作成して、データをアップロード。ここでGitHubのアカウントが必要だったが、無料で作れる。

⑤ Cloudflare Pagesに接続

CloudflareのダッシュボードからGitHubのリポジトリを選択するだけで、自動的にブログが公開された。

正直に言うと、困ったこともあった

スムーズにいかない場面も何度かあった。

困ったこと①：コマンドをコピペしたら文字化けした

Claudeアプリからコマンドをコピーすると、% が全角文字に変わってしまいエラーが出た。これはClaudeに相談したところ、%USERNAME% を使わずに直接パスを入力する方法に変えてもらって解決した。

困ったこと②：GitHubへの認証に手間取った

初回のアップロード時に認証が必要で、少し時間がかかった。でもブラウザに認証画面が出てきたので、ボタンをクリックするだけで済んだ。

困ったこと③：記事をクリックしたら別サイトに飛んだ

設定ファイルのURLが example.org のままになっていたのが原因。Claudeに指摘してもらい、自分のブログのURLに変更したらすぐ解決した。

どれもエラーをスクリーンショットで見せたり、状況を説明したりすると、Claudeがすぐに原因と対処法を教えてくれた。

Claude Codeと一緒に進めた感想

率直に言うと、「これは一人では絶対できなかった」 と思う。

コマンドの意味も、GitHubの仕組みも、Cloudflareの設定も、正直よくわかっていない。でも「一度に一ステップずつ指示してください」「エラーが出たら日本語で説明してください」と最初にお願いしたら、ちゃんとそのペースで付き合ってくれた。

スクリーンショットを見せれば「今の状態はOKです」「ここが間違っています」とすぐ教えてくれるのも助かった。迷子にならずに最後まで進めた。

記事の投稿も簡単だった

ブログができた翌日、早速記事を書いて投稿してみた。

  1. Claudeに記事の内容を伝えて、Markdown形式で書いてもらう
  2. コマンドプロンプトで3行のコマンドを入力
  3. 1〜2分でブログに反映される
git add .
git commit -m "記事タイトル"
git push origin main

この3行を覚えるだけでいい。あとはCloudflareが自動でブログに反映してくれる。

これからブログを始めたい方へ

「難しそう」という気持ちはよくわかる。私もそう思っていた。

でも実際にやってみると、難しいのは「仕組みを理解すること」であって、「操作すること」ではなかった。 Claudeが手順を教えてくれるので、仕組みがわからなくても前に進める。

費用もかからない。サーバー代もドメイン代も不要で、Cloudflare Pagesは無料で使える。

「ブログを始めたいけど踏み出せない」という方は、ぜひ一度試してみてほしい。最初の一歩はコマンドプロンプトを開くことだ。

参考：今回使ったリンク

  • Hugo公式サイト：https://gohugo.io/
  • PaperModテーマ：https://github.com/adityatelange/hugo-PaperMod
  • GitHub：https://github.com/
  • Cloudflare Pages：https://pages.cloudflare.com/
  • Claude：https://claude.ai/

このブログ自体が、今回紹介した方法で作られています。