生成 AI によるアプリケーション生成を体感 ! AWS App Studio のはじめ方

• データ入力フォームや一覧など、ユーザーが操作するアプリケーションの画面です。データを入力するためのテキストボックスやデータ登録を指示するためのボタンなど、画面の構成要素に当たる Component を配置します。
• 画面間でのデータ授受や画面上で入力された値を後述する Automation に渡す場合、 Parameter を利用します。

画像をクリックすると拡大します

• アプリケーションのビジネスロジックを定義します。 E メールの送信、データレコードの作成、Lambda 関数の呼び出し、API の呼び出しなど、特定の処理を実行する単一もしくは複数の Action で構成されます。

• Trigger は Automation をいつ、どのような条件で実行するかを決定します。 Trigger は 画面上のボタンなどの Component に割り当てられ、ボタンをクリックした際などに Automation を実行します。

画像をクリックすると拡大します

• Amazon Aurora や Amazon DynamoDB などのデータソースとアプリケーションの仲介をするデータモデルです。データの項目や型を定義する Field、データを検索して返す Query、Connector を介して接続するデータソースの列と Field を対応づける Mapping が含まれます。

• アプリケーション開発時に利用するサンプルデータを保持します。Field 定義に応じたサンプルデータを自動で生成可能です。
  

画像をクリックすると拡大します

また AWS App Studio で開発するアプリケーションは Connector を介して Amazon Aurora や Amazon DynamoDB など他の AWS サービス、またはサードパーティのサービスに接続します。Connector はデータストアへの接続だけでなく、API の呼び出しにも利用します。

画像をクリックすると拡大します

こちらの図は作成したアプリケーションをテスト環境および本番環境へ公開する Publish Center です。テスト環境と本番環境それぞれにアプリケーションの URL が提供されていることがわかります。

画像をクリックすると拡大します

AWS App Studio の利用を開始するため、インスタンスを作成します。 AWS Organizations の管理下にない AWS アカウントにログインします。AWS マネジメントコンソールで App Studio と検索し、ランディングページで「開始」を押下します。

なお、AWS App Studio のインスタンスはすべての AWS リージョンで 1 つのみ作成可能です。 既に AWS App Studio のインスタンスがいずれかのリージョンに存在する場合、別のリージョンでインスタンスを作成する前に既存インスタンスを削除する必要があります。

画像をクリックすると拡大します

”新規の AWS IAM Identity Center アカウントインスタンスを利用する” 場合、「自分用のアカウントインスタンスを作成」を選択します。

画像をクリックすると拡大します

次に AWS App Studio の Admin および Builder のユーザー情報を入力します。入力後は確認事項をチェックした上で「設定」ボタンを押下します。

本記事の執筆にあたり私が生成した AWS App Studio インスタンスは 30 分程度で作成が完了しました。

画像をクリックすると拡大します

Admin および Builder として入力したユーザーのメールアドレスに対し、AWS IAM Identity Center から招待メールが届きます。

「Accept invitation」を押下し、表示された画面でパスワードを設定の上でサインアップを行います。

画像をクリックすると拡大します

また、アプリケーションの利用者に当たる App User の登録をします。

”新規の AWS IAM Identity Center アカウントインスタンスを利用する”場合、AWS App Studio のインスタンス作成と並行して AWS IAM Identity Center インスタンスも作成されます。AWS マネジメントコンソールで IAM Identity Center と検索し、IAM Identity Center の画面で AWS App Studio アプリケーションを利用するユーザーとユーザーが所属するグループを作成します。図は App Studio ユーザーというグループに taro sakai というユーザーが所属している状態です。

AWS IAM Identity Center でのユーザーとグループの作成方法は IAM Identity Center で ID を管理する をご確認ください。

画像をクリックすると拡大します

AWS App Studio インスタンスの作成が完了するとインスタンスへアクセスするための URL が提供されます。

URL にアクセスし、AWS App Studio の利用を開始します。

画像をクリックすると拡大します

次に　AWS IAM Identity Center で作成した AWS App Studio アプリケーションを利用するユーザーが所属するグループを AWS App Studio で App User として利用するための紐付けを行います。

この画面が表示されましたら、左側のメニューから「Roles」を押下します。

