翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# チュートリアル: AI を使用してアプリを生成する
<a name="getting-started-tutorial-ai"></a>

AWS App Studio には、アプリケーション構築を高速化するために、サービス全体で生成 AI 機能が含まれています。このチュートリアルでは、自然言語を使用してアプリを記述することで、AI を使用してアプリを生成する方法について説明します。

AI を使用してアプリケーションを生成することは、アプリケーションのリソースの多くが自動的に作成されるため、構築を開始するのに最適な方法です。通常、空のアプリケーションから開始するよりも、既存のリソースを使用して生成されたアプリケーションから構築を開始する方がはるかに簡単です。

**注記**  
ブログ記事[「Build enterprise-grade applications with natural language using AWS App Studio (preview)](https://aws.amazon.com/blogs/aws/build-custom-business-applications-without-cloud-expertise-using-aws-app-studio-preview)」を参照してください。このブログ記事には、管理者関連のリソースの設定と設定に関する情報も含まれていますが、必要に応じてアプリケーションの構築に関する部分に進むことができます。

App Studio が AI でアプリを生成すると、説明したアプリに合わせた以下のリソースでアプリが作成されます。
+ **ページとコンポーネント**: *コンポーネント*は、アプリケーションのユーザーインターフェイスの構成要素です。テーブル、フォーム、ボタンなどのビジュアル要素を表します。各コンポーネントには独自のプロパティセットがあり、特定の要件に合わせてコンポーネントをカスタマイズできます。*ページ*はコンポーネントのコンテナです。
+ **自動化**: *自動化*を使用して、アプリケーションの動作を管理するロジックとワークフローを定義します。たとえば、オートメーションを使用して、データテーブル内の行を作成、更新、読み取り、または削除したり、Amazon S3 バケット内のオブジェクトとやり取りしたりできます。これらを使用して、データ検証、通知、他のシステムとの統合などのタスクを処理することもできます。
+ **エンティティ**: データは、アプリケーションを強化する情報です。生成されたアプリケーションは、テーブルに似た*エンティティ*を作成します。エンティティは、顧客、製品、注文など、保存して操作する必要があるさまざまなタイプのデータを表します。App Studio コネクタを使用して、これらのデータモデルを AWS サービスや外部 APIsなどのさまざまなデータソースに接続できます。

**Contents**
+ [前提条件](#getting-started-tutorial-ai-prerequisites)
+ [ステップ 1: アプリケーションを作成する](#getting-started-tutorial-ai-steps-create-application)
+ [ステップ 2: 新しいアプリケーションを調べる](#getting-started-tutorial-ai-steps-explore)
  + [ページとコンポーネントを調べる](#getting-started-tutorial-ai-steps-explore-pages)
  + [オートメーションとアクションを調べる](#getting-started-tutorial-ai-steps-explore-automations)
  + [エンティティを使用してデータを探索する](#getting-started-tutorial-ai-steps-explore-data-entities)
+ [ステップ 3: アプリケーションをプレビューする](#getting-started-tutorial-ai-steps-preview)
+ [次の手順](#getting-started-tutorial-ai-next-steps)

## 前提条件
<a name="getting-started-tutorial-ai-prerequisites"></a>

開始する前に、以下の前提条件を確認して完了してください。
+  AWS App Studio へのアクセス。詳細については、「[AWS App Studio のセットアップとサインイン](setting-up.md)」を参照してください。
+ オプション: を確認して[AWS App Studio の概念](concepts.md)、App Studio の重要な概念を理解します。

## ステップ 1: アプリケーションを作成する
<a name="getting-started-tutorial-ai-steps-create-application"></a>

アプリを生成する最初のステップは、作成するアプリを App Studio の AI アシスタントに記述することです。生成されるアプリケーションを確認し、必要に応じて反復処理してから生成できます。

**AI を使用してアプリを生成するには**

1. App Studio にサインインします。

1. 左側のナビゲーションで、**ビルダーハブ**を選択し、**\$1 アプリの作成**を選択します。

1. **AI でアプリを生成する**を選択します。

1. **アプリ名** フィールドで、アプリの名前を指定します。

1. **「データソースの選択**」ダイアログボックスで、**「スキップ**」を選択します。

1. 生成するアプリの定義を開始するには、テキストボックスに記述するか、サンプルプロンプトで**カスタマイズ**を選択します。アプリを記述すると、App Studio はアプリの要件と詳細を生成して確認できるようにします。これには、ユースケース、ユーザーフロー、データモデルが含まれます。

1. テキストボックスを使用して、要件と詳細に満足するまで、必要に応じてアプリを反復処理します。

1. アプリを生成して構築を開始する準備ができたら、**アプリの生成**を選択します。

1. オプションで、新しいアプリ内を移動する方法を詳しく説明した短い動画を表示できます。

1. **アプリの編集** を選択して、アプリの開発環境に入ります。

## ステップ 2: 新しいアプリケーションを調べる
<a name="getting-started-tutorial-ai-steps-explore"></a>

開発環境には、次のリソースがあります。
+ アプリケーションを表示または編集するために使用するキャンバス。キャンバスは、選択したリソースに応じて変わります。
+ キャンバスの上部にあるナビゲーションタブ。タブについては、次のリストで説明します。
  + **ページ**: ページとコンポーネントを使用してアプリケーションの UI を設計する場所。
  + **自動化**: 自動化でアクションを使用してアプリケーションのビジネスロジックを定義する場所。
  + **データ**: エンティティ、そのフィールド、サンプルデータ、データアクションを定義して、アプリケーションのデータモデルを定義する場所。
  + **アプリ設定**: エンドユーザーのページのロールベースの可視性を定義するために使用するアプリロールなど、アプリの設定を定義する場所。
+ 表示しているタブに基づくリソースを含む左側のナビゲーションメニュー。
+ **Pages** and **Automations** タブで、選択したリソースのリソースとプロパティを一覧表示する右側メニュー。
+ ビルダーの下部に警告とエラーを表示するデバッグコンソール。生成されたアプリにエラーが存在する可能性があります。これは、Amazon Simple Email Service で E メールを送信するなどのアクションを実行するために設定されたコネクタを必要とするオートメーションが原因である可能性があります。
+ AI **チャットウィンドウで AI** ビルダーアシスタントからコンテキストに応じたヘルプを取得します。

**ページ**、**オートメーション**、**データ**タブを詳しく見てみましょう。

### ページとコンポーネントを調べる
<a name="getting-started-tutorial-ai-steps-explore-pages"></a>

**ページ**タブには、生成されたページとそのコンポーネントが表示されます。

各ページは、ユーザーが操作するアプリケーションのユーザーインターフェイス (UI) の画面を表します。これらのページには、必要なレイアウトと機能を作成するためのさまざまなコンポーネント (テーブル、フォーム、ボタンなど) があります。

左側のナビゲーションメニューを使用して、ページとそのコンポーネントを表示する時間を取ります。ページまたはコンポーネントを選択すると、右側のメニューで**プロパティ**を選択できます。

### オートメーションとアクションを調べる
<a name="getting-started-tutorial-ai-steps-explore-automations"></a>

**Automations** タブには、生成されたオートメーションとそのアクションが表示されます。

自動化は、データエントリの作成、表示、更新、削除、E メールの送信、APIs や Lambda 関数の呼び出しなど、アプリのビジネスロジックを定義します。

左側のナビゲーションメニューを使用して、自動化を表示する時間を取ります。オートメーションを選択すると、右側の Properties メニューでその**プロパティ**を表示できます。オートメーションには、次のリソースが含まれています。
+ 自動化は、アプリのビジネスロジックの構成要素である個々のアクションで構成されます。オートメーションのアクションは、左側のナビゲーションメニュー、または選択したオートメーションのキャンバスで表示できます。アクションを選択すると、右側の Properties メニューでその**プロパティ**を表示できます。
+ オートメーションパラメータは、データをオートメーションに渡す方法です。パラメータはプレースホルダーとして機能し、自動化の実行時に実際の値に置き換えられます。これにより、毎回異なる入力で同じオートメーションを使用できます。
+ 自動化出力は、自動化の結果を設定する場所です。デフォルトでは、オートメーションには出力がないため、オートメーションの結果をコンポーネントや他のオートメーションで使用するには、ここで定義する必要があります。

詳細については、「[オートメーションの概念](automations-concepts.md)」を参照してください。

### エンティティを使用してデータを探索する
<a name="getting-started-tutorial-ai-steps-explore-data-entities"></a>

**データ**タブには、生成されたエンティティが表示されます。

エンティティは、データベース内のテーブルと同様に、アプリケーションのデータを保持するテーブルを表します。アプリケーションのユーザーインターフェイス (UI) とオートメーションをデータソースに直接接続する代わりに、最初にエンティティに接続します。エンティティは、実際のデータソースと App Studio アプリの間の仲介として機能します。これにより、データを 1 か所で管理してアクセスできます。

左側のナビゲーションメニューからエンティティを選択して、生成されたエンティティを表示します。以下の詳細を確認できます。
+ **設定**タブには、エンティティ名とそのフィールドが表示され、エンティティの列を表します。
+ **データアクション**タブには、エンティティで生成されたデータアクションが表示されます。コンポーネントとオートメーションは、データアクションを使用してエンティティからデータを取得できます。
+ **サンプルデータ**タブには、開発環境でアプリをテストするために使用できるサンプルデータが表示されます (外部サービスと通信しません）。環境の詳細については、「[アプリケーション環境](applications-publish.md#application-environments)」を参照してください。
+ **Connection** タブには、エンティティが接続されている外部データソースに関する情報が表示されます。App Studio は、DynamoDB テーブルを使用するマネージドデータストレージソリューションを提供します。詳細については、「[AWS App Studio のマネージドデータエンティティ](managed-data-entities.md)」を参照してください。

## ステップ 3: アプリケーションをプレビューする
<a name="getting-started-tutorial-ai-steps-preview"></a>

App Studio でアプリケーションをプレビューして、ユーザーにどのように表示されるかを確認できます。また、この機能を使用してデバッグパネルでログを確認することで、その機能をテストすることもできます。

アプリケーションプレビュー環境は、ライブデータの表示や、データソースなどのコネクタを使用した外部リソースへの接続をサポートしていません。代わりに、サンプルデータとモック出力を使用して機能をテストできます。

**テスト用にアプリケーションをプレビューするには**

1. App Builder の右上隅で、**プレビュー**を選択します。

1. アプリのページを操作します。

## 次の手順
<a name="getting-started-tutorial-ai-next-steps"></a>

最初のアプリを作成したら、次のステップをいくつか示します。
+ イメージを含む別の入門チュートリアルについては、ブログ記事[「Build enterprise-grade applications with natural language using AWS App Studio (preview)](https://aws.amazon.com/blogs/aws/build-custom-business-applications-without-cloud-expertise-using-aws-app-studio-preview)」を参照してください。
+ アプリは、コネクタを使用してデータを送受信したり、外部サービス ( サービスとサードパーティー AWS サービスの両方) と通信したりします。コネクタの詳細と、アプリケーションを構築するようにコネクタを設定する方法を学ぶ必要があります。コネクタを管理するには**、管理者**ロールが必要です。詳細については[コネクタを使用して App Studio を他の サービスに接続する](connectors.md)を参照してください。
+ アプリケーションをエンドユーザーにプレビュー、公開、最終的に共有する方法の詳細については、「」を参照してください[アプリケーションのプレビュー、公開、共有](applications-preview-publish-share.md)。
+ 実践的な経験のために生成したアプリを探索して更新し続けます。
+ アプリケーションの構築の詳細については、「」を参照してください[Builder ドキュメント](builder-documentation.md)。具体的には、以下のトピックを参考にしてください。
  + [オートメーションアクションのリファレンス](automations-actions-reference.md)
  + [コンポーネントリファレンス](components-reference.md)
  + [Amazon Simple Storage Service とコンポーネントおよびオートメーションの操作](automations-s3.md)
  + [セキュリティに関する考慮事項と緩和策](security-considerations-and-mitigations.md)