Zenn
🛠️

Google AI Studio で 作成したアプリをワンクリックで Cloud Run にデプロイ

に公開
初心者
Cloud Run
tech
Google Cloud
tech

はじめに

こんにちは、クラウドエースの高牟礼です。
皆さんは「こんな AI アプリがあったら便利なのに…」と、ふとアイデアが浮かんだことはありませんか？

最近の AI は非常に賢く、面白い応答を簡単に得られます。ですが、それを自分だけで楽しむのではなく、誰もが使える Web アプリとして形にし、世界に公開するまでには、

  • API を呼び出すコードを書き、
  • UI（見た目）を作り、
  • サーバー（インフラ）を準備し、
  • 公開（デプロイ）する

といった、意外と多くの手間と時間がかかりますよね。アイデアを思いついても「いざ作るとなると、ちょっと腰が重いな…」と感じるのも無理はありません。

しかし、Google が提供する「 AI Studio 」が、アイデアを形にするまでの道のりを驚くほど短くしてくれます！
AI Studio を使えば、ブラウザ上の操作だけで、アイデアを思いついてからわずか数分で、 Web アプリとして公開できます！

実際に Google AI Studio を使った AI アプリの作成から、ボタン一つで Cloud Run にデプロイするまでの具体的な手順をお届けします。

Google AI Studio とは？

今回の主役のツールである「 Google AI Studio 」は Google が提供する生成 AI 開発プラットフォームで、Google の最新 AI モデルを、ブラウザ上ですぐに試すことができます。
https://aistudio.google.com/welcome
目的に応じて主に4つの機能が用意されています。

  • 💬 【Chat】　AI と自由に対話できます。
  • 🌊 【Stream】　音声や映像を使ってリアルタイムに AI と対話できます。
  • 🎨 【Generate Media】　プロンプトから画像などを作ることができます。
  • 🛠️ 【Build】　様々なアプリを組み立ててくれます。

今回、 Web アプリを作るために使うのが、 Build 機能です！

アプリを作成する手順

ここからは実際にアプリを作成した手順をご紹介します。

1. Google Cloud アカウントの作成とプロジェクトの紐付け

まずは Google Cloud アカウントを作成してください。
下記の公式ドキュメントを参考にしてください。

Google Cloud を使ってみる

Google AI Studioにアクセスします。

右上の「 Get API Key 」をクリックしてください。

「+ API キーを作成」をクリックし、既存の Google Cloud プロジェクトで API キーを作成してください。

Cloud Run にデプロイする場合、こちらで指定したプロジェクトが適用されます。

2. Google AI Studio のメニューから「Build」を開く

AI Studio の左側のメニューから「 Build 」をクリックしてください。

テンプレートも用意されていますが、今回は簡単にアプリが作成できることを説明するために、
中央の入力ボックスに直接指示を書き込んでいきます。

3. プロンプトを入力する

中央の入力ボックスに作りたいアプリのプロンプトを入力します。
どんなプロンプトを書けばいいのか思いつかない時は、Google AI Studio の chat 機能を使ってプロンプト自体を作成してもらう手もあります。
今回は、シンプルで簡単なアプリを作成してもらいました。

ユーザーに、元気が出るポジティブなアドバイスを、日本語で「今日のあなたへ：」から始めて30文字以内で返すアプリを作成してください。

具体的な UI イメージなどがある場合は、➕ボタンからファイルや画像の添付もできます。
プロンプトを作成し終えたら、「 Run prompt 」ボタンをクリックしてください。

4. コードが生成される

プロンプトを基に、ファイルとコードが作成されていきます。

右側の「 Preview 」から指示通りにアプリが作成されているか確認してみてください。
結果を調整したい場合は、左下の入力ボックスからプロンプトを入力できます。

アプリの作成はこれまでの手順だけです。
APIを呼び出すコードを書く必要も、 UI をデザインする必要もありません！

5. Cloud Run にデプロイする

Web アプリとして公開するために Cloud Run にデプロイします。
画面右上にある🚀ボタンをクリックします。

「 Deploy App 」をクリック。

少し待つだけで Cloud Run にアプリがデプロイされます。

Cloud Run のコンソールを確認するとデプロイされていることが確認できました。

URL にアクセスすると、アプリがデプロイされていることが確認できました！

まとめ

これまでの手順を通して、AI Studio の Build 機能の強力さを体験してきました。
ここで一度、そのメリットと、どのような方に特におすすめできるかを整理してみました。

メリット

  1. 圧倒的な開発スピード

    アイデアを思いついてから、 Web アプリとして公開するまでが数分から数十分で完了します。

  2. プログラミングのハードルが低い

    アプリの核となるロジックを、 Python や JavaScript といったプログラミングコードではなく、
    私たちが普段使う自然言語のプロンプトで構築できます。

  3. 面倒なインフラの自動化

    本来であれば手間のかかるサーバー設定、コンテナ化、デプロイといった作業が不要です。

  4. 無料で始められる手軽さ

    Google Cloud の無料枠が充実しているため、コストの心配をせず、気軽に試せる点も魅力です。

こんな人には特におすすめ！

  • アイデアを素早く検証したい企画者の方
  • プログラミングの「楽しさ」を体験したい初学者・学生の方
  • インフラを扱うのが面倒だと思う方
  • 開発の生産性を上げたい方

注意点

AI Studio からデプロイした Cloud Run サービスは、インターネット上からアクセスできる公開状態です。
これ自体は通常の Web サイトと同じですが、裏側で Gemini API を呼び出す AI アプリの場合、大量のアクセスがあると意図せず高額な料金が発生してしまう可能性があります。
もし本格的なアプリケーションとして公開したい場合は、追加のセキュリティ設定が必要です。
この記事で紹介した方法は、あくまで個人利用、学習、プロトタイピングの範囲で楽しむものと捉えてください。

終わりに

Google AI Studio を実際に使ってみて、その手軽さとスピード感に純粋に驚きました。
これまでの一般的な開発プロセスを振り返ってみると、

  1. 環境構築
  2. サーバーサイドとバックエンドの開発
  3. Dockerfile を記述してコンテナ化
  4. Docker イメージをビルドして Artifact Registry などにアップロード
  5. Cloud Run のサービスを設定し、コンテナをデプロイ

これら一つ一つの工程で、専門的な知識と多くの時間が必要でした。
では、今回 AI Studio の Build 機能で主に行ったことは何だったかというと、

  1. ブラウザでプロンプトを書く
  2. 🚀（デプロイ）ボタンを押す

たったこれだけです！
誰でも簡単に AI アプリ開発ができます。
ぜひ AI Studioを開いて、あなた自身のユニークなアイデアで遊んでみてください！

Discussion