はじめに
最近触っていたいくつかのAIエージェント（Codex / Zencoder / Devin / CodeRabbit）を、小さなプロジェクトの中で軽く使い分けてみた記録です。
対象は、HTML＋JavaScriptの2ファイルだけで動くミニアプリ。
アプリ自体は簡単なものですが、その分ツールごとの「ちょっとした違い」が見えてきた気がします。
使用したAIエージェント一覧
| ツール名 | 主な役割 | 補足 |
|---|---|---|
| Gemini | 初期生成 | Gemini Canvasで作成。APIキーは自動付与 |
| Zencoder | 初期修正 | GitHub Pages対応などの調整を担当 |
| Codex | コード改善 | ChatGPT Plus内のファイルタブから利用 |
| CodeRabbit | レビュー支援 | GitHub PRに自動でレビューコメント |
Codexの使用感
- ChatGPT Plusのファイルタブ内に登場
- UIはDevinやJulesに近く、チャットで自然にタスクを依頼できる
- PRは専用のUIで安定して作成できるのが好印象
他のエージェント（JulesやFine.devなど）では、GitHubリモートへの push に失敗することが多かったのですが、CodexはPR作成専用のボタンを別で用意していて、スムーズに作成できました。
PRは自分のアカウント名義で作成されるため、CodeRabbitで指摘をもらったあとにCodexへフィードバックを渡す必要がありますが、CodeRabbit側で「エージェントに渡す用の文」を自動で生成してくれるので、そこまで手間ではありません。
Devinとの比較
- Devinは自分名義ではなく、AI自身のアカウント名義でPRを作成
- GitHub上のレビューコメントにも自動で反応してくれる
- フィードバックのループが完全にAI主導で回るのが強み
ただし、Devinは設計からレビュー対応まで全部を巻き取る前提の作りなので、
今回のような軽量な修正には少しオーバースペックにも感じました。
Zencoderの印象
- コンテキスト保持が比較的しっかりしていて、Roo Codeに近い感触
- 小さなタスクを安心して任せられる安定感あり
- Gemini Canvasで作られたアプリのGitHub Pages対応修正を依頼しました
Gemini Canvasでは、APIキーが裏で自動付与されているため、
1ファイル完結で動くアプリが簡単に作れます。
ただし、そのコードをGitHub Pagesに貼り付けても動かず、
Zencoderにお願いして、明示的にAPIキーを扱えるよう調整してもらいました。
⚠ Gemini APIキーとセキュリティ上の注意点
Gemini APIの公式ドキュメントでは、あくまでAPIキーをテストする目的で、クエリパラメータにAPIキーを含めてアクセスする例が紹介されていますが、実装する場合にはAPIキーの取り扱いに注意が必要だと注記されていて、実装時にはGoogle GenAI SDKを使用するように記載されています。しかし、Geminiで生成されたコードはAPIキーをクエリパラメータに含める形で書かれていて、このまま公開するのは危険だと思いました。
// Geminiが実際に生成したコード
const apiKey = ""; // Gemini APIキー (Canvas環境では自動的に提供される想定)
const apiUrl = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent?key=${apiKey}`;
この方法には以下のようなリスクがあります：
- URLにキーが含まれるため、リファラやアクセスログに残る可能性
- GitHub Pagesのような静的ホスティング環境ではキーが丸見え
- 結果として、APIキーの漏洩・不正利用につながる危険性
Gemini Canvasのように、キーを裏側で付与してくれる仕組みはとても便利でしたが、
自分でホスティングする場合にはAPIキーの扱いに注意が必要だと改めて感じました。
CodeRabbitの便利さ
- GitHub PRに自動でレビューコメントを投稿
- Codexのような「人間名義のPR」に対しても、AIエージェントに渡す用のフィードバック文を自動生成してくれる
CodexとCodeRabbitを組み合わせることで、
「コード修正 → PR作成 → レビュー → 再修正」の流れをスムーズに回せたのは大きな収穫でした。
試してみたまとめ
| シーン | 向いていたツール |
|---|---|
| 最初のコード生成 | Gemini |
| 簡単な修正・適用 | Zencoder |
| PRを安定して出したい | Codex |
| レビュー・コメント支援 | CodeRabbit |
| PR起点の自動開発 | Devin（やや重めだけど強力） |
おわりに
今回は小さなアプリを使って、複数のAIエージェントを軽く試してみました。
ツールによってできること・得意なことが違っていて、「どのタイミングで誰にお願いするか」を考えるのが意外と楽しかったです。
Codexの登場でChatGPT Plusユーザーの選択肢が増えたこと、そしてGemini Canvasのような手軽な開発環境の便利さと落とし穴——ちょっとした検証のつもりでしたが、学びが多い時間になりました。
成果物はしばらく以下で見られるようにしておきます。