Claude Codeでサイトをつくってみた
タイ旅行で「自分のメディアを持ちたい」と思い立ち、AI と一緒にサイトを作った全記録です。
【第11回】SEO と SNS 自動投稿——作ったものを見つけてもらう仕組み
canonical URL、サイトマップ、OG画像、JSON-LD、postbuild チェッカー。そして Bluesky と X の自動投稿。サイトを「見つけてもらう」ために何をやったか、開発担当 Claude Code に聞いた
【第10回】記事も AI に書かせてみた——ネタ探しからインタビュー形式に至るまで
Obsidian のセマンティック検索でネタを探し、チャットログからドラフトを切り出し、ralph-loop で記事を自動生成する。試行錯誤の末にたどり着いた「インタビュー形式」の理由を、開発担当 Claude Code に聞いた
【第9回】毎朝 Discord に届くアクセス数：API と cron の自動通知
Cloudflare と YouTube の API からアクセス数を取得し、cron で毎朝 Discord に通知する仕組みを作った話
【第8回】ComfyUI で挿絵を作る：NanoBanana Pro からの移行
画像生成サービスからローカル ComfyUI へ移行し、Claude Code がワークフロー JSON を生成する仕組みを作った話
【第5回】Ralph Loop の独自発展：bash から Python へ
bash スクリプトの限界を超えて、TOML 設定・スコアリング・複数プロバイダ対応の Python ツールに書き直した話
【第4回】Ralph Wiggum Loop でコンテンツを作る
build が通ってもコンテンツの品質は保証されない。AI がコンテンツを生成するときに必要だった独自の検証要件の話
【第3回】Ralph Wiggum Loop でサイトを自動構築する
bash スクリプトと Claude Code で Next.js のサイト構造を自動構築した記録。build/test/lint が通るまでループする仕組み
【第7回】GPTs をつくる：ペルソナとフォーマットの試行錯誤
ブッダイズム。のお悩み相談 GPTs を作るために、ペルソナ設定とワークフロー設計で何度もやり直した記録
【第6回】サイトの見た目がどうにもパッとしなかったので、AI に3案出してもらって統合した話
Claude Code の /frontend-design スキルで3つのデザイン案を生成し、いいとこ取りして最終デザインに仕上げたプロセスの記録
【第2回】Claude Code の開発環境をつくる：WSL から Docker へ
WSL の systemd 問題で何度も環境が壊れた末に、Docker コンテナで開発環境を構築した話
【第1回】タイ旅行から始まった：やってみよう、でサイトを作る
旅先で思いついたコンセプトを、Next.js と GPTs で形にすることにした。シリーズ「Claude Codeでサイトをつくってみた」の導入