Amazon Web Services ブログ
Category: AWS Amplify
AWS Amplify Hosting で任意の SSR アプリをホスティングできるようになりました
開発者とフロントエンドフレームワークの作成者が AWS Amplify Hosting 上でフルマネージドの Server Side Rendering (SSR) アプリケーションをデプロイできるようにする、新しいデプロイ仕様の一般提供を開始しました。このデプロイ仕様によって、Amplify Hosting の SSR 機能がすべてのフレームワークで利用可能になります。これらの文書化された規約に従うことで、開発者やフレームワークの作者は、Nuxt, SvelteKit, Astro、さらには Express サーバーのような一般的な SSR フレームワークで構築されたアプリケーションをデプロイすることができます。この仕様では、Compute, Image optimization, Routing rules, Static assets のための規約ベースの基本要素を定義しています。
フロントエンド開発者のための AWS Amplify の 6 つの新しいリリース
AWS Amplify チームはコミュニティからのリクエストに答える 6 つの新しいリリースを紹介します。本記事では、ドキュメントサイトの改善、Next.js 14 のサポート、カスタム認証プロバイダ、React Native のソーシャルサインイン、UI コンポーネントを紹介します。
AWS re:Invent 2023 のフロントエンド Web & モバイルアプリ開発者ガイド
本記事では、技術リーダーやフロントエンド、フルスタック、バックエンド開発者向けの最もエキサイティングなセッションを紹介します。セッションは、インタラクティブなチョークトーク、ハンズオンワークショップ、コードトーク、講義スタイルのブレイクアウトセッションのミックスで、中級 (200) からエキスパート (400) レベルの内容にわたります。iOS, Android, React Native, Flutter, TypeScript, JavaScript 開発者のアプリケーション構築とテストを支援する最新の AWS ツール、サービス、機能を取り上げます。参加者は re:Invent で、開発を加速し、生成系 AI を使用して開発者の生産性を向上させ、GraphQLで API をモダナイズし、リアルタイムでインタラクティブなユーザー体験を構築するための最新の戦略を得ることができます。
TypeScript と Amplify JavaScript v6 を利用して Next.js アプリを構築する
AWS Amplify JavaScript Library の v6 の一般公開を発表できることを嬉しく思います。このリリースには、コミュニティから要望の多かった改善点や機能が多数含まれています。このリリースでは、バンドルサイズが大幅に縮小され、TypeScript のカバレッジと型サポートが強化され、セキュアランタイムトークンのサポートが強化され、Next.js App Router と Server Actions が完全にサポートされます。
AWS Amplify と AWS CDK で GraphQL と DynamoDB に接続する
本日 (2023 年 10 月 4 日) 、Amplify の GraphQL API 機能のための AWS Cloud Development Kit (CDK) コンストラクト を発表できることを嬉しく思います。Amplify の GraphQL API CDK コンストラクトを使用すると、単一の GraphQL スキーマ定義を使用して、Amazon DynamoDB テーブルや AWS Lambda 関数などのデータソースをバックエンドとするリアルタイム GraphQL API を作成できます。
AWS Amplify UI : 10 個の新しいコンポーネントと更新されたコンポーネント
AWS Amplify UI チームは、エンドユーザーのための機能豊富なアプリを構築するのに役立つ、8 つの新しい React ユーザーインターフェイスコンポーネントと 2 つの改良されたコンポーネントを紹介します。本記事では、新しいコンポーネントと、それらをプロジェクトにどのように使用できるかを紹介します。Amplify UI は、クラウドに接続されたクロスプラットフォームと、パフォーマンス、テーマ性、応答性、アクセシビリティに優れた React コンポーネントの両方を備えたコンポーネントライブラリです。
AWS Amplify JavaScript バンドルサイズの縮小および改良された TypeScript と Next.js のサポート(Developer Preview)
本日 (2023 年 9 月 28 日)、AWS Amplify JavaScript Library の v6 Developer Preview を発表しました。これは、AWSクラウドバックエンドを使用した Web 開発へのアプローチ方法を改善するマイルストーンリリースです。私たちは皆様からのフィードバックに耳を傾けており、本日の発表では GitHub で皆様から寄せられていたバンドルサイズや、TypeScript と Next.js のサポートに対するリクエストのいくつかに対応しました。それでは早速、Amplify JavaScript v6 developer preview の新機能をご紹介します!
AWS Amplify Studio が GraphQL API をフルサポート
AWS Amplify は、AWS Amplify Studio で GraphQL API をフルサポートすることを発表しました。これによって、DataStore の有無に関わらず、Connected Forms や Data Manager のような、Amplify Studio の既存のデータ駆動の機能が、すべての新規および既存の Amplify アプリで利用できるようになりました。
Next.js Web アプリケーションにおける SSG とSSR の比較: 正しいレンダリングアプローチの選択
人気の React フレームワークである Next.js は、開発者がモダンな Web アプリケーションを構築する方法を変えました。Next.js は、Static Site Generation (SSG) や Server Side Rendering (SSR) といった強力な機能を提供し、アプリケーションのパフォーマンスとユーザー体験を最適化します。本記事では、SSG と SSR の主な違い、利点、いつどちらかを選択するか、それぞれのアプローチで AWS Amplify を使ってデプロイする方法を説明します
Nx と AWS Amplify Hosting を用いて Next.js アプリ間でコードを共有する
この記事では、AWS Amplify Hosting がモノレポ、特に Nx と連携し、モノレポで管理されているフロントエンドアプリケーションをデプロイする機能を探ります。銀行の仕様に合わせてブランディングできるライブラリやコンポーネントで構成された、同じ住宅ローン計算機を使用する複数の銀行のウェブサイトの例を通して、モノレポを使用する利点を学びます。このシナリオの例では、私たちがいくつかの銀行ブランドを所有する大規模な金融機関で働いているとしましょう。この金融機関を BankCorp と呼び、このブランドの下にある銀行の例を BankA と BankB とします。