AIでWebアプリを作ってみたい会社員へ！｜アイデア出しからCodex依頼文、公開までの実録メモ

AI個人開発は「すごいアイデア」より、近くの困りごとから始めた方がいい

「AIを使えば、個人でもアプリを作れる」

最近、こういう話をよく見かけるようになりました。

でも、実際にやろうとすると、最初の一歩で止まりませんか？

何を作ればいいかわからない。
作りたいものはあるけど、どう形にすればいいかわからない。
ChatGPTやCodexに何を頼めばいいかわからない。
せっかく作っても、誰にも使われなかったら意味がない気がする。

僕も、まさにそこからのスタートでした。

僕は札幌で会社員SEをしています。
過去にはサーバ管理、HP・ECサイト作成、事務作業のRPA化
現在はシステム開発・運用・保守に関わっていますが、個人開発でいきなり大きなサービスを作れるほど、最初から自信があったわけではありません。

むしろ最初は、

「AIで副業って本当にできるの？」
「個人開発って、結局すごい人だけの話じゃないの？」
「会社員が平日の夜に1〜3時間だけ作業して、何か形にできるの？」

と思っていました。

それでも、ChatGPT、Gemini、Codexを使いながら、実際にいくつかのWebアプリを作ってみました。

作ったのは、たとえばこんなものです。

・バーでお酒選びに迷う人向けのランダム提案アプリ
・飲食店のInstagram投稿文を作るサポートアプリ

どちらも、世界を変えるような壮大なサービスではありません。

でも、僕にとってはかなり大きな一歩でした。

なぜなら、「AIで何か作れたらいいな～」と思っていただけの状態から、実際に画面が動くものを作り、GitHubに置き、Vercelで公開するところまで進められたからです。
Vercelというのも個人でwebアプリを作ってみるまで一切知らないサービスでした。(笑)

なぜ「店舗向けの小さなWebアプリ」から始めたのか

個人開発を始めようとしたとき、最初に悩んだのは「何を作るか」でした。

家計簿アプリ。タスク管理アプリ。AIチャットアプリ。診断アプリ。予約管理ツール。SNS投稿支援ツール。

候補はたくさんあり、でも、同時にこう思いました。

「それ、もう誰か作ってない？」
「自分が作る意味あるか？」
「本当に使う人いるかな？」

この問いで、けっこう手が止まりました。

そこで僕は、いきなり大きな市場を狙うのではなく、自分の生活圏にある困りごとを見ることにしました。

僕は札幌に住んでいて、すすきのや大通、札幌駅周辺の飲食店やバーに行くことがあります。

そうすると、飲食店やバーまわりの小さな困りごとが見えてきました。

たとえば、

・バーで何を飲むか迷う
・飲食店側が毎回SNS投稿文を考えるのが大変そう
・お店の魅力はあるのに、発信まで手が回っていなさそう
・個人店ほど、便利なツールを使う前に情報整理で止まっていそう

こういう困りごとは、ものすごく大きな課題ではないかもしれません。

でも、個人開発の最初の題材としてはちょうどいいと感じました。

理由は3つあります。

1つ目は、利用シーンを想像しやすいこと。
バーのカウンターでスマホを開く。営業前に投稿文を作る。そういう場面が具体的に浮かびます。

2つ目は、最初の機能を小さくできること。
たとえば「お酒をランダムに1つ出す」「投稿文を1つ作る」だけでも、一応アプリとして成立します。

3つ目は、誰かに見せやすいこと。
店舗向けの小さなアプリなら、知り合いの店や近所のバーで「こういうの作ってみたんです」と話のきっかけになります。
僕がwebアプリを作り始めるきっかけになったのは、ここでした。

理由は、みんなの困りごとを聞いたときに「自分でちょっと作れるんじゃないか」と思ったからです。
話していた中で「試しに作ってみるので感想ください！」という感じから話が進み、帰ってすぐに作り始めて次の日にはプロトタイプを作り店舗へ持っていって、お客さんやマスターの反応を見ながら、感想をもらっていました！

個人開発というと、どうしても「完成したサービスで収益化しなきゃ」と考えがちです。

