先日、コードをほぼ自分で書かずにWebツールを作り、リリースしました。
開発期間は3日、作業時間は合計10時間ほどです。
Web開発の経験はゼロです。それでもリリースまで行けました。同じように「何か作ってみたいけど、プログラミングができないから無理だ」と思っている方に向けて、その体験とノウハウを書いておきたいと思います。
作ったもの
ポケモンスリープというゲームのプレイヤー向けの無料Webツールです。
ポケスリを始めたばかりのプレーヤーをターゲットに「次にどのポケモンを厳選すればいいか」を優先度順に表示し、ゲームの進行をサポートするためのツールです。
ツールへのリンクは以下。
👉 https://gensen-assist.vercel.app
リリース初日で100人以上にアクセスしていただきました。ありがたい限りです。
Claude Codeを使って実装
ツールの実装はAnthropicのClaude Codeというツールを使いました。私はほぼコードを触ってません。
コードを書かないだけでなく、指示を打ち込むのもめんどくさくなって、ほぼ音声入力で指示出ししていました。
ターミナルで動くAIエージェントで、「こういう機能が欲しい」「このデータをこう処理してほしい」と伝えると、コードを書いてファイルを作り、エラーがあれば自分で修正もしてくれます。自分はほぼ喋るだけです。
進め方
環境はこんな感じです。
- PC: MacMini（M4チップ）
- エディタ: VSCode
- Claude Code: VSCode上で使用。拡張機能をインストールして動かしました
- マイク: Shure MV6（音声入力用）
- コード管理: GitHub
開発の大まかな流れはこうでした。
① 仕様の設計
まず作りたいものの全体像をClaude Codeに説明しました。「どんな入力を受け取って、どんな結果を返すか」を言語化するところから始まります。
② データセットの作成
ポケモンの食材情報やレシピデータをJSON形式で整理しました。地道な作業ですが、これが後のロジックの土台になります。
ほぼ全て、ポケスリ攻略wiki様のデータを参照させていただきました。ありがとうございます。
③ v0.devでモックを作成
Vercelが提供するAIツール「v0」を使って、画面のモックを先に作りました。決めた仕様をもとに「こういうUIにしたい」とテキストで伝えるだけで、それっぽい画面が出てきました。コードは一切書いていません。
④ v0のソースをローカルにコピー
v0で生成したコードをそのままローカル環境にコピーして、Claude Codeで続きを開発する土台にしました。
⑤ バックエンドとの接続
Claude Codeに指示しながら、UIとデータ処理ロジックをつなぎ込んでいきました。「食材をチェックしたら優先度順におすすめポケモンを出す」という計算の部分です。ここもマイクに向かって喋るだけで実装が進みました。
あとは会話しながら細かい調整を重ねていきます。詰まったことはほぼなくて、伝え方を変えれば大抵は解決しました。
Vercelへのデプロイも「デプロイしてください」と伝えたら手順を案内してくれて、数分で公開URLが発行されました。もともとモックをV0で作ったので、デプロイはマジで秒で完了しました。
コードはGitHubで公開しているので、中身が気になる方は見てみてください。
肝になるのは仕様設計
やってみてわかったのは、コーディングのところはAIが全部やってくれるので、そこは難しくないということです。
工夫が必要なのは仕様を決めるところとデータを揃えるところです。
今回で言えば、「食材の枠はAとBとCがあって、Cは量が少ないから除外する」「鍋容量が足りないレシピは表示しない」といった判断を積み上げていくのが、ツールの設計になります。ゲームをある程度理解していないと出てこない視点です。
データ収集も同様です。ポケモンの食材情報やレシピデータを正確に整理して、AIが使える形に仕込む作業は自分でやるしかありませんでした。今回一番時間がかかったのはここです。
コーディングは難しくない。「何を作るか」と「素材を揃えること」が、個人開発の本当の仕事だと感じています。
ターゲット設定も大事
正直、最初はここまで使ってもらえると思っていませんでした。
振り返ると、理由のひとつはニッチな領域を選んだことだと思っています。
ポケモンスリープはリリースから3年ほど経っているゲームです。上級者向けのコンテンツや攻略情報は充実してきましたが、「始めたばかりの人が何から厳選すればいいか」を教えてくれるツールは、意外と少ない状態でした。
そこに、同じ初心者として「自分が欲しかった」ツールを作って置いた。これが刺さったのだと思います。
ドメイン知識のある人間が、そのドメインの中のニッチな課題を解決するツールを作る。これは、外部のエンジニアやAIだけでは難しい仕事です。「コードは書けないけど、このゲームをよく知っている」こと自体が、ツールの競争力になると気づきました。
まとめ
ツールはまだMVP（開発途中）なので、今後も作り込んでいくつもりです。
ひとつ言えるのは、「プログラミングができないからツール開発なんて無理」という時代は終わりつつあるということです。アイデアさえ持っていれば、Claude Codeを使って短期間でリリースまで行けます。
何か作ってみたいものがある方は、ぜひ試してみてください。