Firebase StudioからAntigravityへの完全移行ガイド

暗い青と黒を基調とした背景に、白い雲形の吹き出しで「Firebase StudioからAntigravityへの完全移行ガイド」という文字。中央には「Welcome to Antigravity」というメッセージと、青から赤へグラデーションするAの形をした新しいAntigravityのロゴが描かれたパネルが置かれている。

この記事の参照URL:Firebase Studio sunset and project migration

「Firebase Studioが終わっちゃう…移行って難しそう」と不安に思っていませんか?

実は、公式が用意してくれた方法を使えば、たった6つのステップで、今のプロジェクトをそのまま新しい環境(Antigravity)へ移すことができます。

Tomoya

難しい設定は一切ありません!

基本は「ダウンロードして、開いて、AIにお任せ」するだけ。

この記事を見ながら一緒に進めて、新しい開発環境を整えてしまいましょう!


目次

5ステップで完了!Antigravityへの移行手順

STEP
移行準備:Antigravityをインストール

ご自身のお使いのPCを参照してダウンロードしてください。

STEP
プロジェクトを「Zip」でダウンロード
  • Firebase Studioを開き、移行したいプロジェクトを表示します。
  • 画面にある「今すぐ移行(Move now)」といった案内ボタンをクリックすると、モーダルが開きます。
  • 「Zip and Download」ボタンを押して、プロジェクトの中身を自分のパソコンに保存しましょう。

ローカルPCにZIP化されたプロジェクトがDownloadされます。

STEP
Zipファイルを展開(解凍)する

ダウンロードしたZipファイルを右クリックして「すべて展開」を選び、中身を取り出します。

これが新しい環境で使う「プロジェクトの本体」になります。

STEP
Antigravityを開いて展開したファイルを開く

ステップ1でインストールが終わったらAntigravityアプリを立ち上げ、ステップ3で展開したフォルダを選択して開いてください。

STEP
AIエージェントに「おまかせ」で設定

ここが一番のポイントです!

Antigravityを開くと、右側にAIエージェント(チャット画面)があります。

そこに以下のコマンドを入力して「移行のためのセットアップをして」といった指示を打ち込んで実行します。

@fbs-to-agy-export.md

firebaseStudioからantigravityexportの頭文字。その説明があるファイル(markdown)を読んでもらうためのコマンドです。

AIが自動で必要な設定を書き換えてくれるので、終わるまで少し待ちましょう。

AIエージェントが処理の許可を訪ねてくるので、その都度「Run」や「Process」のボタンを押して許可をしてあげてください。

※デフォルトでは、処理に対して一回一回、ユーザーが許可を行うシステムになっている為

コマンドを打つのが怖い

AIにお願いするだけなので、黒い画面に詳しくなくても大丈夫です!

STEP
再起動して完了!

すべての処理が終わったら、Antigravityを一度閉じて、もう一度開き直してください。

これで移行作業はすべて完了です。お疲れ様でした!


なぜ再起動が必要なの?

新しい設定をシステムに読み込ませるための、最後の仕上げのようなものなので、忘れずに行いましょう!


移行後の「これどうすればいい?」を解決(Q&A)

無事に移行できても、見慣れないファイルが増えていて驚いたかもしれません。よくある疑問をまとめました。

GitHubへの保存(push)は今まで通りで大丈夫?

はい、全く問題ありません!むしろ、増えたファイルも一緒に保存しておくのがベストです。

新しく増えた以下のファイルは、Antigravityで動かすために必要な「正当な更新」です。

  • .agents/ フォルダ: AIがあなたのプロジェクトを理解するための「手順書」です。
  • skills-lock.json: AIが使う「特殊なスキル」の定義ファイルです。
  • package.json の変更: Windowsなどでも正しく動くようにAIが調整してくれたものです。

これらを保存しておくことで、次にプロジェクトを開いた時もAIがスムーズに動いてくれます。

移行に使った「.md」ファイルや「brain」フォルダはどうすればいい?

そのままで大丈夫です!ネットに勝手に上がる心配もありません。

移行中に使われた「brain」というフォルダの中身は、あなたのパソコンの中にだけ保存されています。意図的にコピーしない限り、GitHubなどに公開されることはないので安心してください。

元々あったStudioのファイルは消えちゃったの?

いいえ、削除されていません。

studio.json.idx/ といった、以前の環境で使っていたファイルもしっかり残っています。

Antigravityはこれまでの設定を壊すのではなく、「今までの良さを活かしつつ、さらにAIで便利にする機能」を付け加えただけなので、安心してくださいね。


まとめ:新しい環境で「Vibe Coding」を楽しもう!

お疲れ様でした!これでFirebase StudioからAntigravityへの引っ越しは完了です。

最初は少し戸惑うかもしれませんが、「困ったらAIエージェントに相談する」というスタイルは変わりません。

むしろ、Antigravityになったことで、より高度なプログラム作成やテストが楽に行えるようになっています。

最後にこれだけは忘れないでください!

  • 移行が終わったら、Antigravityを一度再起動しましょう。
  • 保存(Commit & Push)する時は、「Antigravity export」といったメッセージを付けておくと後で分かりやすいですよ!

さあ、新しくなった環境で、あなたのアイデアをどんどん形にしていきましょう!

Tomoya

再起動を忘れずに!


終わりに

今回の移行作業、本当にお疲れ様でした!

長年使ってきたツールを変えるのは少し勇気がいりますが、一歩踏み出してみれば、Antigravityという強力な相棒があなたの開発をさらに加速させてくれるはずです。

Firebase Studioが教えてくれた「AIと一緒に形にする楽しさ(Vibe Coding)」は、環境が変わっても消えません。

Tomoya

むしろ、これからが本番です!

もし移行中に「ここがうまくいかない」「このファイルはどうすればいい?」といった疑問が出てきたら、ぜひコメントやSNSで教えてください。みんなで新しい開発のスタンダードを作っていきましょう。

次回は、Antigravityをもっと使いこなすための「AIエージェントへの指示出し(プロンプト)のコツ」をお届けする予定です。お楽しみに!

Tomoya

ベージュの背景が中央の黒い垂直線で二分されている。左側には「Firebase Studio」というテキストと、青いブロックの上にオレンジと黄色の炎のような形のFirebase Studioのロゴ。右側には青い矢印で移行を示し、「Antigravity」というテキストと、雲のような黒い背景に青から赤へグラデーションするAの形をしたAntigravityのロゴが描かれている。
Firebase StudioからAntigravityへのサービス移行を視覚的に表現。旧サービスから新サービスへの進化を示しています。
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

始めまして。このブログを運営するTomoyaです。
未経験個人開発者。AI×個人開発(Vibe Cording)で学習して参入してくれる人が増えて広がっていくと良いなと思って始めました。

実際に作成→デプロイ(公開)→運営を行ってそれについての問題や疑問を記録していきます。
また行っていく上で内容(セキュリティ・制限など)にもこだわっていきたいなと思っています。

コメント

コメントする

目次