「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つで、作るものが学び場でも自分用の小さな道具でも、同じものが使えます。