Google AI Studioでアプリ作成する手順｜Web・Androidの作り方と注意点を解説

作りたいツールがあっても、開発環境の用意で止まってしまう。そうした場面を飛ばせるのがGoogle AI Studioです。ブラウザを開いて指示を書くだけで、動くアプリがその場に生成されます。

扱えるのはWebアプリだけではありません。ネイティブのAndroidアプリまで作成でき、実機へのインストールやテスト配信まで同じ画面から進められる構成になっています。

この記事では、Google AI Studioでアプリを作る準備から、Webアプリ・Androidアプリそれぞれの手順、成果物の質を上げるプロンプトの書き方、店舗ビジネスでの活用例、公開前に確認したい注意点までを順に整理します。

Google AI Studioとは？アプリ作成でできること

Geminiを試して、そのままアプリに変えられる環境

Google AI Studioは、Googleが提供する開発者向けの環境です。ブラウザ上でGeminiのモデルに指示を出して応答を確かめたり、設定を調整したりできるほか、そこで得た結果をコードやアプリへつなげられます。

従来は、環境構築、コーディング、動作確認という工程を別々のツールで行う必要がありました。AI Studioではプロンプトの入力から公開までを1つの画面で完結できるため、試して直すまでの往復が短くなります。

コードを書ける人がプロトタイプを高速に作る用途にも、コードを書かない人がアイデアを形にする用途にも使えます。どちらの立場でも、最初の一歩を踏み出すハードルが下がる点が特徴です。

Build機能で作れる2種類のアプリ

Buildと呼ばれるモードでは、プラットフォームを選んでからアプリを生成します。選択肢はWebアプリとネイティブAndroidアプリの2種類で、それぞれ生成される構成が異なります。

• Webアプリ（既定）：クライアント側はReact、サーバー側はNode.jsのフルスタック構成
• Androidアプリ：KotlinとJetpack Composeを使った標準的なプロジェクト構成

Webアプリではサーバー側の処理を持てるため、外部への安全な呼び出しやデータベース接続まで含めた形が作れます。サーバーを含む構成が最初から用意される点が、単純なコード生成との違いです。

出典：Google AI for Developers「Google AI Studio でアプリを構築する」

Gemini Canvasとの使い分け

GeminiのチャットにもCanvasという作成機能があり、こちらは思いついた場で試すのに向いています。準備が要らず、生成された画面をすぐ操作できる手軽さが利点です。

AI Studioが優位に立つのは、社外の人に使ってもらう段階まで進める場合です。デプロイして公開する、Androidアプリとして配信する、といった出口が用意されている点が判断の分かれ目になります。

Google AI Studioでアプリを作る準備

必要なものはGoogleアカウントとブラウザ

利用開始にあたって、専用ソフトのインストールは不要です。Googleアカウントでサインインし、ブラウザからアクセスすれば作業を始められます。

Androidアプリを作る場合も、Android SDKやAndroid Studioを手元に入れる必要はありません。エミュレータがクラウド上で動き、ブラウザに表示される仕組みになっています。

出典：Android Developers Blog「Google AI Studio でネイティブ Android アプリを構築する」

料金の考え方と無料枠

Gemini APIには無料で使える範囲が設けられており、個人の試作や学習であれば費用をかけずに始められます。画面上で動きを確かめる段階では、支払い情報の登録も求められません。

費用が発生するのは、作ったアプリを公開して継続的に使う段階です。利用量に応じた課金になるため、想定する利用者数から概算を出しておくと予算の見通しが立ちます。

無料枠の範囲や課金条件は変更されることがあります。公開に進む前に、その時点の最新の内容を確認しておくほうが安全です。

着手前に決めておきたい3つのこと

生成を始める前に、次の3点を決めておくと手戻りが減ります。プロンプトの精度は、事前の整理でほぼ決まります。

• 使う人：自分だけか、社内の複数人か、社外の人か
• 使う端末：パソコンか、店頭のスマートフォンかタブレットか
• 扱うデータ：個人情報や機密が含まれるか、含まれないか

3つ目に該当する項目がある場合は、入力してよい情報の範囲を先に確認しておきます。作り始めてから判断すると、途中で止まることになります。