画像をクリックすると拡大します

画面右上の「+ Add group」を押下し、以下の通り入力の上で「Add」を押下します。

• Group identifier で AWS IAM Identity Center にて作成した AWS App Studio アプリケーション利用者用グループを選択
• Role で「App User」を選択

画像をクリックすると拡大します

• AWS App Studio 画面左側のメニューから「Builder hub」を選択します
• 表示された画面右上の「+ Create app」を押下します
• App name を入力し、「Generate an app with AI」を選択の上、「Next」を押下します
  

画像をクリックすると拡大します

本記事では AWS App Studio が管理する Connector を利用し、アプリケーション作成を進めます。画面右下の「Skip」を押下します。

画像をクリックすると拡大します

次の画面では自然言語でアプリケーションを記述し、生成 AI を用いたアプリケーション生成を行います。アプリケーションの記述は自由入力だけでなく、IT 資産管理や承認フローなどのよくある業務に対するサンプルも利用可能です。生成 AI によって作成されたアプリケーションを修正する形での開発は、一からアプリケーションを開発する方法に比べて開発期間の短縮や学習コストの削減につながります。

画面左下のテキストボックスにアプリケーションの記述を入力し、矢印を押下します。

画像をクリックすると拡大します

アプリケーションの記述を入力すると、生成 AI はアプリケーションに求められる要件とおおまかな機能仕様を出力します。アプリケーションに求められる要件はユースケース、想定する利用者の操作、データモデルなどです。おおまかな機能仕様はアプリケーションの概要、主な機能、機能の使用方法などです。

それらの内容を確認し、アプリケーションの要件に沿っている場合は画面右下の「Generate app」を押下し、アプリケーションを生成します。修正をする場合は再度アプリケーションの記述を入力します。

画像をクリックすると拡大します

こちらの図の通り無事にアプリケーションが生成されました。Page や Automation、Entity などの構成要素を色々と探索してください !

画像をクリックすると拡大します

実際に操作可能なアプリケーションの画面が表示されました。一覧表での検索やデータ登録など、アプリケーションの動作を確認することができます。

なお、プレビュー環境のアプリケーションは外部サービスと接続しません。Entity が保持するサンプルデータやモックで定義する擬似的な API 応答を利用します。

画像をクリックすると拡大します

プレビュー環境での確認が完了した後、テスト環境にアプリケーションを公開し、外部サービスと連携した最終的なテストを行います。

テスト環境へアプリケーションを公開するには、画面右上の「Publish」を押下します。表示された画面で該当バージョンの説明を入力し、画面右下の「Start」を押下します。

画像をクリックすると拡大します

テスト環境へのアプリケーションの公開が成功した場合、図のような通知メールが送信されます。

「View app」を押下してテスト環境のアプリケーションに接続可能です。

画像をクリックすると拡大します

テスト環境にアクセスするための URL は Publish Center でも確認できます。

Publish Center の表示は画面右上の Publish 右側の▼を押下します。

画像をクリックすると拡大します

テスト環境に公開したアプリケーションは外部サービスと連携します。以下の ITAssetManagement アプリケーションは AWS App Studio が管理する Connector を介し、Amazon DynamoDB テーブルをデータソースとして利用しています。

画像をクリックすると拡大します

テスト環境でのテストが完了した後、本番環境にアプリケーションを公開し、エンドユーザーに提供をします。本番環境へのアプリケーションの公開は Publish Center で実施します。

Publish Center の表示は画面右上の Publish 右側の▼を押下します。Publish Center ではテスト環境を示す Testing と本番環境を示す Production の間の「Publish」を押下します。

画像をクリックすると拡大します

本番環境へのアプリケーションの公開が成功した場合、このような通知メールが送信されます。 「View app」を押下して本番環境のアプリケーションに接続可能です。本番環境にアクセスするための URL は Publish Center でも確認できます。

画像をクリックすると拡大します

最後に本番環境へ公開したアプリケーションをエンドユーザーに共有するため、以下の操作を実施します。

• 画面上部の「Share」を押下します
• 「Production」タブを選択します
• GROUPS で App User が所属するグループを選択します
• 「Share」 ボタンを押下します

画像をクリックすると拡大します