Opal(Google Labs)の紹介～ミニAIアプリ構築～

KIYO

2025年11月15日 09:57

１．概要

　Opalは「自然言語/ノーコードでミニAIアプリを構築」するツールです。本記事ではハンズオンで体験してみます。

　現在Googleでは様々なサービスが公開されております。他事例は以下の通りです。

１－１．Google Labsとは　

　Google Labsは、アイデアを迅速にプロトタイプ化し、市場の反応を直接テストするため実験場です。

１－２．Opalとは

　自然言語からAI「ミニアプリ」を構築するツール であるOpal はプログラミングコードを一切書くことなく、自然言語を使ってAIを搭載した「ミニアプリ」を構築し、共有できる実験的なツールです。

　Opaでは、複数のAIへの指示（プロンプト）、AIモデルの呼び出し、その他のツール（例：Web検索）を連鎖させる」プロセスを、視覚的なインターフェースと自然言語の指示だけで完結できます。

１－３．Opalでできること

　Opalでできることは以下の通り。

自然言語でのアプリ作成
ワークフローの構築と視覚化
アプリの共有

１－４．他ツールとの比較

　前回紹介したGoogle Workspace Flowsで紹介しています。OpalとFlowsの違いは以下の通り。

Opal
・目的：AIを含むツールを利用したアプリ
・共有：組織外

Flows
・目的：Google Workspace内のアプリ間の自働化
・共有：組織内

２．環境構築

　下記からログインするだけです。

３．Quickstart

　Opalをとにかく触ってみます。

　まずは「誕生日から歴史的出来事を調べるミニアプリ」を作成します。

３－１．新規作成/UI確認

　ログイン後の最初にダッシュボードが表示されます。下にはギャラリーがあり、Googleが作成したデモ用ミニアプリのコレクションです。
　右上のCreate Newボタンから新規アプリ作成が可能です。

　新規アプリを作成すると２つの画面が出ます。

【エディタ画面（左）】

ビジュアルエディタ: メインの作業領域。ここに「ノード」と呼ばれる機能ブロック（例：「User Input」「Generate」）を配置し、それらを線でつなぐことで、アプリの「ワークフロー」構築。
自然言語エディタ: 画面下部にあるチャット入力欄。ここに「バナー画像に基づいて256x256のソーシャル画像を追加するステップを加えて」といったプロンプトを入力すると、自動でノードが追加・編集されます。

【サイドバー（右）】

ノードを非選択時: エディタの背景をクリックしている状態では、サイドバーにはアプリ全体のPreview画面や、アプリの見た目を変更する「Theme」の変更オプションが表示されます。
ノードを選択時: キャンバス上の特定のノード（例：「Generate」ノード）をクリックすると、サイドバーがそのノードの詳細設定に切り替わります。

　それではアプリを作成していきます。まず画面左上の「Untitled Opal app」をクリックし、名前を「Birthday History App」に変更します。

３－２．User Inputノード

　アプリを使う人が入力するためのノードとして「User Inputノード」を追加します。手順は以下の通り。

エディタ上部にあるUser Inputボタンをクリック
キャンバスに追加された「User Input」ノードをクリックして選択
画面右側のサイドバーが、このノードの設定画面に切り替わる
「Prompt」入力欄に、このアプリの利用者に尋ねたい質問を入力
- 入力テキスト: 「あなたの誕生日はいつですか？ (例: 7月4日)」

３－３．Generate ノード

　Opal内でAI処理をするための「Generateノード」を追加します。手順は以下の通り。

エディタ上部のGenerateボタンをクリック
キャンバスにGenerateノードが追加。このGenerateノードを選択
サイドバーの「Prompt」入力欄に、AIに実行させたい複雑な指示を入力

[入力するプロンプト例]
ユーザーの誕生日は [User Input] です。
 [too]を使って、その日付に起きた歴史的な出来事を1つ見つけてください。
ただし、お祝いのような、楽しくてポジティブなイベントを探してください。

　ノード作成が完了したら、「User Input」ノードの右側にある接続ポイント（●）をマウスでクリックしたまま、「Generate」ノードの左側にある接続ポイントまでドラッグし、線を接続します。
　これにより、「ユーザーの入力を受け取ったら、次にGenerate（AI処理）を実行する」というワークフローが定義されました。

３－４．Output ノード

　結果を出力するためのノードとして「Outputノード」を追加します。手順は以下の通り。

エディタ上部のOutputボタンをクリック
「Generate」ノードの右側から、「Output」ノードの左側へ、同様に線をドラッグして接続
「Output」ノードを選択
サイドバーで出力タイプを「webpage with auto-layout」（AIによる自動レイアウト）に設定
- AIが最終結果をリッチなWebページとして自動デザイン

３－５．プレビューと実行

　ミニアプリが作成できたので、動作検証します。

エディタの背景（ノードがない部分）をクリック
サイドバーに「Preview」セクションが表示
プレビューウィンドウ内の「Start」ボタンをクリック
ステップ2で設定した「あなたの誕生日はいつですか？」が表示される
「7月4日」と入力して送信
Opalが「Generate」ステップ（Web検索とAIによる文章生成）を実行し、最終的に「Output」ステップ（Webページ生成）の結果と画像や説明文と共に表示されれば成功です。

４．応用例

　追って（あまりいい事例がない）

５．チュートリアル

あとがき

　自分は今のところは、Google Workspace Flowsで十分かな。
　どちらにしろ、欲しい出力がだせるAIを作ることが課題かな

参考資料

改正履歴

2025年11月15日：初版発行