投稿日: Dec 2, 2021
AWS Amplify は、フロントエンドデベロッパーに最小限のコーディングで UI 開発を加速化する新機能 (公開プレビュー) を提供すると同時に、Amplify の強力なバックエンド構成および管理機能を統合するビジュアル開発環境である AWS Amplify Studio を発表しました。Amplify Studio は、Figma で作成されたデザインを人間が読める形式の React UI コンポーネントコードに自動的に変換します。Amplify Studio 内で、デベロッパーは UI コンポーネントをアプリケーションのバックエンドデータに視覚的に接続できます。バックエンドを構成および管理するために、Amplify Admin UI の既存の機能は今後 Amplify Studio の一部となり、デベロッパーがフルスタックアプリケーションをより高速に構築できるようにする統合インターフェースを提供します。詳細はこちら。
デベロッパーは、Amplify Studio を使用して、バックエンドをセットアップし、UI コンポーネントを作成し、2 つをすべて Amplify Studio 内で接続できるようになりました。Amplify Studio には、管理 UI の既存のバックエンド作成および管理機能がすべて含まれており、クラウドの専門知識を必要とせずに、データベーステーブル、ユーザー認証、ファイルストレージなどのアプリケーションバックエンドインフラストラクチャのセットアップと管理を簡素化します。UI 開発を加速するために、Amplify Studio は、ニュースフィード、お問い合わせフォーム、e コマースカードなどの多数のコンポーネントを備えた React UI ライブラリをデベロッパーに提供します。すべての UI コンポーネントは、Figma 内で完全にカスタマイズ可能であり、設計者は、使い慣れたツール内のコンポーネントの視覚的なスタイルを完全にコントロールできます。デベロッパーは、コンポーネントのカスタマイズを Figma から Amplify Studio にインポートし、コンポーネントエディターを使用して、UI コンポーネントをアプリケーションバックエンドからのデータに視覚的に接続できます。Amplify Studio は、すべてのフロントエンドおよびバックエンドアーティファクト (UI コンポーネント、バックエンドインフラストラクチャ) を信頼できるコードにエクスポートし、デベロッパーが使い慣れたプログラミング概念 (アプリケーションコード用の JavaScript、Amplify CLI、およびバックエンドインフラストラクチャを拡張するための AWS CDK) を使用してアプリケーションの設計と動作の完全なカスタマイズを可能にします。
AWS Amplify Studio の UI 開発機能は現在公開プレビュー中です。すべてのバックエンド構成および管理機能は、米国東部 (バージニア北部)、米国東部 (オハイオ)、米国西部 (オレゴン)、米国西部 (北カリフォルニア)、アジアパシフィック (ムンバイ)、アジアパシフィック (ソウル)、アジアパシフィック (シンガポール)、アジアパシフィック (シドニー)、アジアパシフィック (東京)、カナダ (中部)、欧州 (フランクフルト)、欧州 (アイルランド)、欧州 (ロンドン)、欧州 (パリ)、欧州 (ストックホルム)、南米 (サンパウロ)、中東 (バーレーン) の 17 の AWS リージョンで一般提供されています。
使用を開始するには、開始方法についてのブログをご覧ください。