PART 01
第1部：初めてのバイブコーディング
AIに作らせる・動かす・修正する体験を積む9記事。コードを書かずに、自作アプリを作ってみよう。
到達点
AIと自分だけの小さなアプリを作れる
この第1部では、AIと一緒に「動くものを作る」体験を積んでいきます。
最初はブラウザだけで始めます。Claudeに話しかけると、画面が動くアプリができあがります。コードは書かなくて大丈夫です。それを改造して、また改造して——そのうちに「自分で作れる」という感覚が育ってきます。
後半では、自分のPCに開発環境を整えます。VSCodeを使い、Pythonを動かし、エラーが出たらAIに直してもらう。そのくり返しを経て、第1部の最後では小さなアプリを自分の手で完成させます。
8記事の流れ
| 記事 | テーマ |
|---|---|
| 1-1〜1-2 | Claudeアーティファクトで動く画面を作る |
| 1-3〜1-4 | Google Colabでコードを動かし、CSVを処理する |
| 1-5〜1-6 | 自分のPCに環境を作り、VSCodeに慣れる |
| 1-7〜1-8 | AIとエラーを直し、アプリを完成させる |
始める前に
必要なもの：
無料版でも試せますが、続けてやりとりしているとトークン数の上限に当たることがあります。このシリーズを通しで進めたいなら、Claude Pro（有料版） があると快適です。
| プラン | 使える範囲 |
|---|---|
| 無料版 | 前半の体験には十分です。上限に当たったら少し時間を置いて再開してみてください |
| Pro（有料） | 気にせず使い続けられます。シリーズを通しで進めるならおすすめです |
プログラミングの経験はなくて大丈夫です。むしろ「何も知らない状態」の方が、AIとの付き合い方を素直に学べます。