せっかくだからと絞り出す

せっかくVS CodeにAntigravityを入れて、直接ローカルファイルを触れる環境を作ったので、なにかしらやりたいと思いつつ、何も思いつかないまま数日が経過しました。

今日、最新のAI情報をネットで収集していたときに閃きました。
目次の場所をページ本文の上に固定ではなくて、ZennとかQiitaみたいに横に出してみようと。
あと、どこを読んでいるかわかるよう、現在地をハイライト表示しよう。

🔗Zenn｜エンジニアのための情報共有コミュニティ
🔗Qiita

相棒は Gemini 3.8 Flash

初期値であり、コスパの良いGemini 3.8 Flashくんをそのまま採用しまして、「Zennのような目次にしたい」と依頼しました。
現在利用しているテーマ、目次が使われているファイル（single.html）や、目次設定用ファイル（toc.html）、スタイルシート（hoge.css）等をまずチェックしてくれて、必要な修正を加えて実装してくれました。

目論見通り、本文横に目次が表示されています。 スマホ表示の場合は従来通りの表示です。

ん？
本文上部に設置してある画像や、コメント欄等が横長になっている。
目次が入った分、それに合わせてそれらも広がったようです。

修正依頼をして直ったのですが、今度はコメント欄のハイライトが消えました。 Gemini 3.8 Flashくん、あまり賢く・・・

こんな感じで何度か往復し、現在の形に落ち着きました。

最後、モデル選択に入っていたOpus 5.5を呼び出しまして、ここまでの修正内容が適切だったのか聞いてみたら、 不具合修正を含むいくつもの改善点を提案してくれまして、 そのまま直してもらいました。

ちなみにOpus 5.5は2回使ったら5時間制限まであと4%となりました。 一瞬で消えるクレジット・・・

Antigravityを使った感想

許可が面倒（設定の問題）

1コマンドごとに実行して良いかという確認が入って面倒でした。
これは設定の問題で、安全寄りにしすぎたせいです。

コマンドごとに設定も可能みたいなので、時間のあるときに見直しましょう。
lsコマンドでも「実行していい？」って聞かれるのですよ。

何が行われたかの確認が必要

今回は1コマンドごとに許可が必要だったので何をしているのかざっくり分かりましたけど、自動で許可するようにしたら何やっているかわからなくなりますね。

GitHub使っているから差分とかで追えますけども、あとから手動で変更とかしたくなったときは困るんだろうな。自分が知らない知識をフルに活用してやってくれているので、ソースが自力でうまく読めないかもしれないし、関連するファイルがあるかどうかも把握しきれなさそう。
とはいえ、このやり方をデフォにしたら気にしなくても良さそうだし、これも指示の仕方などで改善はできると思います。
ちゃんと何をしているのか記録を残すように指示すれば良いのよね。

次回は・・・

今度は確認を極力省いての実行を試してみようかな。

いちいちNotion AIから指示を受ける → 私が実行する → 結果をNotion AIに渡す の面倒なループをしなくて良いのは楽ちんでありました。

ただ記録を残すという意味で、Notionで設計しておき、実装中の状況や完了報告をNotionに自動記録すると良さそうですね。 みんなそうやっているのだろうし。