翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。
AWS App Studio には、アプリケーション構築の高速化に役立つ生成 AI 機能がサービス全体に含まれています。このチュートリアルでは、自然言語を使用してアプリを記述することで、AI を使用してアプリを生成する方法について説明します。
AI を使用してアプリケーションを生成することは、アプリケーションのリソースの多くが自動的に作成されるため、構築を開始するのに最適な方法です。通常、空のアプリから開始するよりも、既存のリソースを使用して生成されたアプリから構築を開始する方がはるかに簡単です。
注記
ブログ記事「Build enterprise-grade applications with natural language using AWS App Studio (preview)
App Studio が AI を使用してアプリを生成すると、説明したアプリに合わせた以下のリソースを使用してアプリが作成されます。
-
ページとコンポーネント: コンポーネントは、アプリケーションのユーザーインターフェイスの構成要素です。テーブル、フォーム、ボタンなどの視覚的要素を表します。各コンポーネントには独自のプロパティセットがあり、特定の要件に合わせてコンポーネントをカスタマイズできます。ページはコンポーネントのコンテナです。
-
自動化: 自動化を使用して、アプリケーションの動作を管理するロジックとワークフローを定義します。たとえば、オートメーションを使用して、データテーブル内の行を作成、更新、読み取り、または削除したり、Amazon S3 バケット内のオブジェクトとやり取りしたりできます。また、データ検証、通知、他のシステムとの統合などのタスクを処理するためにも使用できます。
-
エンティティ: データは、アプリケーションを強化する情報です。生成されたアプリケーションは、テーブルに似たエンティティを作成します。エンティティは、顧客、製品、注文など、保存して操作する必要があるさまざまなタイプのデータを表します。App Studio コネクタを使用して、これらのデータモデルを AWS サービスや外部 APIsなどのさまざまなデータソースに接続できます。
目次
前提条件
開始する前に、以下の前提条件を確認して完了してください。
-
AWS App Studio へのアクセス。詳細については、「AWS App Studio のセットアップとサインイン」を参照してください。
-
オプション: 「」を確認してAWS App Studio の概念、App Studio の重要な概念を理解します。
ステップ 1: アプリケーションを作成する
アプリを生成する最初のステップは、作成するアプリを App Studio の AI アシスタントに記述することです。生成されるアプリケーションを確認し、必要に応じて反復してから生成できます。
AI を使用してアプリを生成するには
-
App Studio にサインインします。
-
左側のナビゲーションで、ビルダーハブを選択し、+ アプリの作成を選択します。
-
AI を使用してアプリを生成するを選択します。
-
アプリ名 フィールドで、アプリの名前を指定します。
-
「データソースの選択」ダイアログボックスで、「スキップ」を選択します。
-
生成するアプリの定義を開始するには、テキストボックスに記述するか、サンプルプロンプトでカスタマイズを選択します。アプリを記述すると、App Studio はアプリの要件と詳細を生成して確認できるようにします。これには、ユースケース、ユーザーフロー、データモデルが含まれます。
-
テキストボックスを使用して、要件と詳細に満足するまで、必要に応じてアプリで反復処理します。
-
アプリを生成してビルドを開始する準備ができたら、アプリの生成を選択します。
-
オプションで、新しいアプリ内を移動する方法を詳しく説明した短い動画を表示できます。
-
アプリの編集 を選択して、アプリの開発環境に入ります。
ステップ 2: 新しいアプリケーションを調べる
開発環境には、次のリソースがあります。
-
アプリケーションを表示または編集するために使用するキャンバス。キャンバスは、選択したリソースに応じて変わります。
-
キャンバスの上部にあるナビゲーションタブ。タブについては、次のリストで説明します。
-
ページ: ページとコンポーネントを使用してアプリケーションの UI を設計する場所。
-
自動化: 自動化でアクションを使用してアプリのビジネスロジックを定義する場所。
-
データ: エンティティ、そのフィールド、サンプルデータ、およびデータアクションを定義して、アプリケーションのデータモデルを定義する場所。
-
アプリ設定: エンドユーザーのページのロールベースの可視性を定義するために使用されるアプリロールなど、アプリの設定を定義する場所。
-
-
左側のナビゲーションメニュー。表示しているタブに基づくリソースが含まれています。
-
Pages and Automations タブで、選択したリソースのリソースとプロパティを一覧表示する右側のメニュー。
-
ビルダーの下部に警告とエラーを表示するデバッグコンソール。生成されたアプリにエラーが存在する可能性があります。これは、Amazon Simple Email Service で E メールを送信するなどのアクションを実行するために設定されたコネクタを必要とするオートメーションが原因である可能性があります。
-
AI ビルダーアシスタントからコンテキストに応じたヘルプを取得するための AI チャットウィンドウを尋ねる。
Pages、Automations、Data タブについて詳しく見てみましょう。
ページとコンポーネントを調べる
ページタブには、生成されたページとそのコンポーネントが表示されます。
各ページは、ユーザーが操作するアプリケーションのユーザーインターフェイス (UI) の画面を表します。これらのページには、必要なレイアウトと機能を作成するためのさまざまなコンポーネント (テーブル、フォーム、ボタンなど) があります。
左側のナビゲーションメニューを使用して、ページとそのコンポーネントを表示する時間を確保してください。ページまたはコンポーネントを選択すると、右側のメニューでプロパティを選択できます。
オートメーションとアクションを調べる
Automations タブには、自動と生成されたアクションが表示されます。
自動化は、データエントリの作成、表示、更新、削除、E メールの送信、APIs や Lambda 関数の呼び出しなど、アプリのビジネスロジックを定義します。
左側のナビゲーションメニューを使用して、自動化を表示する時間を確保してください。オートメーションを選択すると、右側の Properties メニューでそのプロパティを表示できます。オートメーションには、次のリソースが含まれています。
-
自動化は、アプリのビジネスロジックの構成要素である個々のアクションで構成されます。オートメーションのアクションは、左側のナビゲーションメニュー、または選択したオートメーションのキャンバスで表示できます。アクションを選択すると、右側のプロパティメニューでそのプロパティを表示できます。
-
オートメーションパラメータは、データがオートメーションに渡される方法です。パラメータはプレースホルダーとして機能し、自動化の実行時に実際の値に置き換えられます。これにより、毎回異なる入力で同じオートメーションを使用できます。
-
自動化出力は、自動化の結果を設定する場所です。デフォルトでは、オートメーションには出力がないため、オートメーションの結果をコンポーネントやその他のオートメーションで使用するには、ここで定義する必要があります。
詳細については、「オートメーションの概念」を参照してください。
エンティティを使用してデータを調べる
データタブには、生成されたエンティティが表示されます。
エンティティは、データベース内のテーブルと同様に、アプリケーションのデータを保持するテーブルを表します。アプリケーションのユーザーインターフェイス (UI) とオートメーションをデータソースに直接接続する代わりに、まずエンティティに接続します。エンティティは、実際のデータソースと App Studio アプリの間の仲介として機能します。これにより、データを 1 か所で管理してアクセスできます。
左側のナビゲーションメニューからエンティティを選択して、生成されたエンティティを表示する時間を確保します。以下の詳細を確認できます。
-
設定タブには、エンティティ名とそのフィールドが表示され、エンティティの列を表します。
-
データアクションタブには、エンティティで生成されたデータアクションが表示されます。コンポーネントとオートメーションは、データアクションを使用してエンティティからデータを取得できます。
-
サンプルデータタブにはサンプルデータが表示され、開発環境でアプリをテストするために使用できます (外部サービスと通信しません）。環境の詳細については、「アプリケーション環境」を参照してください。
-
Connection タブには、エンティティが接続されている外部データソースに関する情報が表示されます。App Studio は、DynamoDB テーブルを使用するマネージドデータストレージソリューションを提供します。詳細については、「AWS App Studio のマネージドデータエンティティ」を参照してください。
ステップ 3: アプリケーションをプレビューする
App Studio でアプリケーションをプレビューして、ユーザーにどのように表示されるかを確認できます。また、この機能を使用してデバッグパネルでログをチェックすることで、その機能をテストすることもできます。
アプリケーションプレビュー環境は、ライブデータの表示や、データソースなどのコネクタを使用した外部リソースへの接続をサポートしていません。代わりに、サンプルデータとモック出力を使用して機能をテストできます。
テスト用にアプリケーションをプレビューするには
-
App Builder の右上隅で、プレビューを選択します。
-
アプリのページを操作します。
次のステップ
最初のアプリケーションを作成したら、次のステップをいくつか示します。
-
イメージを含む別の入門チュートリアルについては、ブログ記事「Build enterprise-grade applications with natural language using AWS App Studio (preview)
」を参照してください。 -
アプリケーションは、コネクタを使用してデータを送受信したり、外部サービス ( サービスとサードパーティー AWS サービスの両方) と通信したりします。コネクタの詳細と、アプリケーションを構築するようにコネクタを設定する方法を知る必要があります。コネクタを管理するには、管理者ロールが必要です。詳細についてはコネクタを使用して App Studio を他のサービスに接続するを参照してください。
-
エンドユーザーへのアプリのプレビュー、公開、および最終的にの共有の詳細については、「」を参照してくださいアプリケーションのプレビュー、公開、共有。
-
実践的なエクスペリエンスのために生成したアプリを引き続き探索して更新してください。
-
アプリケーションの構築の詳細については、「」を参照してくださいBuilder ドキュメント。具体的には、以下のトピックが役立つ場合があります。
