💩へっぽこエンジニアのチャレンジ その3：うんちアプリ、ついに動いた！

以前、「子どもが爆笑するような、うんちアプリを作ってみたい！」という記事を書きました。

単語を入力すると、その単語と「うんち」を使って、AIが面白い一文を作ってくれるアプリ。

前回は、Ollama、Phi、Mistral、Zephyrなどを試してみたものの、日本語がちょっと変だったり、思っていた感じと違ったりして、なかなかうまくいきませんでした。

そして、Gemini APIにも挑戦しようとしていたのですが、当時はなかなか接続がうまくいかず、いったん断念。

でも今回、あらためて挑戦してみたところ……

やっと、うんちアプリがWebアプリとして動くようになりました！

これこれ！求めていたのは、こういうやつ！

くだらないけど、ちゃんと日本語として自然で、子どもが笑いそうな感じになりました。

今回のアプリは、こんな構成で作りました。

前回は「LLMをローカルで動かしてみる」方向で試していましたが、今回はGemini APIを使う形にしました。

やっぱり、日本語の自然さと、短い文章をちゃんと面白くする力はかなり大事。

実は、去年作りかけていたソースも残っていました。

見直してみると、当時うまくいかなかった原因はいくつかありました。

• 古いGeminiモデルを指定していた
• Vertex AI用のURLと、リクエスト本文の形式が合っていなかった
• 一時的なアクセストークンを手で貼っていたので、期限切れしやすかった

なるほど、そりゃ動かないわけだ……。

今回は、Gemini APIキーをRenderの環境変数に設定して、FastAPIからGemini APIを呼び出す形にしました。

APIキーをGitHubに置かないようにしたのも大事なポイントです。

ローカルで動くようになったあと、GitHubにpushして、Renderで自動デプロイできるようにしました。

GitHubにpushすると、Render側で自動的にデプロイが走ります。

最初はGitHubの認証で少しつまずきました。今はパスワード認証ではなく、Personal Access Tokenを使う必要があるんですね。

ここも、へっぽこエンジニア的には勉強ポイントでした。

Renderで公開したあと、スマホからアクセスして試してみました。

「恐竜」と入力したら、ちゃんとGeminiが面白い文章を返してくれました。

これは成功！

去年の自分に教えてあげたい。

AI APIを使うアプリで怖いのが、悪意あるアクセスやbot連打です。

たくさんリクエストされると、そのぶんGemini APIの利用量が増えて、課金が膨らむ可能性があります。

なので、最低限の対策として、アプリ側に制限を入れました。

• 同じIPからのアクセスは、1分に5回まで
• 同じIPからのアクセスは、1時間に50回まで
• アプリ全体で、1日500回まで

制限を超えたら、Gemini APIを呼ぶ前に止めるようにしています。

これで完璧というわけではありませんが、個人で公開する小さなアプリとしては、まず一歩安心できる形になりました。

Renderの無料プランや低コストプランでは、しばらくアクセスがないとサービスがスリープすることがあります。

そのため、初回アクセス時だけ少し待ち時間が長くなることがあります。

これはアプリのバグというより、Render側のcold startっぽい挙動です。

本格的に使うなら、有料プランにするか、定期的にヘルスチェックを叩くようにするのがよさそうです。

今回作ったアプリは、Render上でWebアプリとして公開できています。

実際のアプリはこちらです。

なので、WordPressの記事や固定ページにiframeで埋め込むこともできそうです。

まずは記事として結果報告を書いて、あとで固定ページとしてアプリを置いてみるのも面白そう。

次は、WordPressへの埋め込みや、見た目の改善にも挑戦してみたいです。