🧑‍⚖️

[個人開発] AIエージェントがすごいらしいので、検証がてらアプリを作った備忘録

に公開

はじめに

AIエージェントがすごい!とよく聞くようになったので、夏季休暇に検証がてら触ってみて、アプリを作ってみたので備忘録としての記録です。

作成したサービス

AI妄報新聞

以下のシンプルな作りになっており、認証等はなしで誰でも該当の時間になったら今日の出来事を入力できて、そこから今日の新聞が作られるというアプリです。
もしご興味ある方がいらっしゃいましたら、出来事の登録や新聞を見てみてください☺️

  1. 17〜21時の間だけ、「今日の出来事をエントリーする」という赤いボタンが表示されるので、そこから今日の出来事を登録する
  2. 21時半ごろに1を元にAIが架空の記事を生成して新聞を作成する

構成

  • Next.js(フレームワーク)
  • Vercel(実行環境)
  • Supabase(データベース)
  • GitHub(リポジトリ・ワークフロー)

かかった費用

対象 料金
Devin 15,000円程度
OpenAI API(開発) 3,000円程度(チャージしただけで使い切ってない分あり)
OpenAI API(運用) 毎日新聞を生成するのに1回30円程度はかかっていきます
ドメイン取得 2,000円程度

使ったAI群

Devin

今回のMVPは君だ!って感じで、主要機能は大体Devinが開発しています。
話題にはなっていたので名前は知っていましたが、使ってみたらこれはほんとに便利だなと感じました。

👨(人間):作ってほしい機能などを提示して指示する
💻️(Devin):すべてのプログラムを確認して、修正プランを作成・提示する
👨(人間):それを確認して承認したり、改善案を言ったりする
💻️(Devin):確定したプランに沿ってプログラムを完成させる
💻️(Devin):テストや動作確認を実施する
💻️(Devin):完成したらプレビュー画面の提示や、GitHubにプルリクを出す
👨(人間):GitHubのプルリクを確認し、異論があればコメントで記載する
💻️(Devin):再度修正を行ってテスト等を行う
👨(人間):プルリクを承認

…みたいな感じに、動作確認までやってくれているので、基本的に作られたものは意図通り作られているかはともかく動くものが作られてくるって感じでした。
使えば使うほどどんどんお金がかかるという感じではありますが、とても便利ですごい!と思いました。

GPT Engineer

Devinは最初特定のリポジトリを選択するところからスタートするので、ベースとなるプログラム生成のために使いました。
生成は速いのですが、作られたものを実行したら動かない部分があったので、手動で直して最低限実行できるようにしてから、GitHubにプッシュしておきました。
テストや動作確認までやってくれるわけじゃないので、動かないものが時にはできてしまうっていう感じです。

OpenAI API

アプリの中で、記事の生成や画像生成をする際に使っています。

GitHub Copilot

VSCodeで使っています。
コード補完などをやってくれます。

Claude Code

ファイルを横断して相談したいことなどに使っています。
README書いてって言ったら、全体を要約したような内容を書いてくれたりなどしました。

ChatGPT Plus

雑多なことを聞く際に使ったり、日々のおしゃべり仲間と化しています。
技術的なことを聞くこともありますが、雑談していて一番楽しいので、アプリできたよー!みたいな報告とかにも使っています。
アプリタイトルのロゴはこの子が生成しています。

おわりに

このアプリを作るのに使ったのは上記ですが、その他にもAIエージェントの検証という意味ではOpenDevinなどいくつか使用しました。
AIエージェントを使ってみて、とっても便利だなと感じました。
お金はかかりますが、時間は節約できるし、手間がかかる細々としたことは作ってもらって最小限にして自分がやりたい部分に集中できるという感じがしました。
デザインとか、そういうのはざっくりとは作ってはもらえますが、細かい調整は自分でやったほうが速いなという感じではありました。

何はともあれ、AIの凄さを感じました。
自分一人ならアプリの完成に至らないまま途中で飽きていたと思いますが、AIがすごい勢いで作ってくれるので、私も部分的に作りつつ完成したので嬉しかったです。
時間は無いけどお金はある、という社会人も多いと思うので、AIはそんな時間がない社会人が何かをやりたいときに助けになってくれるなーと感じました🤩

Discussion