1. ゆるITエンジニア道場
  2. AIエージェントでWebアプリ作..
2025-07-24 08:34

AIエージェントでWebアプリ作って失敗しまくったのでシェア

シニアエンジニアが Podcast をいい感じに投稿するWebアプリをつくっていたのですが、全然うまくいかなかったのでシェアします。


--------------------------------------------------------------


riddle : https://x.com/riddle_tec

ひびの : https://x.com/nasustim


番組へのお便りはこちら:https://forms.gle/gp78XNFgERDFDkb88

サマリー

AIエージェントを用いてWebアプリを開発しようとしましたが、さまざまな問題に直面し、最終的に失敗した経験を共有しています。特にポッドキャストの投稿アプリの課題や、AIの活用に関する教訓が語られています。

Webアプリ作成の試み
こんにちは、riddleです。さっきですね、AIエージェントを使って、自作のWebアプリを作っていたんですが、
めちゃくちゃ失敗したので、共有したいと思います。皆さん、AIエージェントでWebアプリ作ってますか?
私はですね、今、転職の間の有給消化期間中なので、クロートフォールとカーサーを使って、ちょっとWebアプリを作ろうと、
せこせこやってました。何を作ろうと思ってたかというと、ポッドキャストの投稿アプリですね。
私たちは今、毎日ポッドキャストを撮って配信してということをやってるんですけれども、ストックが多分10本ぐらいあります。
今、ポッドキャストの名前のところに、プレフィックスとして、何番みたいなものを付けているんですけれども、それが例えば40番だとしたら、
50番まであるような感じですね。何が問題かというと、例えば明日41番出すんだけど、この緊急性高いニュースのやつ、ポッドキャスト撮りたいよね。
撮っちゃおうってなった時に、じゃあこれを先に投稿したいってなったとすると、既に10本予約してるんで、かつ数字も裁判してるんで、
間に急に新しいやつをパッと差し込むと、それよりも後ろのやつが全部ずれるんですよ。これがね、めっちゃめんどくさいんですよ。
なので、やらないといけないこととしては、連番になっている数字を全部ずらす、投稿日1日ごとにしてるんで、それを全部ずらす。
だとSNSの方で宣伝を兼ねて、投稿しました、みたいなことを呟いているので、そのスケジュールも全部ずらす、みたいなことをやらないといけなくて、
予約投稿にめちゃくちゃ結合度が高い状態になってるんですね。これを解消するために、どうしたらいいかなと思ってたんですけど、
PodcastのAPI使えば、うまいこと解決できるかなと思ってたんですけど、なんとPodcastのAPIにはですね、SpotifyのAPIが存在しないみたいで、
じゃあブラウザ操作する?と思ったんですけど、ブラウザ操作も結構めんどくさいんで、なんかいい方法ないかなというところで、
じゃあ自分たちでRSSの配信をするサーバーを作ろうと思ったんですよ。これどういうことかというと、Podcastの配信って、
Spotifyに登録すると、Apple Podcastとかに、RSSで連携して配信が行われるんですね。
なので、どこかに登録してあげると、それをベースにRSS経由でいろんなところに伝播できるっていう仕組みなんです。
現在は私たちはSpotifyの方に登録していて、Spotifyをベースに下流の方に流れていくみたいなイメージなんですけども、
自分たちが作るウェブアプリのところで、RSSのフィードを作ってしまって、そこをベースにしてSpotifyとかYouTubeとかApple Podcastの方に流すっていう方向に変えれば、
好き放題にRSSフィードを作れるので、さっき言ったような途中でこいつを差し込みたいとか、このタイミングに入れたいみたいな、
急の管理みたいな、どのポッドキャストをいつ投稿するかみたいな管理をうまくできるシステムを作れるなと思いまして、
今日、せこせこ作っていたというわけです。
教訓と思考の整理
ここで得た教訓は何かというと、結局やめたんですけど、途中で作るのを。
皆さんよく言うじゃないですか、AIが来るとエンジニアは仕事なくなるよと。
それね、嘘ですよ。
自分はシニアレベルのエンジニアとしてやってきているので、今回そういうアプリを作ろうと思った時にも、
だいたいこういう仕様で、こういう機能が必要で、これをホスティングするためにはどういうサービスを使うべきかみたいなところを壁打ちながら整理してたんですね。
それって、今回はバーセルの上でNext.jsで作って、DatabaseやSQLiteを腹持ちさせるみたいな構成にしようかなと思って、
で、スケジューラーとかは別にいらないな、RSSフィードを問い合わせてきたタイミングで、
その瞬間に配信したいやつを動的に生成して返すみたいな処理でもいいや、みたいな感じのことを頭で思って、
じゃあこういう構成で作りますってやって依頼したわけです。
まずこれがひと山ありますよね。
ソフトウェアエンジニアじゃない人が、自分が今欲しいようなシステムを作りたいってなったら、結構まず戸惑うと思います。
要件を上手く出すことも難しいですし、それに対してどうやって作ろうかっていうのを、AIがいろいろアドバイザーにしてくれたとしても難しいですし、
そこから先のデプロイとかになるともう無理ですよね。
あと、まだ省いてますけど、認証とか認可とか、そういうセキュアな仕組みとかも導入しようと思ったりとか、
もしそのツールが動かなくなってしまったりとか、このツールじゃなくて他の配信プラットフォームの方に戻りたいみたいなケースの場合に、
どうやってリカバリーするのかとか考えると、いろいろ考えないといけないことがありますよね。
なので、慣れてない人が作るっていうのは難しい。この程度のものだったとしても。っていうのがまず学び1。
学び2は、最初私クロードコードで作ってもらったんですけど、雑に依頼投げたら全然いい感じのものができなかったんですよね。
さっき言ったような仕様は投げて、こういう技術構成でやってってお願いしたんですけど、
まあ、いろんな機能を中途半端に作って、結果的にシグハグで全然動かないみたいなものができたんですよ。
これはダメだと思ったら、もうクロードコードはレートリミットを迎えてしまったんで、渋々パラソルの方に移動したんですけど、
ここから学べる教訓としては、ちゃんとこういうものを作りますって仕様脱して、機能を本当に最小限にして1個ずつ積み上げて、
ユーザーの目で確認して、あ、これは自分が欲しい機能だみたいなものを、ちゃんと確認した上でステップバイステップでいかないと、
本当にね、AI適当なことやってくるんで逆に手間かかるんですよね。
これでも私は100日間カーソルチャレンジみたいなことをやって、様々なアプリケーションを作り続けてきたので、他の人よりかは慣れてるはずなんですよ。
AIエージェントを使って何かを作るという作業が。
それでもさっきぐらいの簡単なPodcastの配信をするためだけのアップロードサーバーみたいな、
RSSフィードを作って、クラウドフェラーか何かにオーディオファイルを置いとくとかそれぐらいの話なんですけど、
それですらこんなに、こんなに言っても3時間ぐらい時間がかかって結局途中でやめたんで、
もうちょっとちゃんと考えながらやらないと、AIエージェントは使いこなせないなということが改めて肌に染みました。
プロフェッショナルとしての視点
最終的にはもう何かこれ作って運用するのはいけると思うけど、どの程度の頻度でPodcastを今後続けるかも不透明だし、
これ作ったら後々メンテナンスとか保守とかイレギュラーな対応とかも含めて全部やらないといけないことを考えると、
本当に解決したい課題に対してこれが最適なソリューションなのかっていうところを作りながらにして考えるようになってしまって、
それを最初に考えておけた話なんですけど、生地作れると作りたくなっちゃうのがソフトウェアエンジニアの差があると思うんですけど、
ふと冷静になってこの手間かけなくていいな、もともとの前提変えた方が楽だわみたいな感じになり、相方のひみのさんにさっきストラックで相談を投げたという感じで一旦幕を引きました。
まとめると皆さんがAIエージェントの登場でソフトウェアエンジニアの仕事なくなるんじゃないかみたいな話がありますが、
現時点では仕様の策定だったりだとか、実際にそのAIエージェントを駆使して何か作ってもらうみたいなレベル感はまだまだ先ですね。
マルスでウェブサイズを作ってくれるはありますけど、僕は作ってほしい簡単なウェブアプリ、バックエンドすらいらなくて、
フロント、ネクストで全部片付くようなものですらめんどくさいので、もうちょっとクロードコードとかいろいろルールとか設定すればいいんでしょうけど、
そのルール設定するのもテクニックだと思うので、まあまだまだですよね。
これが1個目。2個目は実際に作るってなった時も、AIエージェントの使わせ方によって出来上がるもののクオリティが段違いだし、
かかる時間だったりコストも変わってくるので、それを見極めたいでうまく道具を使いこなせるっていうのがプロフェッショナルと思うので、
そういう仕事をやっているうちはショックにあぶれることはないでしょうということを改めて感じましたので、皆様にご共有いたします。
ということで今回はこれぐらいにしようと思います。このラジオはハッシュタグゆるITで皆様からの感想やコメントをお待ちしております。
また概要欄にあるGoogleフォームのリンクからも同様にコメント、感想、大関係ですのでよろしくお願い致します。
ありがとうございました。
08:34

コメント

スクロール