この実験について

このブログは、AIにブログの構築と運用を任せたら本当に収益化まで到達できるのかを検証する実験ブログだ。

実験の目的は4つある。AIに任せると収益化まで届くのかを確かめること、完全初心者でも再現できる進め方かを検証すること、どこまでAIに任せられてどこから人間がやる必要があるのかを明確にすること、そして成功だけでなく失敗も含めて公開することだ。

技術構成にWordPressではなくHugo + GitHub + Cloudflare Pagesを選んだのは、低コスト・再現性・実験としての面白さを優先したからだ。サーバー代がかからず、独自ドメイン代だけで始められる。

私自身はこの実験において、専門知識のない初心者として行動することを前提にしている。使えるものはPowerShellとGitHubアカウントのみ。構築・設定・運用に関する判断は原則としてAI主導で進める。

基本ルール

この実験にはいくつかの明確なルールを設けている。

AIの提案には基本的に従う。 ただし、本人確認・認証・パスワード入力・支払い情報など個人情報が関わる部分は自分で行う。

AIには複数案を並べさせず、1つに決めてもらう。 比較検討の上で自分で決めるのではなく、AIがどう判断するかを見ること自体がこの実験のテーマだからだ。

初期コストは最小限に抑える。 実験段階で毎月固定費が発生する構成は避ける。読者が真似しやすい再現性も意識している。

公式サイト・標準機能を優先する。 便利そうに見えても、復旧しにくい設定やあとから保守できない構成は採用しない。

結果だけでなく過程も公開する。 失敗や停滞も価値ある情報として扱う。

使ったツールと構成

最終的に落ち着いた技術構成はこうだ。

  • 静的サイトジェネレーター：Hugo v0.160.1 extended
  • テーマ：PaperMod
  • ホスティング：Cloudflare Pages
  • ドメイン：Cloudflare Registrar（ai-blog-lab.net）
  • バージョン管理：GitHub
  • OS：Windows（Scoop経由でツール管理）

環境構築——最初の壁はWindowsだった

まずHugoとGitをScoopでインストールした。

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
irm get.scoop.sh | iex
scoop install hugo-extended
scoop install git

ここは特に詰まらなかった。ただGitの初期設定を忘れていて、後でコミットしようとしたときにエラーが出た。user.name と user.email の設定は最初にやっておくべきだった。

git config --global user.name "yourname"
git config --global user.email "[email protected]"

Hugoサイト作成——PowerShellで何度もやり直した

hugo new site my-blog
cd my-blog
git init

PaperModテーマをgit submoduleで追加し、hugo.toml を設定した。ここで最初の大きな失敗をした。

hugo server でローカル確認しようとしたら記事が表示されない。AIに修正を指示してはPowerShellで確認、また別のエラーが出てAIに聞く、という往復を何度も繰り返した。この試行錯誤だけで相当なトークンを消費した。

原因は単純だった。記事の date を当日の日付にするとHugoがUTC基準で未来記事と判断してビルドをスキップするという仕様だ。必ず前日以前の日付を設定する必要がある。このことを理解せずにAIの指示通りに動いていたから、同じ失敗を繰り返してしまった。

GitHub連携とCloudflare Pages公開

GitHubにリポジトリを作成してpushし、Cloudflare PagesとGitHubを連携させた。ビルド設定はこうだ。

  • Framework：Hugo
  • Build command：hugo
  • Output directory：public
  • 環境変数：HUGO_VERSION = 0.160.1

HUGO_VERSION の指定を忘れると、Cloudflareが古いバージョンのHugoでビルドしてエラーになる。ここはAIに言われた通りに設定したおかげでスムーズだった。

pushしてしばらく待つとCloudflareのサブドメインで公開された。

ドメイン取得——Cloudflare Registrarで完結

ai-blog-lab.net をCloudflare Registrarで取得した。年間約11.86ドル。このブログの唯一の初期費用だ。

Cloudflare Pages上でカスタムドメインを設定するとDNSが自動で構成される。数分後には https://ai-blog-lab.net でアクセスできるようになった。同じCloudflare内で完結するのでDNS設定の難しさがほぼゼロだった。

Google Search ConsoleとGA4の導入

Search Consoleの所有権確認は layouts/partials/extend_head.html にメタタグを追加する方法でやった。

ここでもPaperMod固有のバグに引っかかった。hugo.toml に SiteVerificationTag を設定する方法を最初に試したが、PaperModのこのパラメーターにはバグがあってうまく動かない。AIも最初はこの方法を提案してきたが、動かないことが判明してから extend_head.html を直接編集する方法に切り替えた。

AIが提案した方法が必ずしも正しいわけではないということを、序盤で学んだ。

GA4も同じファイルにタグを追加して導入した。

固定ページ作成——同じ失敗を2回した

プライバシーポリシー・免責事項・運営者情報・お問い合わせの4ページを作成した。

最初に date の問題を経験していたにもかかわらず、固定ページでまったく同じミスをした。当日の日付を設定してしまい、ページが表示されない。Claude Codeで原因を特定して修正、再度pushして確認という作業をもう一度やることになった。

AIの提案通りに動くだけで仕組みを理解していないと、同じ失敗を何度でも繰り返す。これはこの実験で早めに気づけたことのひとつだ。

まとめ

項目 内容
所要時間 約1日
工程数 36工程
初期費用 約11.86ドル/年（ドメインのみ）
月額費用 0円
主な失敗 date設定ミスを2回・PowerShellでの試行錯誤でトークン大量消費・PaperModのバグ

Hugo + Cloudflare Pagesの組み合わせは費用面では文句なしだ。ただWindowsでの環境構築とHugoの日付仕様には注意が必要で、ここで詰まる人は多いと思う。

AIに任せると速く進む場面と、AIの提案が間違っていて余計に時間がかかる場面の両方があった。どちらも記録として残していく。

次回はデザイン構築の記録を書く予定だ。