Claude Code でサイトを作った話【初投稿】
はじめまして。かならぼ（@kanalyzelab）です。 コードをほぼ書けない状態から、Claude Code を使ってこのサイトを作りました。 かかった時間は数日。 「AIってこういう使い方もあるんだ」と思ってもらえたら、この記事を書いた意味があります。
はじめまして〜
KanalyzeLab という名前について
KanalyzeLab は「Kana（自分のニックネーム）」＋「Analyze（分析）」＋「Lab（実験室）」から作りました。 感覚だけでなく、データで見ると世界が変わる。その面白さを発信していきたい、という気持ちを込めています。 実験室なので、失敗もそのまま出していくつもりです。
やったこと
このサイト（kanalyzelab.com）でやったことをざっと書くと：
- WordPress の子テーマをゼロからデザイン（CSS・PHP）
- トップページのレイアウトを Claude Code と一緒に設計・実装
- ブログ記事をMarkdownで書いて自動投稿するスクリプトも自作
- この記事自体、そのスクリプトで投稿しています
自分がやったのは「こういう感じにしたい」と伝えること、動作確認、フィードバックの繰り返し。 コードそのものは Claude Code が書いてくれました。
※2026-05-27 追記：その後 WordPress から Astro に移行しました。経緯はこちら → WordPress を捨てて Astro にした話
自分のこと
サラリーマンをしながら、AI×ゲームまわりを発信しています。 ゲームとYouTubeで日々時間を浪費。 ゲームは LoL がメイン（エメラルド）。スト6（マスター）・ポケモンもやってます。 好きなものは ぶいすぽ / コーヒー / ガジェット。 Claude Code に出会うまでは「AIって便利だけど、自分のやりたいことは難しいな。。」くらいの温度感でした。 でも使ってみたら、サイトもほぼプロンプトだけで作れた。 せっかくなので、その過程をそのまま記録していこうと思ってこのブログを始めました。
これから書いていくこと
大きく3つのテーマで書いていきます。
AI × 開発ログ Claude Code でのツール・サイト制作の過程をそのまま記録します。うまくいったことも失敗したことも。
ゲーム × データ分析 LoL のチャンピオン統計・メタ考察など、データを使ったゲーム分析記事。分析サイトも自作中です。
副業 × 収益化の記録 AdSense 申請から収益が出るまでの過程を公開していきます。いつか仕事を辞めて田舎でのんびり暮らしたい！
「やってみてわかったこと」を、数字や使い分けの形に整理して書いていくスタイルです。 作ったツールや試した結果は、そのまま記事にしていきます。
X（@kanalyzelab）でも発信してるので、気が向いたらフォローしてもらえると嬉しいです。
これからよろしくお願いします
KanalyzeLab — データ×AIで好きをカタチに