ChatGPTとCodexでアプリを作ってみた！プログラミング未経験でもWebアプリを公開できた話

本ページは広告が含まれています。

先日、ChatGPTとCodex Cloudを使ってWebアプリの開発を始めました。

プログラミングの知識はほとんどない僕ですが、今回は実際にフリマの売上や利益を管理するWebアプリ「ウリミル（URIMIRU）」を作り、一般公開するところまで進められました。

率直に言うと、開発中はわからないことばかり。ほとんどAIに任せっきりでした。それでも、とりあえず使える形のものができたのは驚きです。

今回は実際に作ったアプリの内容と、プログラミング未経験の僕がChatGPTとCodexに任せてみた感想を紹介します。

かつきちです。Twitterもやってます。【レビューなどの依頼はこちら】

結論｜プログラミング未経験でも、使えるWebアプリができた

いきなり結論ですが、想像していたよりもずっと簡単でした。

もちろん、僕が簡単だと感じたのは、自分でコードを書く部分をAIに任せられたからです。GitHubやCodex、Cloudflareなど初めて触るサービスも多く、「今、何をしているの？」と聞きながら進める場面は何度もありました。

それでも、最初に「どんなソフトを作りたいのか」というコンセプトを自分で考えて、必要な機能をChatGPTに伝えていくと、形になるところまで進められました。

今回は最初の1本なので、これですべて完成というわけではありません。今後の改善や実際の利用を通じた確認は必要ですが、少なくとも「自分のアイデアを動くWebアプリにできる」という手応えは十分に感じています。

今回作ったウリミルは、メルカリやYahoo!フリマ、ラクマなどで売った商品の売上や利益をまとめて管理できるWebアプリです。

フリマアプリで商品を売っていると、売上は確認できても、仕入れ代や送料、手数料を差し引くと実際いくら残ったのかわからなくなることがあります。

そういう数字をもっと手軽に把握できるものが欲しくて、今回のアプリを考えました。

データは基本的に使っているブラウザの中に保存する仕組みなので、アカウント登録なしで使える形にしています。

ただし、端末間で自動同期されるわけではなく、ブラウザのデータを削除すると記録が消える可能性があります。継続して使う場合はバックアップを取っておく必要があります。

実際のアプリはこちらから確認できます。

※無料・アカウント登録不要。データは利用中のブラウザに保存されるため、定期的にバックアップしてください。

今回、僕が主に使ったのはChatGPT、Codex Cloud、GitHubの3つです。最後にWebアプリを公開するため、Cloudflare Pagesも利用しました。

最初はそれぞれの違いすらよくわかっていませんでしたが、使ってみると役割は意外とシンプルでした。

大まかな流れは、コンセプトを考える → ChatGPTと仕様を整理する → Codexに作ってもらう → 結果を確認する → 公開するという感じです。

CodexからはPull Request（変更を取り込むための提案）が作られ、内容をGitHubに反映しました。僕自身、仕組みを完全に理解できているわけではありませんが、まずは一連の流れを体験できたことが大きかったです。