Webアプリを作る手順

STEP1：Buildを開いてプラットフォームを選ぶ

AI Studioにアクセスし、左側のナビゲーションからBuildのモードへ移動します。プラットフォームの選択でWebアプリを選べば、そのまま入力欄に進めます。

既定はWebアプリのため、特に変更しなければWeb側の構成で生成されます。Androidアプリを作りたい場合のみ、ここで切り替えます。

STEP2：プロンプトで要件を伝える

作りたいものを日本語で入力します。最初から完成形を書き切る必要はなく、中心となる機能を一文で伝えるところから始めるほうが結果は安定します。

実行すると、エージェントがファイル構成を含めたアプリ全体を生成します。画面とコードが同時に用意されるため、生成後すぐに動作を確認できます。

STEP3：プレビューで動作を確認する

生成されたアプリを実際に操作し、想定どおりに動くかを確かめます。見た目よりも、入力の順番を変えたときの挙動や、空欄のまま進めた場合の反応を優先して確認します。

この段階で気づいた点は、具体的な操作と結果をセットで書き留めておきます。修正指示を出すときに、そのまま使える材料になります。

STEP4：チャットまたは画面指定で修正する

修正の方法は2通りあります。チャットで文章として伝える方法と、アプリの画面上で対象の部分を指定して変更内容を書く方法です。後者は、位置を言葉で説明する手間が省けます。

「このボタンの色を変えて」といった依頼でも、対象を画面上で示せるため意図が伝わりやすくなります。細かな調整を重ねる段階では、この方法が効率的です。

STEP5：共有・デプロイして公開する

完成したものは、他の人と共有したりクラウド上へデプロイして公開したりできます。公開に進む場合は、対象のプロジェクトを選び、支払い情報の設定を済ませておく必要があります。

Gemini APIを使うアプリでは、APIキーがサーバー側の秘密情報として扱われます。コードに直接書き込まずに済む構成になっているため、鍵が利用者側に渡る心配を抑えられます。

公開後はURLで共有できます。ブラウザで動くWebアプリのため、ホーム画面からの起動や通知を求められた場合は、サイトをアプリ化するメリットとは？PWAやWebアプリとの違い・費用を解説も参考に、別の形式を検討することになります。

Androidアプリを作る手順

プラットフォームでAndroidを選ぶ

Buildモードのプラットフォーム選択でAndroidを指定し、作りたいアプリの説明を入力します。「端末内にデータを保存する日次のタスク管理アプリ」といった粒度で伝えれば、プロジェクトが生成されます。

生成されるのはGradleを使う標準的な構成で、後からAndroid Studioに引き継いで開発を続けることもできます。試作から本格開発への移行を想定した作りになっている点が特徴です。

ブラウザ内のエミュレータで確認する

生成が終わると、ブラウザに埋め込まれたエミュレータでアプリが起動します。クラウド上で動作しているため、手元の端末に開発環境を用意する必要はありません。

修正の進め方はWebアプリと同じで、チャットから指示を出します。エージェントがプロジェクト内の複数ファイルをまとめて扱うため、変更がコード全体に反映されます。

実機にインストールして試す

USBケーブルでAndroid端末を接続すると、AI Studioから直接インストールできます。実際の端末で操作すると、画面サイズや指での操作性など、エミュレータでは見えない点が確認できます。

店頭で使うツールであれば、実際に使う端末で試す工程は省略しないほうが安全です。手袋をしたまま押せるか、明るい場所で文字が読めるかといった観点は、実機でしか判断できません。

Google Playの内部テストへ公開する

Google Playのデベロッパーアカウントがあれば、AI Studioからテスト用の配信まで進められます。アプリの登録情報が自動で作成され、パッケージが内部テストのトラックへアップロードされます。

配信されるのは内部テストの範囲に限られ、本番リリースはPlay Console側で管理する必要があります。一般公開を目指す場合は、審査への対応や掲載情報の整備が別途必要になります。

出典：Google AI for Developers「Google AI Studio で Android アプリを構築する」

成果物の質を上げるプロンプトのコツ

目的・利用者・端末を先に書く

