AI
26
2025.09
政府APIを使って補助金検索アプリを爆速開発した話
前回と似たような感じですが、APIを使って補助金情報を検索するウェブアプリをGeminiに作ってもらいました。
はじまりは、補助金申請システムの「jGrants」に公開APIがあることを知ったことからでした。
「これを使えば、もっと自分好みの補助金検索ツールが作れるのでは？」と思い立ち、AIアシスタントとペアプログラミングをしながら、Webアプリ開発に挑戦してみました。
すべての始まりは一枚の「設計図」から
ことの発端は、「jgrants-api.yaml」というファイルでした。
これは「OpenAPI (Swagger) 仕様書」と呼ばれるもので、jGrants APIの機能がすべて書かれた、いわばAPIの設計図です。これを見れば、「どんなデータをリクエストできるのか」「どんなデータが返ってくるのか」がわかります。（私はよくわからないですが）
この設計図をGeminiに渡して、「このAPIで補助金情報を表示するウェブアプリって作れる？」と、最初の質問を投げかけるところからスタートしました。
バージョン1.0：まずは動くものを作る
Geminiからの返答は「作れますよ！」。そして、ものの数分で最初のバージョンとなるHTMLファイルが完成しました。
【バージョン1.0の主な機能】
キーワードで補助金を検索できる
検索結果がカード形式で一覧表示される
カードをクリックすると詳細情報が見られる
しかし、意気揚々とブラウザで開いてみると、早速エラーが発生。開発者ツールには「CORSエラー」の文字が。これは、Webブラウザのセキュリティ機能が原因で、APIサーバーが許可しないドメインからのリクエストをブロックしてしまう、Web開発ではおなじみの問題とのことです。
ここでGeminiに「エラーが出たんだけど、どうすればいい？」と尋ねると、「プロキシサーバーを経由してリクエストを送りましょう」という解決策と、修正済みのコードを提示してくれました。よく理解してないですが、ふむふむ。なるほど。
使いやすさを追求！怒涛の改善サイクル
最初のバージョンはわりとすぐに動くようになりましたが、「もっとこうだったら使いやすいのに」という点が次々と見えてきました。ここから、Geminiへ怒涛の要求です。
改善①：キーワードなしでも検索したい！
APIの仕様ではキーワードは必須項目。しかし、「業種や地域だけで絞り込みたい」というニーズもあります。
私: 「キーワードを入れなくても検索できるようにできる？」
Gemini: 「できますよ。キーワードが空の場合は、裏側で"事業"という広い意味の単語を自動で補って検索するようにしましょう」
なるほど。
改善②：スマホでの使い勝手が悪い…
検索結果が多いと、スマホではかなり下までスクロールします。その状態で詳細情報を開くと、画面の上の方にモーダルが表示されてしまい、どこに情報があるのか分からなくなってしまいました。
私: 「スマホで詳細を開くと、どこに表示されたか分からなくなるね」
Gemini: 「なるほど。では、モーダルを開いたら背景のスクロールをロックし、常に画面の上部に表示するように修正しましょう」
修正後を確認しても全然変わってない。。。
改善③：結果が多すぎるからいけないのか！ページ送りにしよう
私: 「一回に表示する件数を6件くらいにして、ページ送りをつけたいな」
Gemini: 「承知いたしました。ページネーション機能を追加しますね」
これで、モーダルが迷子にならなくなりました。
この他にも、検索フィルターを追加してもらったり、利用規約に書いてあった出典情報の明記など、細かく修正してもらいました。
完成したアプリとプロジェクトの振り返り
こうして完成したのが、この「jGrants 補助金検索アプリ」です。
今回も対話だけで作成しました。私がやりたいことや困っていることを言葉で伝えると、Geminiがそれをコードに翻訳してくれる。そして、出来上がったものに対して私がフィードバックを返し、さらに精度を上げていく。このサイクルを高速で回すことで、当初想像していたよりもずっと早く、そして質の高いアプリケーションを完成させることができました。
AIは完璧ではないので時には意図を汲み間違えることもあります。沼に入ってしまうと、リカバリーが大変なこともあります。しかし、明確な指示とフィードバックさえあれば、AIは最高の開発パートナーになり得るということを改めて実感しました。
皆さんも、何か作ってみたいサービスのアイデアがあれば、AIに相談してみてはいかがでしょうか？ きっと、想像以上にエキサイティングな開発体験が待っていますよ。
ちなみにこちらが作成した検索アプリです。
この記事の著者
合同会社kurasuke代表社員 行政書士