#385 VSCodeの自作拡張機能をAntigravityで動かすまでにやったこと
VSCodeで動いていた自作の拡張機能を、Antigravityでも使えるようにした記録です。
こんにちは、ちーみつです。
VScodeやAntigravityの拡張機能を自作したことはありますか？
VSCodeで使っていた自作の拡張機能を、Antigravityでも使えるようにした話をします。
Geminiへの指示が曖昧だと意図をくんでもらえないこと、VSCodeとAntigravityは拡張機能のストアが別であることを、失敗を通じて知りました。
自作拡張機能をAntigravityでも使いたかった
以前、VSCodeの拡張機能を作りました。
文章をnoteやSubstackにコピペするたびに表示が崩れるので、サイドバーに各サイト専用のコピーボタンを設置した拡張機能です。
これをAntigravityでも使えたら、と思って試してみました。
そのまま入れたら、全然違う動きをした
拡張機能のフォルダをAntigravityのGeminiに、「この拡張機能をインストールして」と伝えました。
フォルダは読んでもらえました。
何をしたいかも、伝わっていました。
でも、開いたブラウザで二はサイドバーで表示していたボタンが表示されていて、そのボタンをクリックしてと言われました。
私が欲しかったのはAntigravityのサイドバーのボタンです。
やりたいことはわかってくれていても、なぜサイドバーなのかは全くくんでもらえていませんでした。
ここから指示をしなおして修正するのは時間がかかりそうだったので、別の方法でやってみることにしました。
元のファイルも書き換えられていたので、いったん元に戻すところからやり直しです。
ChatGPTにプロンプトを作ってもらった
ChatGPTにプロンプトを作ってもらうために以下を入力しました。
自作のVScodeの拡張機能を作ったので、これをAntigravityでも使いたい。チャットでそのことを伝えてもうまくいかなかったので、AIへの修正指示を作ってください。作ってもらったプロンプトには、こんな条件が入っていました。
VSCodeのファイルは書き換えない
Antigravity専用のフォルダを別途作ること
説明だけで終わらず、実際に修正まで行うこと
このプロンプトをAntigravity上のCodexに入力しました。
Codexを選んだのは、ChatGPTが作ったプロンプトなら同じ会社のAIの方がいいのでは、という理由です。
しばらく待つとサイドバーに拡張機能が表示されて、思ったようにコピーできるようになりました。
やってわかったこと
VSCodeとAntigravityは拡張機能のストアが別です。
VSCode → Microsoft Visual Studio Marketplace
Antigravity → Open VSX Registry
VSCodeで見つかる拡張機能がAntigravityに必ずあるわけではありません。
それぞれのストアに対応した形で公開されているから、両方で使えているということでした。
自作の場合も同じで、そのまま入れるだけでは動かず、対応した調整が必要になります。
まとめ
マニアックな話ではありましたが、VSCodeで使っていた拡張機能をAntigravityでも動かすことができました。
同じことをやってみたい人の参考になれば嬉しいです。
VSCodeの拡張機能をAntigravityでも使っている人、いますか？
最後まで読んでいただきありがとうございます。
同じようにツールの違いで詰まった話、置いておきます👇
登録特典付き無料メルマガ
noteより数時間早く、メルマガで先にお届けしています。
不定期ですが、メルマガだけで加筆して配信することあります。
登録していただくと以下のプレゼントを受け取れます。
X : https://x.com/chi3_jp
Substack : https://substack.com/@chi3
私のまとめサイト : https://chi3jp.com/