冒頭に「誰が、どこで、何のために使うか」を置くと、生成されるものの方向性が安定します。同じ在庫管理でも、事務所のパソコンで使う場合と売場のスマートフォンで使う場合では、適した画面が変わります。

利用する端末の指定は特に効果があります。スマートフォンで使うと書くだけで、ボタンの大きさや入力欄の配置の前提が切り替わります。

機能は箇条書きで、優先度をつけて渡す

文章で長く説明するより、必要な機能を項目として並べたほうが漏れが減ります。入力する項目、表示する内容、計算のルールを分けて書くと、認識のずれが起きにくくなります。

必須の機能と、あれば良い機能を分けて伝えます。中心の機能だけで動く版を先に作る進め方にすると、確認と修正の単位が小さく保てます。

デザインの方向性を具体化する

指定がないまま生成すると、標準的な見た目になります。配色の系統、文字の大きさ、余白の広さ、参考にしたい雰囲気を言葉で伝えると、意図に近づきます。

店頭で使うものなら、明るい場所でも読みやすい配色といった実用面の条件を加えます。使用環境を伝えると、装飾より機能を優先した設計になります。

画面指定の修正を使い分ける

全体の構成を変えたいときはチャット、細部を直したいときは画面上での指定、という使い分けが効率的です。対象を限定して伝えるほど、直してほしくない部分への影響を抑えられます。

一度に複数の変更を頼むと、片方だけ反映される結果になりがちです。1回の指示につき1つの変更を基本にすると、確認も簡単になります。

動く版を保存しながら進める

作り込むほど、以前の状態に戻したい場面が出てきます。うまくいった段階のコードは書き出して残しておくと、試行錯誤を続けやすくなります。

同じ指示を出しても、まったく同じものが再現されるとは限りません。戻れる場所を作っておくことが、長い作業では前提になります。

店舗ビジネスでの活用例

社内の業務ツールとして使う

紙やスプレッドシートで処理している作業は、置き換えの候補になります。開店前の点検チェックリスト、清掃記録、備品の発注管理などは画面数が少なく、試作との相性がよい領域です。

原価率の計算ツールも実用性の高い例です。材料費と販売価格を入力すると利益率が出る仕組みがあれば、メニュー改定の検討をその場で進められます。

こうしたツールは、担当者が変わっても使い続けられるかどうかで価値が決まります。作った目的と使い方を短く書き添えて共有しておくと、社内に定着しやすくなります。

販促の試算・検証ツールとして使う

クーポンの割引率と想定利用数から、粗利への影響を試算する画面が作れます。企画段階で複数の条件を並べて比較できると、感覚ではなく数字で判断できるようになります。

実際に配布するクーポンそのものは、既存の仕組みを使うほうが管理が楽になります。作り方と配布手段は電子クーポンの作成方法とは？作り方・配布手段・効果を高めるコツで整理しています。

顧客向けサービスの試作として使う

予約の受付画面や、来店前に希望を入力してもらうフォームなど、顧客が触れる部分の試作にも使えます。実際の画面を見せながら社内で議論できるため、要件が固まりやすくなります。

本番の予約受付として使うかどうかは別の判断になります。運用まで含めた検討材料は飲食店・美容室・クリニック必見！アプリ予約システムのメリットと導入のコツにまとめています。

Google AI Studioでアプリを作るときの注意点

入力する情報の範囲を決めておく

顧客の個人情報、取引条件、未公開の売上データをそのまま入力してよいかは、社内の方針として決めておく必要があります。プランや設定によってデータの扱いは変わります。

利用範囲と禁止事項を文書にしておくと、担当者ごとの判断のばらつきを防げます。試すこと自体を止めるより、線引きを明確にするほうが活用は進みます。

公開前にセキュリティの観点で確認する

生成されたコードは動いているように見えても、想定外の入力に弱い場合があります。社外の人が使うアプリを公開するなら、脆弱性の観点での確認は避けて通れません。

IPAが公開している資料には、届出の多い脆弱性と対策が整理されています。入力値の扱いやセッション管理といった基本的な項目だけでも、公開前に照らし合わせておくと事故を減らせます。

