Claude Code でサイトを作った話【初投稿】

はじめまして。KanaLab(@kanalyzelab)です。
コードをほぼ書けない状態から、Claude Code を使ってこのサイトを作りました。
かかった時間は数日。
「AIってこういう使い方もあるんだ」と思ってもらえたら、この記事を書いた意味があります。


KanayzeLab という名前について

KanayzeLab は「Kana(自分のニックネーム)」+「Analyze(分析)」+「Lab(実験室)」から作りました。
感覚だけでなく、データで見ると世界が変わる。その面白さを発信していきたい、という気持ちを込めています。
実験室なので、失敗もそのまま出していくつもりです。


やったこと

このサイト(kanalyzelab.com)でやったことをざっと書くと:

  • WordPress の子テーマをゼロからデザイン(CSS・PHP)
  • トップページのレイアウトを Claude Code と一緒に設計・実装
  • ブログ記事をMarkdownで書いて自動投稿するスクリプトも自作
  • この記事自体、そのスクリプトで投稿しています

自分がやったのは「こういう感じにしたい」と伝えること、動作確認、フィードバックの繰り返し。
コードそのものは Claude Code が書いてくれました。


自分のこと

サラリーマンをしながら、AI×ゲームまわりを発信しています。
ゲームとYoutubeで日々時間を浪費。
ゲームは LoL がメイン(エメラルド)。スト6・ポケモン・ゼンゼロもやってます。
Claude Code に出会うまでは「AIって便利だけど、自分のやりたいことは難しいな。。」くらいの温度感でした。
でも使ってみたら、サイトもほぼプロンプトだけで作れた。
せっかくなので、その過程をそのまま記録していこうと思ってこのブログを始めました。


これから書いていくこと

大きく3つのテーマで書いていきます。

AI × 開発ログ
Claude Code でのツール・サイト制作の過程をそのまま記録します。うまくいったことも失敗したことも。

ゲーム × データ分析
LoL のチャンピオン統計・メタ考察など、データを使ったゲーム分析記事。分析サイトも自作中です。

副業 × 収益化の記録
AdSense 申請から収益が出るまでの過程を公開していきます。いつか仕事を辞めて田舎でのんびり暮らしたい!


きれいにまとめた記事より、途中経過をそのまま出していくスタイルでやっていきます。
X(@kanalyzelab)でも発信してるので、気が向いたらフォローしてもらえると嬉しいです。

コメントする