WordPressオリジナルテーマを24時間で自作した話｜Illustrator×Claude Codeでブログ公開

このブログはABOUTにも記載している通り思いつきで作ったブログになります。思いつきから公開した流れをお伝えします。

そもそもちょっと特殊な環境

自分でもちょっと特殊な環境だなって思っているのですが、デザイン系ソフトである「Adobeのコンプリートプラン」と生成AIの一つである「Claude Code」は課金済みとなります（散財がひどいことは目を瞑ってください・・・）

二つとも趣味の一環で、デザインをたまに触りたくなるのと、AIは勉強しとかないといつか仕事で大きな差が出そう、という理由で課金しています（と言いつつ、そんなに勉強できていないです笑）

17時ごろ、ブログを作りたいと思った

WordPressでの個人ブログは全然流行っていないことはわかっているのですが、「今感じた嬉しいことって来月には忘れちゃうのかな」と思い、急に寂しくなってしまったんです。フロー型じゃなくて、ストック型の何かとして残したい。かといって、例えばインスタとかで発信してインスタというサービスが終わったらそれらは消えてしまいますよね？そういうものに縛られないものがいいな、と思ったんです。

あと、過去にもWordPressでサイトやブログを作っていたので、WordPressへのハードルが低かったのも一つの要因です。

そんなことを思ったのが、夕方17時くらい。早速家に帰ってIllustratorでデザインを作ってみました。

20時くらいにデザインをざくっと起こしてみる

これがデザインの第一稿！今のブログデザインとほぼ同じ！
家にある素材データとか探したりしながら作りました。過去にブログ作った時もこんな感じのデザインで作成してたので、手癖で作れてそんなに時間がかからなかったです。

これをClaude Codeに投げてみました。この時はこんなにClaude Codeにお任せできると思っていなかったので、自分がいろいろコードを書くんだろうなって思ってました。Claude Codeからの返答はこんな感じ！

うちのClaude Code優しい！褒めつつ、「スマホのデザインどうする？」とか「カテゴリへのリンクがないよ！」等の指示をもらって少しずつ修正。

スマホ版のデザインを作って、その素材をフォルダにいれたところ・・・

デザインをあげただけでテーマ作ってくれるの！？

しばらく放っておいたら作ってくれました。うちの子、天才なの？？

また指示をもらいながらローカル環境を構築し、本番環境用のサーバー契約をXserverで行って・・・Claude Codeに言われるがままに登録を進めていきました！

24時ごろローカル環境で人に見せられる状態にまでなる

Claude Codeがすごい。ほぼお任せしてたらオリジナルテーマを作ってくれた上に、私のローカル環境にまで反映してくれました。ありがてぇ。

微調整も「ちょっと小さくできる？」とかアバウトな指示で対応してくれる。こんなに便利だったの？？？

本番環境はXserverにサーバー＆ドメインも申し込み。本番環境にドメイン反映されるのに時間がかかったので、一旦睡眠。時間にして24時とか25時くらい。

翌15時ごろ記事を投稿し、公開

お昼くらいから作業して、本番環境へのドメイン設定も完了！
早速WordPressを簡単インストール機能を使って、インストール！テーマを読み込ませて本番環境でも問題ないことを確認。

・・・順調すぎない？？？？

そうして私の城が出来上がったのです。Claude Codeと二人三脚。24時間でサイト公開までできちゃった！

その後せっかくなのでaboutページのデザインを作成。これも現在公開されているものとほぼ一緒です。
ちなみにテキストは固定ページとして管理画面で編集できます。

流行ってないけど、贅沢じゃない？

最近はAIの台頭で「他人のブログを読む」より「AIに書いてもらった文章を読む」という人の方が多いと思う。私もそう。だけど、こんな時代だから「自分が思ったこと」「自分が考えたこと」を自分が大切にしないと自分の感情を自分の言葉で語ることがどんどん難しくなる気がする。それに自分の言葉や思いを残すって人生においても贅沢な時間だなって思う。

そしてAIのおかげでクオリティの高いWebサイトも初心者でも作れる。自分好みの世界をこんなに作りやすい時代にきてる。なら、自分の世界を作ることがもっと流行ってもいい。私もいろんな人が作ったサイトが見てみたい。個人ブログ流行ってくれ！楽しいから！

だから、みんなぜひWordPressでブログ作ってみましょ！最短24時間で作れるよ！