投稿日: Apr 9, 2020
Amplify フレームワーク は、クラウド対応のモバイルアプリケーションとウェブアプリケーションを構築するオープンソースプロジェクトで、ライブラリ、UI コンポーネント、インタラクティブな CLI ツールチェーンで構成されています。
本日、新しく再設計された Amplify UI コンポーネントライブラリをリリースします。これにより、JavaScript 開発者は、認証シナリオをウェブアプリに簡単に追加できるようになります。開発者は、認証コンポーネントを使用して、サインイン、サインアップ、サインアップの確認、パスワードの失念、新しいパスワードの要求、連絡先の確認、挨拶、OTP などの機能をアプリにすばやく追加できます。認証コンポーネントには、サインアップ確認後にユーザーを自動的にサインインする機能、より詳細なカスタマイズ性 (HTML スロット要素の活用)、改善されたアクセシビリティなど、以前のバージョンに比べて多くの改善が含まれています。開発者は、CSS 変数を利用した機能を使用して、要件を満たすために、これらの UI コンポーネントを広範囲にテーマ設定できます。
開発者は、完全な TypeScript サポートを含む React、Angular、Vue のバインディングを使用して、認証コンポーネントをアプリに簡単に追加できます。新しい認証コンポーネントは、共有ウェブコンポーネント (ウェブの標準コンポーネントモデルを提供するブラウザ機能) を活用して、React、Angular、Vue のいずれを使用する場合でも、一貫した UI スタイル、インタラクション、および機能の同等性を実現します。
このリリースには、モジュール化された Amplify JavaScript ライブラリ (v3) も含まれています。これにより、開発者がアプリケーションのバンドルサイズを削減することを可能にするツリーシェーキングのサポートを利用できます。さらに、API モジュールが GraphQL および REST モジュールに分割され、これら 2 つのモジュールのいずれか 1 つのみを使用している場合、アプリケーションバンドルのサイズがさらに削減されます。
新しい UI コンポーネントライブラリとモジュール化された Amplify JavaScript ライブラリの使用方法の詳細については、ブログ投稿を参照してください。Amplify フレームワークの詳細については、ドキュメントのウェブサイトをご覧ください。