【1週間・費用0円】フロントエンド知識ゼロのSEがGoogle Antigravityで作ったツールで初日収益を出した全手順🤪🍩

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

2026年3月26日、ミスドが好きすぎて「ミスド診断ツール」を作って公開しました。

それから約1週間後の4月1日には、Xの朝ポストのネタ切れ民のために🤪
「おはポストメーカー」も公開しました。

コチラの記事でも紹介しています。

結果、初日から収益発生！

1週間後にはうまい棒1本買える程度の収益化に成功しました！

……お分かりいただけると思いますが、1週間でうまい棒1本です。
ただし値上げ後のうまい棒です。物価高には対応してます。

初日から収益達成と高々に宣言しましたがそのレベルです。

それでも個人的には満足しています。

個人開発したサイトで収益化してみたい。

ずっとそう思ってました。

今回思い切ってチャレンジしてみました。

開発期間1週間。 かかった費用は完全に0円。

この記事では、その仕組みを全部公開します。

＼私が作ったツールを試してみたい方はこちら／

なぜ個人開発しようと思ったか

私の本業はシステムエンジニアです。
でも個人開発の経験はゼロでした。

ずっと個人開発に憧れていました。

自分がコーディングしたツールを自分で公開して保守運営していく。

「レイアウト改善しました！仕様改善しました！」
なんてリリース通知を出しちゃう。

かっこいいと思いませんか？🤪

ただ、

• ツールをコーディングする技術もないし、デザインセンスもない。

• 作ったツールをどう公開すればいいか分からない。

• 変なもの公開して攻撃とかされたらいやだ。

• そもそも作るツールがない。何作ればいいんだ？

そんなもやもやをずっと抱えていました。

そんなときに出てきたのが、AIです。

アイデア出しからコーディングまでをすべてAIに丸投げ……ではなく「ディレクション」する。

これだけで、開発経験ゼロの状態から、初日で収益を叩き出すツールが作れてしまいました。

「うまい棒1本分」の収益、されどうまい棒1本分。

0円が1円になった瞬間のあの感動を、あなたにも味わってほしい。

その全貌を、これから包み隠さずお話しします。

私のスペック：フロントエンドはHTML5で止まってます🤪

正直に言います。

フロントエンドの実務経験はほぼゼロです。 Reactは少し触ったことある。 Next.jsは未経験。

最近のAIが作るアプリは ReactやNext.jsというフレームワークを 使ったものがほとんどです。

なので、AIが出してくるコードを完全には理解できません。

それでも1週間でアプリが完成しました。

その理由は有料パートで全部話します。

使ったツールと費用：本当に0円でした

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

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

• 開発： Google Antigravity

• AI機能：Groq API

• サーバー：Cloudflare Pages

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

合計費用0円。

ここから先では

・0円で動く仕組みの全体図
・アイデア出しから開発まで各工程の具体的な進め方
・AIを迷子にさせないためのポイント
・初日から収益が発生した仕組み

を全部公開します。

通常価格500円のところ、Xでリポストしていただくと「297円」で読めるように設定しました！

297円。

これ、ミスドの「ミスド ブレンドコーヒー」1杯と同じ値段です☕️🍩
※最後までミスド愛はブレません🤪

【この記事はこんな人向けです】
✅ エンジニアまたはIT経験がある
✅ 個人開発・副業に興味がある
✅ 無料でツールを作って収益化したい

ミスマッチを防ぐため、正直にお伝えしておきます。

この記事は「エンジニアの知識が多少あり、個人開発やツール作成に興味がある方」を想定して書いています。

なるべく分かりやすい用語を使うよう心がけましたが、「プログラミングの概念が全くわからない完全な非エンジニアでも、コピペだけで必ず作れる！」といった魔法の手順書ではありません。

この記事を読んでもらいたい人は、「ITやプログラミングの基礎知識はあるものの実務は未経験で、個人開発のハードルを感じている人」です。

HTML5で知識が止まっていた私でもできました。ある程度プログラミングの経験がある人ならきっとマネできるはず！

今日、ミスドでコーヒーを1杯飲んだつもりで、明日から「自分のサービスを持つオーナー」への一歩を踏み出してみませんか？

もしわかりづらいところがあればコメントやDMでご質問ください！