Google AI スタジオ Google AI Studioの使い方 ローカル環境で動かすまで

2025年11月7日

使い方

Google AI Studioは、Googleが提供する無料の生成AI開発プラットフォームで、以下のようなことができる

  • 最新のAIモデル（Geminiなど）を試せる：テキスト、画像、音声、動画など、マルチモーダルなAIモデルを使える
  • プロンプトだけでアプリ開発：コードを書かなくても、Webアプリのプロトタイプを作れる「Build機能」もある
  • リアルタイム音声対話：Stream機能で、AIと音声で会話できる
  • ファイルの要約・分析：テキスト、画像、動画、音声ファイルを読み込んで、要約や分析ができる
  • 外部サービスとの連携：APIキーを発行して、他のアプリやシステムに組み込むことも可能

直感的な操作簡単な日本語での指示で使えるから、プログラミングの知識がなくてもノーコードで大丈夫！

Google AI Studio
Google の ID でログインします

Bananimate

試しにこのアプリを使ってみます

イメージをアップロードします

バナナボタンを押します

出来上がった動画は

自分で作ってみる

アプリの要件を入力

  • 左側メニューから「Build」タブを選択します。
  • 作成したいアプリの要件を自然言語で記述します。
  • 必要に応じて画像やファイルを添付して具体性を高めます。

コード生成とプレビュー

  • プロンプトを送信すると、AI Studioが自動的にコードを生成します。
  • プレビュー機能でアプリの動作を確認し、必要ならプロンプトを修正して再生成します。+ボタンを押すと画像やテキストをアップロードすることができます。気に入るまで繰り返します。

プログラムを動かしながら修正していきます

使用できる API

nanobananaのAPIなどがあります

ローカルで動かす

右上のダウンロードボタンを押しZIP ファイルをダウンロードします

Node.jsインストールしておくこと。（npxコマンドを使用するために必要）

Install dependencies:
Set the GEMINI_API_KEY in .env.local to your Gemini API key
Run the app:

cd unicode-escape-sequence-converter
npm install
npm run dev

  ➜  Local:   http://localhost:3000/
  ➜  Network: http://192.168.1.158:3000/

コントロールボタンを押しながらURL クリックすると開くことができます

API が必要なアプリの場合は Google に行ってAPIキーを取得して書き換えてください

Cloud Run にデプロイする

🚀ボタンをクリックする

公共的に公開することになるので API キーを使ったアプリはやめた方が良いと思います

その他

以前は自分で保存しないと保存されませんでしたか今は自動保存機能が付いたようです

お得&便利

Posted by eightban