11,069 文字
GoogleがFirebase Studioをリリースしました。AIを使ってコーディングをしたい方にとって、これはかなり大きな出来事です。Cursorという別のAIコーディングアプリについて聞いたことがあるかもしれませんが、これは年間経常収益が100万ドルから1億ドルに最速で成長したアプリで、大きな成功を収めた非常に人気のあるアプリです。Firebase Studioもこれに似ていますが、後ほど説明するように、潜在的にはもっと多くの機能を持っています。さらに無料です。GoogleのモデルをAPIとして使用するには料金を支払う必要があるかもしれませんが、無料で使える組み込みモデルもあります。
無料で使いやすいという特徴により、世界中の誰もが「ヴァイブコーディング」やAIコーディング（何と呼ぶにせよ）に参入し、簡単にプロトタイプを作成してアプリを公開することができます。ひとつずつ見ていきましょう。
まず第一に、これは完全にウェブベースです。こんな感じに見えます。複雑すぎると思われるかもしれませんが、これは高度なビューです。基本的なビューはチャットボットのようなもので、非常に簡単なやり取りができます。これはコードビューです。
ご覧のように、Cursorのようなものを試したことがあれば、少し馴染みがあるでしょう。基本的にはVS Codeをベースにしています。VS Codeはオープンソースのソフトウェアで、IDEつまり統合開発環境です。これを使うとコーディングができ、ターミナルから様々なものを実行できます。これは基本的にVS Codeで、完全にウェブブラウザで動作します。
ここで見えるすべてのもの、ターミナルを使ってコマンドを実行したり、このコンピュータ上のファイルを操作したりするものは、すべてウェブブラウザ内で動作しています。どのコンピュータからでも、Googleアカウントにアクセスできれば、ログインして作業を継続でき、すべてが保存されます。他の人と共有することもできます。Google CollabやGoogle Driveなどを使ったことがあれば、多くの部分が非常に似ています。
もちろんGitHubと統合されているので、バージョン管理ができ、GitHubにすべてをアップロードしたり、様々なリポジトリをクローンしたりできます。そして、デフォルトで開かれているこれがあります。これはGeminiとのチャットです。Cursorではコンポーザーと呼ばれていると思います。基本的にはモデルを選択して何をするべきかを伝え、それが実行されます。コードを追加し、必要な様々なファイルを作成し、トラブルシューティングを行うなどです。
ここでは多くのことを行うと決め、「ファイルを変更内容で更新しますか？」と聞いています。Cursorを使ったことがあれば、多くの部分が馴染みがあるでしょう。新機能はこの小さなタブ、Firebase Studioにあります。ご覧のように、これに付随する多くの機能があり、それが興味深いです。Firebaseでウェブアップをホストしたり、Cloud Runにデプロイしたり、GeminiのAPI機能を追加したり、Google Mapsを追加したり、ジオロケーションを使い始めたりできます。
手短に言うと、三目並べをプレイする小さなアプリを作るように指示してみましょう。それを入力して、「AIでプロトタイプを作成」をクリックします。これはデフォルトのビュー、プロトタイプビューです。ご覧のように、以前に使ったことのある他のチャットボットと非常によく似ています。何かを言うと、それに応答し、小さな設計図のようなものを作成します。「これはあなたが探しているものですか？ここにいくつかの機能があります。ここにカラースキームとレイアウトがあります」というような感じです。
変更を加えたい部分を説明できます。例えば「緑と青にして、決して赤にしないでください。黄色がいいです」など、好きなように指定できます。でもカラースキームに満足したとしましょう。「このアプリのプロトタイプを作成」をクリックすると、実際に必要なコードが作成されます。
ここでも、まだその高度なビューではありません。新しい人や、VS Codeに慣れていない人、または開発やコーディングに深く関わりたくない人のために、そういったものを抽象化する素晴らしい方法です。すべては裏側で動いていますが、内部の仕組みをすべて見る必要はなく、トップレベルの情報だけが表示されます。
これでエラーをチェックし、小さなウェブアプリを作成しました。おそらく1分もかからなかったと思います。Xと○を置くことができます。実は「knots and crosses（結び目と十字）」と呼ばれるようになりましたが、イギリス風になってしまいました。でもグリッドがまだ見えません。
ここで注意すべきことがあります。1、2日使ってみましたが、リリース初日特有の問題がたくさんあります。少し物足りなさを感じた人もいますが、理解できます。少し使いにくいところがあります。実際に高速化するためにすべきことをお見せします。プラグアンドプレイのような感じですぐに使い始めようとすると、少し問題があります。
この特定の機能を別の三目並べで示すのに苦労したので、ここで紹介します。これは「注釈」機能です。クリックすると、こういった描画ウィンドウが表示されます。鉛筆を選択して、赤色で「tic-tac-toe」を消して、代わりに「The XO」などと書いてみましょう。そして「描画を送信」をクリックします。
私の美しい落書きがアシスタントに直接送信され、変更が加えられようとしています。テキストを入力せず、そこに何かを落書きしただけであることに注目してください。ご覧のように、「The XO」に変更されました。別のものも試してみましょう。緑色のこのボタンを丸で囲み、矢印を指して「赤」と書きます。これはかなり曖昧だと思いますが、何をしたいのかを理解できるか見てみましょう。
テキストを赤に変更するというのは面白いですね。こう試してみましょう。このボタンを丸で囲み、矢印を指して「青いボタン」と書きます。できるか見てみましょう。最初の試みでは、ボタンが消えてしまいました。基本的に背景と同じ色になりました。もう一度追加してみます。
見ての通り、当たり外れがあります。これは興味深い機能で、以前にTLDDR、正確にはtl Drawというアプリで似たようなものを見たことがあります。ホワイトボードに何かを落書きして、このボタンをクリックすると現実のものになります。GeminiかOpenAIのAPIキーが必要です。なぜなら、ある程度の知能が必要だからです。ただし、実際にはここのブラウザ内でコーディングされます。
この機能は、完全に動作するようになれば、非常に便利で興味深いものになり、単に描くだけでアプリに変更を加える簡単な方法になるでしょう。現時点ではまだ当たり外れがあります。前のアプリではできませんでしたが、断続的には機能することをお見せしたかったのです。これはプレビュー版なので期待値を下げてください。しかし、完全に開発されれば素晴らしい機能になるでしょう。
このままアプリを公開したい場合は、「公開」をクリックします。すると「Firebaseアプリホスティングを使用してアプリケーションをオンラインでホストします」と表示され、これらの手順に従うだけです。これがプロジェクト名で、アプリホスティングは従量課金制のサービスなので、クラウド請求アカウントをリンクする必要があります。数秒後にロールアウトを作成でき、アプリが構築されデプロイされます。これには最大10分かかることがあります。
ご覧のように、非常にシンプルなプロセスで、バックグラウンドでは様々な分析やアプリの動作状況を確認できるツールがあります。明らかにこの三目並べアプリは非常にシンプルですが、非開発者が迅速にプロトタイプを作成し、文字通り数分でオンラインに公開できる能力はすごいです。プロトタイプの構築にどれだけ時間がかかるかによりますが、シンプルなものであれば数分で済みます。シンプルなアプリのアイデアがあれば、おそらく1時間以内に公開でき、人々がオンラインで訪問して使用できるようになります。
約10分後、「knots and crosses」ゲームのライブロールアウトが世界を席巻する準備ができました。見てみましょう。ここにあり、動作しています。オンラインで利用可能です。実際の作業時間は数分で、バックグラウンドで10分ほどアプリを展開していました。バックエンドではリアルタイムの分析を見ることができ、アプリのパフォーマンスを確認できます。残念ながらまだバイラルにはなっていませんが、時間をかけてください。
繰り返しますが、ここには多くのパワーがあります。このツールはまだ100％準備ができているわけではなく、解決すべき特定の問題があります。初日リリースであり、ベータ版なので、期待値を少し下げてください。すべてを最初から完璧に行うわけではありません。しかし、ご覧のように、非常に迅速かつ簡単に、多くを知らなくてもプロトタイプを作成してオンラインに公開することができます。ほんの数回のボタンクリックだけです。
これにより、オンラインでアプリのプロトタイプを作成して公開したいほぼ誰にでもアクセス可能になります。同じ問題を解決しようとする他のアプリや他のスタートアップがあることは承知していますが、これはGoogleです。大きなリーチを持ち、無料で、開発と改善を継続すれば、これはかなり大きな話題になる可能性があります。時間が経てば分かりますが、ここでの可能性は巨大です。
多くの人々がFirebase Studioで何を構築しているかを投稿しています。ここに Paul Covert (@itsPaulAI) という素晴らしいハンドル名の人がいます。彼は一発でテーマやトピックをマインドマップに変換するアプリを作成できたようです。最初に任意のテーマやトピックをマインドマップに変換するアプリを要求すると、Firebaseはまず設計図のようなものを提供します。基準をすべて受け入れると、構築が始まります。
ご覧のように、基本バージョンと高度なバージョンの2つがあります。基本バージョンはプロトタイピングアプリで、手順を案内し、手助けします。いわゆるウィザードのようなものです。もう一方の高度なバージョンはコードです。こんな感じに見えます。多くの同じ機能があり、基本的にこれはCursorです。Cursorではコンポーザーと呼ばれるものが右側にあり、そこで好きなモデルとチャットでき、すべてのコードを実行します。
しかしデフォルトではここから始まるのではなく、プロトタイプアプリから始まります。指示を与えると、この設計図を提供し、変更を加えたりアプリのプロトタイプを作成したりできます。その後、すべてのコードの構築を開始し、作成した仮想ブラウザ内でそのアプリをレンダリングします。これは非常に便利です。
現時点では、これが本当に光っている部分です。Pythonなどを使って何かを作成したい場合、それは良いです。基本的にVS Codeなので多くのことができますが、リリース初日の時点では、まだいくつかの問題があります。まだすべての場所で完全に機能しているとは言えません。これは機能し、素晴らしいものです。その他の部分は、彼らが開発を続け、機能を追加し、それが確実に動作するようにすることを期待しています。それは本当に素晴らしいものになる可能性があります。
ここに私たちの小さなマインドマップがあります。自律型AIエージェントがどのように機能するかに基づいて作成されました。それはかなり素晴らしいです。様々な点をドラッグして視覚的なマインドマップを作成し、接続することができます。それは素晴らしいです。そして「公開」をクリックすると、アプリを公開できます。
まだ何も公開していません。プロトタイピング部分だけをいじっていましたが、Googleがこれをどこに持っていくのか見るのは非常に興味深いでしょう。彼らが何かを行い、それを開発し続けると、しばしばそれは絶対に信じられないほど素晴らしいものになります。Googleが開始した開発サイクルの非常に初期に試したいくつかのプロジェクトが、ある種の放棄されたGoogleプロジェクトの墓場に埋められ、忘れられ、捨てられました。彼らにはそれなりの理由があることは理解していますが、彼らがこれを開発し続け、構築できることを本当に期待しています。これは人々にとって非常に便利なものになる可能性があります。過剰に期待はしません。まだそこにはありませんが、これは美しいものになる可能性があります。
これはまだPaul Covertです。彼はコードモードに切り替えたようです。ご覧のように、基本的にはVS Codeです。VS Codeはオープンソースソフトウェアなので、この左側全体がそうです。唯一異なるのは右側で、Cursorが行ったことです。彼らはコンポーザーと呼ぶものを追加し、そこで一対一でモデルとチャットし、これらのものを構築するのを助けています。これは間違いなく非常に似ています。
ここにChong Yuがいます。Chong Universityのようなアカウントなのでしょうか？そうであれば、素晴らしい名前です。彼をフォローしなければなりません。これが私のレーダーに引っかかった最初の時です。AIとMLの博士号を持っているようです。彼はMCPを作りました。これはAnthropicのプロトコルで、様々なモデルを任意のソフトウェアに接続するためのものです。この場合、彼はUnreal MCPを作成し、Unreal Engineに接続しました。Flappy Birdのクローンを作ったようです。
もしなぜこのような奇妙な話に脱線したか疑問に思われたなら、チャンネルへの歓迎のために少し時間を取りたかったのです。私の名前はWes Rothで、AIについて扱っています。ADHDがあるのでこのようなことがよく起こりますが、必ず軌道に戻るか、ただ無意味にさまよっている部分を編集で切り取ります。
彼はFirebase内で3GJSを使用して3Dスネークゲームを作成しました。リリース初日には、何かを作成するのに苦労しました。非常に基本的なスネークゲームを作成し、他のものも作成できましたが、とても苦労していました。多くのアクセスがあり、いくつかの問題があったと思います。2日目には、かなり簡単になったようです。はるかに良く機能していたようです。
これはコードビューなので、これは私が最も使用していたものです。ご覧のように、彼は「3Dスネークゲームを作成しましょう」と言っています。それは続き、構築を続けています。多くのやり取りがあり、問題や課題があるようです。「main.jsを修正してください」と言っています。組み込みのGeminiモデルを使用しているようです。私はこのツールに何かをさせるのに非常に苦労しました。2.5 Proに切り替えるとすぐに改善しましたが、いくつかのやり取りの後、3Dスネークゲームが完成したようです。
これは明らかに早送りされていますが、彼は「もう一度、食べ物とヘビがグリッドに合っていません、修正してください」と言っています。これは正しいモデルを使用していないことによるものだと本当に思います。組み込みモデルに何が起きているのか分かりませんが、うまく機能していません。しかし、多くのやり取りをしても、彼はそれを達成できたようです。
ここにJuan Stopaがいて、実際に動作するテトリスゲームを作ったようです。「これは非常に基本的に見えるけど、何が大したことなの？」と思うかもしれませんが、このツールは強力になる予定です。現時点ではベータ版と考え、いくつかの制限があります。人々はまだそれをテストし始めたばかりです。数日経って、彼らが改善し、いくつかの問題を修正し、人々がそれを使う方法を理解すれば、このツールは本当のパワーを持つようになるでしょう。
それでは自分で試してみましょう。Firebase Studioです。「こんにちは、Wes」「何を作りたいですか？」と聞いてきます。チップ計算機、レシピジェネレーター、ERPダッシュボード、経費追跡などのオプションが提供されています。まず大きなことからやってみましょう。モデルがシンプルなことをできることは分かっています。少し汗をかかせてみましょう。
4人プレイヤーのボンバーマンスタイルのゲームを作成してください。これを覚えていますか？4人のプレイヤーが走り回り、数秒後に爆発する爆弾を置くゲームでした。様々なパワーアップや、爆弾で壊さなければならないブロックがありました。上から見下ろすビューのゲームで、プレイヤーは上下左右に動き、爆弾を置くことができ、おそらく2秒後に爆発します。壊せないブロックと壊せるブロックがあり、爆弾は4方向に爆発し、障害物で止まります。ランダムに出現し、プレイヤーが拾うことができる5つのパワーアップを作成し、プレイヤー1は人間が操作し、残りはAIにしてください。
このシステムは長い間オーバーロードと表示していましたが、今は消えたようです。しかし、これをクリックするとまたそのメッセージが表示されるのではないかと思います。何が起こるか見てみましょう。良いスタートを切りました。小さなFirebaseが光るアイコンが表示されています。ゲームの様々な機能、パワーアップシステム、AIの相手、爆弾の配置と爆発、プレイヤーの動きについて考えています。スタイルガイドラインのようなものがあります。アニメーションも素晴らしいです。
何を構築するかについての小さな説明を提供し、「このアプリのプロトタイプを作成」をクリックするか、実際に変更を加えることができます。色を追加できるのでしょうか？今は提案された内容でいきましょう。必要なものすべてを取り込んでいると思います。
そしてコーディングが始まります。興味深いことに、使用しているモデルはフラッシュモデルの一つで、画面に一瞬表示されました。緑色の爆弾と赤色の爆弾を爆発させているようです。
これが進行中です。1つの問題があります。動作しています。基本的に爆風を作成します。赤いものは壊せるブロックで、壊せないブロックもあります。あっ、自分を罠にはめてしまいました。12の問題があります。
これは興味深いです。ゲームをプレイしながら、問題を把握しているようです。このブラウザ内ですべてをレンダリングしているので、特定の事柄に注釈を付けることができます。12の問題があります。実際には、得ている様々なエラーを記録しています。もう一度実行して、動作することを確認してみましょう。すべて良好です。炎は少しの間残ります。
エラーを検出したというポップアップが表示され、修正するか、「コードを編集」をクリックすると、このIDE、この開発環境が開き、コードを変更できます。すべてをロードしています。Gemini 2.5 Proを使用しているようです。これは本当に優れたモデルで、かなりの強力なモデルです。
開始した場所に戻りましょう。いくつかのワークスペースを保存しているようです。他の人と共有することもできるようです。それはかなり素晴らしいです。Googleが何かを正しく構築するとき、彼らは本当に正しく構築します。
しかし、ここで問題なのは、他のプレイヤーがプレイしていないことです。「他の3人のプレイヤーをAIにプレイさせてください」と言ってみましょう。基本的に彼らのためのスクリプトを作成してください。私が知りたい一つのことは、どのモデルを使用しているのか、2.5 Pro実験モデルを使用しているのかどうかです。
興味深いことに、エラーをチェックしています。私が動き始めると、他の誰かも動き始めるでしょうか？いいえ、そうではないようです。「他のプレイヤーはまだ動きません」と言います。このボタンはプロトタイパーからコードに切り替えます。これまでのところ、プロトタイピングでは良い結果を得られていません。「Gemini 2.5 Pro実験版を使用します」と言って、もう一度試してみましょう。「4人プレイヤーのボンバーマンスタイルのゲームを作成し、自律的にプレイさせてください」と言います。
これは彼の試みです。変更することができませんでした。すべてを再起動しましょう。これは基本的にVS Codeです。見た限りではほぼ同一か、非常に似ています。VS Codeの再構築です。オープンソースなので、おそらくまさにそれが彼らがしたことです。
複数のワークスペースを持つことができるようです。ウェブ、バックエンド、モバイル、AI、ML、データベース、その他、ソリューションなど、いくつかのテンプレートがあります。空のワークスペースから始め、「Bomberman 2」と呼びましょう。
これで再起動しました。新しいインストールです。「4人プレイヤーのボンバーマンゲームを作成し、自律的にプレイするようにしてください」と言います。「どのプログラミング言語を使用したいか指定してください」と聞かれるので、今回はPythonを試してみましょう。それがより良くなるかもしれません。
推奨のPython拡張機能をインストールするかどうか聞かれています。これは素晴らしいです。やりましょう。これはVS Codeであり、すべてがその上で動作しています。統合されたGeminiシステム、Geminiコーディングモデルが統合されたVS Codeであり、その中ですべてを実行しています。pip installを実行し、ターミナルを実行し、必要なものをインストールできるようです。これはかなり素晴らしそうです。
実行できるか見てみましょう。そこで先走りしてしまったようです。必要なものをpip installできるわけではないようです。「必要なものをpip installできますか？」と聞いてみましょう。pipを使用してパッケージをインストールする能力はないようです。Claude Codeはまだその点では少し先を行っています。しかし、必要なパッケージをここに追加することはできます。
「はい、必要なパッケージをリストアップしてください」と言います。あなたが単にすべてを私のためにやってくれることを期待していました。まだそこまでは至っていません。残念ながら、Pythonを実行するには、基本的にすべてをインストールする必要があります。
しばらく試した後、ようやく何か基本的なことをさせることができました。これは自律的なスネークゲームで、スコアシステムを持っています。これは単純なプロンプトで、どのモデルでもできるはずですが、ここに到達するのに時間がかかりました。まず第一に、2.5 Proモデルを選択することが重要です。デフォルトでは組み込みモデルを使用しますが、私のテストでは基本的に何もできませんでした。APIキーを追加し、2.5 Proを選択すると、物事が進み始めました。
別のことを試してみましょう。「自律的にプレイする4人プレイヤーのボンバーマンゲームを作成してください」。どのようになったか見てみましょう。自律的なボンバーマン、できました。これは素晴らしく見えます。すべてのプレイヤーがいますが、彼らは動いていません。なぜ動かないのでしょうか？自律的というのは、動くということを意味しています。
完了していないようです。「分かりました、続けます」と言っています。続行をクリックするか、続けるように指示する必要があるようです。特定のループを行いますが、停止し、入力を待ち、それから続行します。ゲームを壊すようなことをしました。ウェブのレンダリングを見て修正できるか確認してみたいと思います。単に「エラーメッセージがありました」と言うだけにします。すると「エラーメッセージを無視します」と返答しました。これは奇妙です。
ここに貼り付けてみましょう。アポストロフィを誤って配置したためにゲームが壊れました。これは興味深いですね。基本的に、アポストロフィをエスケープして表示されないようにする必要があります。そのため修正しました。
結論に進みますが、このツールで自律的なボンバーマンを作成することはできませんでした。興味深いことに、それはモデル自体とは関係がないと思います。それは単に周囲のすべてのソフトウェアに関係していると思います。2.5 Proモデルであれば、それを簡単に実現できると完全に信じています。
現時点でのFirebase Studioには大きな可能性があります。これはプレビュー版で非常に興味深く、期待できる多くの要素がありますが、今日の時点では、発表から48時間も経っていませんが、まだ使用する準備はできていません。余りにも多くの問題や奇妙な使いづらさ、問題があり、それが私がそれを使い続け、実験し続けることを妨げています。
それにもかかわらず、アイデア自体は非常に興味深いです。Google Collabのように、ウェブ上ですべてを行い、複数のワークスペースを持ち、それらを他の人と共有し、非常に簡単にデプロイし、アプリをオンラインにプッシュし、リアルタイム統計を追跡し、分析を取得できるというアイデアはすべて非常に魅力的です。Cursorの無料の代替品があるという事実は興味深いです。当面はCursorを使い続けますが、これがそれに追いつき、おそらくCursorと同じくらい良くなるまでそれほど遠くないと本当に思います。再度、誰がより速く、より良く開発するかを見ていきましょう。
私の総括と最終的な考えは、Googleがこれをリリースしたことに非常に興奮しているということです。これは間違いなく良い方向に進んでいると思います。彼らが引き続きそれを磨き、正しい機能を追加し、確実に動作するようにすれば、このツールは非常に優れたものになると思います。特に、最終的に自分のターミナルコマンドを実行できるようになり、Anthropic Claude Codeのようにより多くのエージェントとして機能し、すべてのインストールなどをすべて処理してくれるようになればさらに良いでしょう。
これがあなたのコンピュータを壊す可能性は、クラウド内の自身のワークスペースで動作しているため、少し軽減されています。コンピュータを爆発させることはなく、より自己完結型なので、おそらくもう少し多くのパワーを与えて、物事をインストールし、独自のコマンドを実行するなどの試みをすることができるでしょう。繰り返しますが、非常に刺激的で興味深いアイデアですが、数週間後か1、2か月後に戻って確認するつもりです。
コメント