はじめに

最近、AIを活用したシステム開発が注目を集めています。特に「詳細な要件定義をAIに書かせて、そのとおりに実装させる」というアプローチが推奨されがちです。

......でも、そんなに最初から全部なんて、考えられない😓

私はどちらかというと、モノを「作りながら考える」タイプです。動くものがあってはじめてイメージが湧くし、アイデアも出てくる。技術も使ってみないと、どこにどう使うのかもよくわからない。

そこで今回、AI時代の"プロトタイプ駆動開発 という考え方でアプリを作れないかとやってみることにしました。

🧠 AI時代の「作りながら考える」開発スタイル

あの有名な「MVP（Minimum Viable Product）」のイラストをご存じですか？

✗ 「まずは車の部品から揃える」やり方（Not like this）

〇「最初から乗れるものを作って、進化させていく」やり方（Like this）

この考え方、「ユーザー体験」の文脈だけでなく、学びながら開発を進めたい個人開発者にもあっていると思うんです。

出典：Making sense of MVP（Henrik Kniberg）

私が現在開発しているのは、ペンや筆で描くお絵描きの下絵を生成するアプリです。

このアプリは、画像から輪郭線や中心線を抽出して、ペンプロッターで好きな大きさに描けるデータに変換するもの。いずれは有料化やスマホアプリ展開も視野に入れています。

でも、最初から知らない技術を使った複雑な要件や構成は考えられません。

こんなふうに段階を踏みながら、その間のジャンプ（Colab → Webアプリなど）をAIに翻訳してもらうことで、少しずつ前に進んでいます。：

なんかアウトプットだけはイメージ通り。OK！

UIも最低限だけど、人に見せられる！

SupabaseやStripeを使ってユーザー認証や課金の導入予定

Bluetoothでペンプロッターと接続も視野に

少なくとも今は、

✅ Colab → Streamlit の移行までは成功しました！

Colabで作ったアプリを、AI（o4-mini-high）に渡してStreamlitにして、細かいところをCursorと一緒に自分で微調整しました。

このあとも、進捗があったらこのQiitaで報告していきたいと思います。

もちろん、大規模開発やチーム開発では明確な要件定義や設計も重要です。
でも、個人開発や学びの場では、まず動かして試すことがとても効果的だと感じています。

「最初から最新の技術を活かした設計で作らなきゃ」と思うと、その最新の技術やフレームワークを知らないと手が止まってしまう人もいますよね。でも、AIの時代だからこそ、

というやり方で学ぶことも可能になっているのではないかと思います。

そんな方の参考になればうれしいです！
また報告します！