「AIで作れる」の実物を、見たことがない

AIに頼めば作れます、という話はもう何度も見ていると思います。実際に頼んでみると、それっぽい画面は出てくるんだけど、それを何に使うのか、どこまで作れば終わりなのかが分からないまま止まって、そのうち開かなくなる。

足りていないのは頼み方ではなくて、最後まで作りきった実物と、その途中で何を決めて何を間違えたのかの記録だと思っています。

いま読んでいるこの画面が、その実物です

このサイトは、僕がコードを1行も書かずに作ったものです。

記事の組み方も、押せるボタンも、上に出ているロゴも、図解も、全部AIに作らせています。僕がやったのは、何を作るかを決めて、出てきたものを使ってみて、違うところを言葉にして直させることだけ。

なのでこのコースは、売り文句ではなくて、作業の記録です。同じ物を一緒に作るコースではないので、裏側を覗く感じで気楽に読んでください。

全体の地図

先に出しておきます、通った道の全体を。

順番やったことこのコースのどこ
1壁打ちして、決めごとを1枚にまとめるSTEP 2
2中身より先に、空っぽの画面を作らせるSTEP 3
3記事を量産する型と、検品の仕組みを作るSTEP 4
4図解をまとめて作るSTEP 5
5ロゴと、起動の演出を作るSTEP 6
6踏んだ落とし穴を数え直すSTEP 7
7出す直前で止めて、全部作り直すSTEP 8
設計書から公開までは一本道。どこで何を決めたのかが分かれば、自分の作りたいものにそのまま置き換えられる
設計書から公開までは一本道。どこで何を決めたのかが分かれば、自分の作りたいものにそのまま置き換えられる

自分で決めたところと、任せたところ

ここが、このコースでいちばん持って帰ってほしいところです。

自分で決めたAIに任せた
何のために作るのか画面の組み立て方
誰に向けて作るのか文字の大きさや余白の細かい数字
作らないものは何か図解の絵柄をそろえるやり方
言葉をどうそろえるか壊れたところの直し方
出す前に何を確かめるか確かめる作業そのもの

右の列は僕が知らないことばかりで、知らないから、どうなっていてほしいかだけを言うしかなかったんですけど、結果としてそれがいちばん通る頼み方でした。

ここだけ覚える

自分で決めるのは、言葉で書けることだけ。技術の話は1つもありません。作り方は、全部AIに任せています。

で、結局どのAIを使ったのか

何に使ったかどのAI
作るものを決める壁打ちChatGPT
画面・記事・仕組みを作らせるClaude Code
図解やサムネイルの画像を作らせるCodex(Claude Code から呼び出す)
星空の3Dと龍(一時期だけ)Codex → 作り直しで Claude Code へ

どれも普通に触れる道具です。差が出たのは道具のほうではなくて、どの順番で、何をどこまで決めてから渡したかで、このコースで見せるのはほぼそこの話になります。

つまずきやすいところ

結局、もともと作れる人がAIを使ったから作れただけで、自分がやっても同じにはならないのでは。

僕はコードが書けません。いまも書けないままです。ここで見せるのは技術ではなく、決め方と頼み方と直し方の3つで、作るものが学び場でも自分用の小さな道具でも、同じものが使えます。

終わったら、ここが言えるか確かめる