今日のテーマは、簡単にDjangoでHelloとWorldを返すAPIを作成し、それをReactから呼び出すようにします。そのあとでAPIに修正を入れるとき、APIの引数など意識して、両方に改修いれられるのか？を見てみたいと思います。
１．Django側はさらさらとAPI作る
/api/hogeに対してGETリクエストをだしたら{message: "hello"}を返すだけのAPIを作ってもらう。
タスクの最後、curlでテストするところまで自動でプランニングされているのはうれしい。
そして、無事に疎通まで完了。
ここまできてからちょっと気持ちが変わって、手動で'message2':'world'も追加してSave。
Agentのログを見ると、開発Serverとめちゃているので起動しておいてもらいます。
２．React側からlocalhost:8000/api/hogeを呼ぶように変更
１でつかっていたコンテキストとは別に、エージェントとの会話を新規に開きます。
ReactのApp()から、localhost:8000/api/hogeを呼ぶように変更してもらいます。
少し雑目に指示挑戦。
いけそう。CORSいけるかな？？と思ったけどちゃんと考慮されてた。
うん、できる！！
URLハードコードなのはよしとして、気が利きすぎるくらいに、メッセージを取り出して、CSSも整えて画面に表示してくれました。
３．ちょっとだけ修正でmessage2も画面に足してもらいます。
ちゃんとバックエンド側のAPI response考えてる！
Acceptするだけ。
自動的に証跡も記録。
４．下準備がおわったところで、API側からmessage2を削ります。
Django側を操作していたコンテキストに戻って（React側で呼び出す処理をしたことを知らないはずのエージェント）、APIからmessage2を削除してもらいます。
これが
↓
この状態に。
さすがにReact側で呼び出されているね、までは考慮できなかったようです。
（ちょっとほっとした気分）
### ５．影響調査して、ができるかの確認
なんかちょっと新人君に、できる？？って聞いてる気分に。。。
だがしかし、、、こういう聞き方だと、ちょっと時間かかりすぎいったん停止。
grepしていえば、VS Code的にgrepするのかな？を期待して、エージェントに指示。
結果的にはこれだけでも、ものすごい時間がかかってしまいました。
URLを変数に入れてたりすると、簡単には探せないだろうし、
ここからの修正方法のbest practiceはちょっと考えてみたいと思います。
(React側でAPI responseに対するテストコード用意しておいて、
エラーになるので拾うのかなぁ、、、）
おわりに
単に一発芸でミニアプリをつくるだけではなく、
どの程度、開発エージェントツールとして日常使い出来そうか少し感覚つかめたので、
"Antigravityで機能疎通"シリーズはいったん終わりにします。
だらだらとメモをとっただけの記事ですが、少しでも誰かの参考になれば幸いです。