【Antigravity×1週間×無料】ミスド好きSEが初の個人開発に挑戦！ミスド診断ツール作ってみた

はい。どうも。ぽむです🤪

突然ですが告白があります。

ミスドが好きすぎて
AIで診断ツール作りました。

しかも1週間で。費用0円で。

＼試してみたい方はこちら／

といっても私は、これまであれこれ個人開発していたつよつよエンジニアではありません。

個人開発経験ゼロのよわよわエンジニアです🤪

ソースコード書いてどうやって公開するの？
え、AWSなんか自分で設定するの不安なんだけど……そういうのしかないの？

そんな状態の私が個人開発に挑戦して1週間で初のツールをリリースしました。

今回はそんな私の開発体験記を紹介します。

個人開発しようと思ったきっかけ

まずは、今回の開発をしようと思ったきっかけを紹介します。

私、本業はシステムエンジニアです。

一応10年以上のキャリアはありますが、ずっと会社員として働いてきているので個人で何かのサービスを立ち上げた経験はありません。

自分でサーバーを立てて、コードを書いて、保守して、メンテして…
「個人開発」はずっとハードルが高いものだと思っていました。

そんな中で出てきたAIエージェント。

バイブコーディングという言葉が流行ってきて、非エンジニアでもサイト構築できたという報告を見かける中で、ふと思ったんです。

私も個人開発やってみたい。何かサービス立ち上げてみたい。
※できれば月1,000円でもいいから稼ぎたい🤪

でも何を作ればいいかわからない。

そう。個人開発といっても何を作ればいいのか分からない。

そこからのスタートでした。

「何を作るか」はAIと壁打ちして決めた

最初に悩んだのが「何を作るか」です。

技術系のツール？業務効率化系？

いろいろ考えたんですが、GeminiとClaudeに同じ質問を投げ合って、壁打ちしながら出てきた答えがこれでした。

「非エンジニア向けの、笑えてちょっと役立つAIツールを作ろう」

で。

ミスドが好きなので、ミスドの診断ツールにしました🤪

動機が単純すぎる。

開発費用は0円！使ったツール紹介

使ったのはこれだけです。

• アイデア出し・壁打ち：Gemini、Claude

• 開発： Google Antigravity

• AI機能：Groq API

• サーバー：Cloudflare Pages

ドメインはもともと持っていたもののサブドメインを使いました。

合計費用0円。開発期間は一週間です。

AIは万能じゃない？「エンジニアの知識」が必要だった理由

個人開発というと「コード書けないと無理じゃない？」って思うかもしれませんが、Google AntigravityというGoogleが作った無料のAIエディタに指示を出すと、コードを生成してくれます。

自分でコードを書く部分は、ほとんどありませんでした。

てこれAntigravityやClaude Codeの紹介でよく見かける文章ですよね？🤪

もちろん今回の開発で私はほぼコードを書いていません。

それでも、エラー解析や方針検討するにはある程度エンジニアの知識が必要だと痛感しました。

正直ね、私、フロントエンドよわよわエンジニアすぎて、今回の開発で初めてNext.jsという技術を知りました。

ぶっちゃけ、本業で経験あるのはHTML5までです🤪
Reactは別の案件で学習させてもらって少し経験はありますが、TypeScript以降の技術に全然ついて行けてない、よわよわエンジニアです。

フロントエンドの技術は割と複雑です。

バージョンによってデプロイ方法や設定ファイルがガラリと変わります。

設定ファイルに1行書くかどうかでエラーか成功か変わるなんてことザラにあります。
しかも調べても昔の記事がヒットすることも多く、結局何が正解なのか沼ることがよくあります。（私は……

このためAIの回答も迷走します🤪

今まで最新バージョンでの設定値書いてたのに、うまくいかないと旧に昔のバージョンの設定値書き始める……
いやいや……それ今のバージョンじゃ動かないから……

といって、どんどんアプリが壊れていきます。

そういったときに一つずつ状況を整理してどうするべきか判断する。
AIの回答を正しい方向に修正してあげる、もしくは、それ違うんじゃない？と投げかけて相談する。

今何をしていてどうなればいいのか整理してエラーを修正する。

そういうスキルが必要です。

はい。偉そうなこと言ってますが、実態はこれです🤪

何してるか分からなくなったらAIに状況聞いて判断する、そういう対話的なやり取りが必要だと感じました。

あとは、作ったアプリの仕様がこれでいいか判断するスキルも必要です。

どんな入力に対してどんな処理をしてどういう出力をするのか。

といっても、私もまだまだ修行中。
ミスド診断ツールはなんとなくで作りました‥‥すみません。

でも公式のメニューを参考にしたり、私独自のおすすめポイントを入れたりと、少し工夫はしています。

「こういうことがしたい」「こういうことができるようになりたい」
といったゴールをちゃんと決めておくのがいいと思います。

というわけで、今回の開発をきっかけにReactやNext.jsもちゃんと勉強しようと頑張ってるのは別の話。

スキル習得頑張ってるので何かできることがあればXもしくはnoteのDMにてご相談ください！

>> Xアカウントはこちら

できたもの：ドーナツ診断🍩

そんなこんなでできたツールがこちら

今日の気分にぴったりの一品を！ドーナツ診断です。

＼試してみたい方はこちら／

3問答えるだけ

設問はたった3問。
10秒もあればできるシンプルさが特徴です。

Q1. 今朝何時に起きた？
　🌙 3時台（ぽむ仲間！）
　🌅 5時前（早起き民）
　☀️ 7時前（一般人）
　😴 それ以降（夜型です）

Q2. 新しいカフェに入った時、何を頼む？
　☕ 定番メニュー（安定志向）
　✨ 期間限定メニュー（冒険家）
　🙏 店員さんのおすすめ（他力本願）

Q3. 今日の自分を表す絵文字は？
　🔥 燃えてる
　😇 疲れ果てた
　🌀 ぼんやり中
　👹 イライラ気味

診断結果がこれ

シェアするとこんな感じ

Xのシェアボタンを押すと、こんな投稿が自動で作られます。

ポンデリングばっか選ばれるのでAIのプロンプトやぽむナレッジを調整しているのですが、やっぱりまだポンデリング率高い🤪

ログ機能入れてなかったのですが統計とってみても面白かったなーと反省。次診断ツール作るときはログ機能も入れてみます。

今回やってみての感想

今回やってみて、まずは公開することが大事だと改めて実感しました。

ミスドも最初から好きだったわけじゃなくて、食べ続けたから好きになったんだと思うので（？）🤪

個人開発楽しいです！

完璧じゃなくていい。
ツールはあとからいくらでも改善できる。

これから第二弾、三弾と思い付きでどんどんツール増やしていこうと思ってます🤪

診断やってみてね

ここまでお読みいただきありがとうございました。

あなたにおすすめのドーナツ。
簡単10秒で診断できるのでぜひ試してシェアしてください🌙

あなたは何タイプでしたか？コメントで教えてほしいです🍩

＼診断はこちら／

※本サイトは個人が運営する非公式のファンサイトです。
ミスタードーナツとは一切関係ありません。

おまけ：作り方知りたい人へ

「どうやって作ったの？」という方へ。

Google Antigravityを使って1週間・費用0円でAIツールサイトを作った全手順はこれから公開予定です。

私がどうやって収益化しようとしているのかも含めて、どういう手順で開発を進めたのかを紹介する予定です。

エンジニア向けの技術解説というよりは「私も個人開発してみたい！」と思った人向けの記事にする予定ですので、ぜひ見てもらえると嬉しいです。

最後までお読みいただきありがとうございました！

Xしてます。気軽に絡んでください！