出典：IPA 独立行政法人 情報処理推進機構「安全なウェブサイトの作り方」

APIキーと費用を管理する

アプリの中でAIの機能を使う場合、実行のたびに利用料が発生します。試している間は少額でも、利用者が増えると想定を超える場面があります。

上限の設定と利用状況の確認を運用に組み込んでおきます。どの規模まで許容できるかを先に決め、超えた場合の対応まで想定しておくと安心です。

保守を担う人を決めておく

業務で継続して使うなら、不具合が出たときに直せる人が必要です。作った本人がコードを読めない場合、担当者の異動とともに誰も手を入れられない状態になります。

運用に乗せる前に、内容を確認できる人と、確認する頻度を決めておきます。判断が難しい場合は、外部に見てもらう費用も含めて検討します。

顧客向けアプリは作って終わりにならない

集客に必要な機能は試作の延長では届かない

来店客に使ってもらうアプリでは、会員登録とデータ管理、ポイントやクーポンの発行、来店を促す通知といった機能が求められます。これらは1つずつが継続的な運用を伴う仕組みです。

通知ひとつをとっても、許諾の取得、配信の設計、開封率の検証という工程が続きます。実務の進め方はプッシュ通知の開封率の平均は？開封率を上げる方法と配信時の注意点で解説しています。

リピート施策として定番のスタンプやポイントも、貯まる条件と特典の設計が成果を左右します。考え方はスタンプカードアプリのメリットとは？集客を最大化する導入のコツで確認できます。

作る範囲と任せる範囲を分ける

自社で使う小さなツールはAI Studioで素早く作り、顧客に配信するアプリは既存のプラットフォームを使う。この分け方にすると、どちらも無理のない形で運用できます。

プラットフォームを使えば、iOSとAndroidの両対応やOSアップデートへの追従、ストア申請まで含めて任せられます。オンラインから来店につなげる設計はO2Oアプリとは？店舗集客のメリットや主要機能・成功のポイントが参考になります。

まとめ｜AI Studioは試作を速くし、運用は体制で決まる

Google AI Studioを使えば、環境構築なしでWebアプリとAndroidアプリを作れます。生成、確認、修正、公開までが1つの画面でつながっているため、試して直すまでの時間が大きく短縮されます。

進め方の要点をまとめると、次の4点になります。

• 使う人・使う端末・扱うデータを、着手前に決めておく
• 中心の機能だけで動く版を作り、確認しながら足していく
• 修正は範囲を限定し、うまくいった版は書き出して残す
• 公開前に、情報の扱いとセキュリティの観点で確認する

社内で使うツールであれば、この流れだけで十分な成果が出ます。判断が変わるのは、不特定多数の顧客に配信するアプリを用意する場面です。

会員管理、通知、ストア審査、継続的な保守まで必要になると、作る作業より運用を続ける体制のほうが重くなります。自社で担う範囲と任せる範囲を分けたうえで、手段を選んでみてください。

STEP 1 会社名・氏名（必須）

次へ進む →

この記事を監修した人

店舗アプリ アプリ開発・集客コンサルティング

店舗アプリ公式。累計1,000社以上の導入実績を誇る店舗アプリ構築プラットフォーム。 単なる集客に留まらず、リピーター創出による売上最大化を得意としている。

＞＞運営メディアトップへ

関連記事

その他、業種 2026.08.27

飲食店DXとは？メリット・進め方・成功事例とおすすめツールをわかりやすく解説

その他、業種 2026.08.27

アプリ運用とは？保守との違い・業務内容・費用相場と成果を出す体制づくりを解説

その他、業種 2026.08.27

販促活動とは？種類と手法一覧・進め方の5ステップと効果測定のポイントを解説

その他、業種 2026.08.27

Geminiでアプリ作成する方法3選｜Canvas・AI Studioの使い方と注意点を解説

その他、業種 2026.08.27

ChatGPTでアプリ作成する方法4選｜Canvas・GPTs・Apps SDKの使い分けと注意点

その他、業種 2026.08.27

Gemini Canvasでアプリ作成する手順｜作れるものと限界・プロンプトのコツを解説

もっとみる