Claude Codeでメディアを約2時間で作った記録｜WordPressに慣れた会社員が戸惑ったところも全部書く

このメディアは、Claude Codeを使って作りました。11月7日の午前11時に作り始めて、形になるまでの作業はおよそ2時間です。昔はWordPressでブログを作っていたので、その感覚と比べながら、やったことと戸惑ったところを記録しておきます。

作った流れ

自分がやったのは、ほとんどが「伝える」と「確認する」でした。コードは1行も書いていません。デザインは3回作り直してもらっています。1回目は網羅的だけれど面白みがなく、2回目は世界観に寄せすぎて読みにくく、3回目で白を基調にした今の形になりました。言葉で「もっとワクワクする感じに」と伝えるだけで作り直してくれるのは、正直かなり楽でした。

戸惑ったところ

GitHubとCloudflareの連携

一番時間がかかったのは、ここです。つまずいたというより、初めて触る画面ばかりで、1つ進むたびにClaudeに「次はどこを押せばいい？」と聞きながら操作していました。

例えば、Cloudflareで「リポジトリを選ぶ」画面に、作ったはずのリポジトリが出てきませんでした。原因は、GitHub側で「Cloudflareのアプリが触れるリポジトリ」を、以前作ったサイトの分だけに限定していたことでした。同じことが、Claude側のGitHub連携でも起きていました。設定画面のスクショを送って、どこを直せばいいかを教えてもらいながら進めました。

WordPressなら、サーバーを契約してインストールすれば管理画面にたどり着けます。今回は、GitHub（ファイルの置き場所）、Cloudflare（公開する場所）、ドメインが別々のサービスになっていて、それぞれをつなぐ作業が必要でした。仕組みが分かれば合理的だと思いますが、最初は触り心地に慣れませんでした。

ドメインはつながったのに、サイトが開かない

設定が終わったはずなのに、自分のPCでは「このサイトにアクセスできません」と表示され続けました。Claudeに確認してもらうと、サイト自体は正常に公開されていて、自分のPCやネットワーク側が古い結果を覚えていたことが原因でした。スマホから開くと、ちゃんと表示されました。

Search Consoleのサイトマップ

サイトマップを登録するとき、「sitemap.xml」とだけ入れたらエラーになりました。ドメイン単位で登録した場合は、https:// から始まる完全なURLを入れる必要がありました。細かいことですが、知らないと止まるところです。

使ってみて気になったこと

Claudeには使える量の上限があるので、運営していると「今日はあとどれくらい頼めるか」を意識するようになります。それ自体は慣れの問題ですが、困ったのは、逆に出先でもスマホから操作したくなってしまうことでした。思いついたことをすぐ頼めるのは便利です。ただ、電車の中や休憩中にも、つい続きをやりたくなります。

副業は、本業と生活のバランスが崩れると続きません。平日1時間という自分のルールを守るためにも、スマホで触るのは「確認だけ」にして、作業は机に向かったときにまとめてやる、と決めておくのがよさそうだと感じています。

次に試すこと

サイトの形はできましたが、ここからが本番です。記事の更新、毎週のBrainランキングの更新、作業時間の記録を、平日1時間の中でどこまでClaudeに任せられるかを試していきます。うまくいかなかったことも、このチャレンジログに残します。

よくある質問

Q. プログラミングができなくても、Claude Codeでサイトは作れますか？

私はコードを書いていません。やったのは、作りたいものを言葉で伝えることと、GitHubやCloudflareの画面で言われたとおりに操作することでした。ただ、画面の操作は自分でやる必要があります。

Q. WordPressと比べて何が違いますか？

管理画面にログインして記事を書く、という形ではありません。記事やデザインは全部ファイルとして管理され、Claudeに頼むと直してくれます。慣れるまでは、どこで何が起きているのか分かりにくいと感じました。