でも初心者の最初の一歩では、売上よりも先に、

・人に見せられるものを作る
・話のきっかけになるものを作る
・自分の制作ログとして残せるものを作る

これだけでも十分価値があります。

実際に作ってみたもの

1つ目は、AlcoDiceです。

AlcoDiceは、バーで「何を飲もうかな」と迷う人向けに作ったアプリです。

ざっくり言うと、条件を選ぶとランダムでお酒を提案してくれるWebアプリです。

バーに行ったとき、メニューに悩んでいる方はよく見かけます。
初めに来た方、何度も来ていても次は何にしようという場面に出くわしたのがきっかけです。自分もよく迷って同じの頼んでいました。(笑)
詳しくないお酒だと、何を頼めばいいかわからない。店員さんに聞けばいいのですが、混んでいるときは少し遠慮しちゃいますよね。

そこに「ランダムで提案してくれる遊び」があれば、注文のきっかけになるのではないか！！！と思いました。

試したことは、スマホで見やすい画面、価格帯の選択、苦手なお酒の除外、サイコロ演出、結果カードの表示、Vercelで公開する流れです。

作ってみて感じたのは、「機能が小さくても、体験として成立すれば面白い」ということでした。

2つ目は、NexTokoです。

NexTokoは、飲食店向けのInstagram投稿文サポートアプリです。

店舗名、住所、店舗種別、おすすめポイント、投稿したい内容などを入力すると、投稿文やハッシュタグ、リール案を作るイメージです。

このアイデアは、近所のバーで聞いた話がきっかけでした。

飲食店の方と話していると、Instagram運用に困っている人は多いと感じます。

料理や接客はできる。お店の魅力もある。でも、毎回投稿文を考えるのがしんどい。何を書けばいいかわからない。ハッシュタグもよくわからない。リールもやった方がいいのはわかるけど、構成を考えるのが面倒。

これは、かなりAIと相性がいい領域だと思いました。

NexTokoで試したかったのは、単なる文章生成ではありません。

・最寄り駅に寄せた投稿文
・天気に合わせた投稿文
・店舗ジャンルに合わせた投稿文
・雰囲気に合わせた投稿文
・イベントやおすすめ商品に合わせた投稿文
・リール向けの構成案

こういった形で、「営業前にスマホでサッと使える」ことを意識しました。

この2つを作ってみて、個人開発の見方が少し変わりました。

ただ作るだけではなく、

「誰が、いつ、どこで、どんな気持ちで使うのか」

を考えないと、アプリは使われない。

逆に言えば、そこが具体的なら、機能は小さくても価値が出るかもしれない。

そう感じました。

ここまでが無料部分です。

ここから先では、僕が実際にAI個人開発を進める中で使った考え方、実際に作ったものの手順をできるだけそのまま使える形にしてまとめています。

特に、次のような人には役に立つはずです。

・AIで何か作ってみたいけど、題材が決まらない人
・Codexに何を頼めばいいかわからない人
・個人開発を始めたいけど、作業が大きく見えて止まっている人
・会社員の限られた時間で、まず1つ形にしたい人
・作ったものを副業の入口につなげたい人

逆に、「すでに個人開発で収益化できている人」や「本格的なSaaS設計を学びたい人」には、少し物足りないかもしれません。

この記事は、もっと手前にいる人向けです。

「作ってみたい」から抜け出して、まず1つ、画面が動くものを作る。

そのための実録とテンプレです。

この記事の有料部分では、
アイディアの出し方→作成→作ったものをwebに公開→見られる環境にする
まで説明しています！

作って見ると作る楽しさ、こんなのも作れそうという創作意欲が湧いてくるのでぜひ1つ作ってみるのをオススメします！

公開せず自分だけが見れるものから初めて、開発って楽しいかもと思って貰えたらこの記事を読んでもらったかいがあります！

私は有料部分で説明している手法で4つのwebアプリと１つのホームページを実際に作成しています。

説明している手法で作製し、既にnote記事で紹介済みのwebアプリ、ポータルサイトはこちら