Amazon Web Services ブログ

Category: Front-End Web & Mobile

Next.js と Amplify を活用した製品ロードマップアプリの構築

本記事では、私たちがロードマップを公開している自動車会社であると想像してみましょう。私たちには世界中のユーザーがいて、車載エンターテイメントシステムにどのような機能が提供されたかを定期的にチェックしています。ここでは、プロダクトマネージャーがログインしてロードマップを更新し、ロードマップページに反映させるための管理ページを構築します。 ロードマップページは世界中の多くの読者が閲覧し、更新頻度が低いため、Incremental Static Regeneration (ISR) を用いた Static Site Generator (SSG) の最適な候補になります。

Amazon Location Service API キーを使った地理空間アプリケーションの構築

地理空間アプリケーションは、インタラクティブな地図から位置情報サービスまで、私たちの日常生活に欠かせないものとなっています。このようなアプリケーションの需要が高まる中、開発者は信頼性の高い地理空間ソリューションを構築するための強力で安全なツールを必要としています。Amazon Web Services (AWS) は最先端のサービスを提供すしており、最近では Amazon Location Service の API キーと認証ヘルパーを発表し、地理空間アプリ開発者にエキサイティングな機会をもたらしました。本記事では、API キー、Amazon Location Service Auth Helper Library、Amazon Location Service Data Types Converter Library を活用して、機能豊富な地理空間アプリケーションを構築する方法を紹介します。

フロントエンド開発者のための 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 コンポーネントの両方を備えたコンポーネントライブラリです。

小売業のトレンド – 生成系 AI が先頭に立つが、それだけではない

生成系 AI という新たな技術の登場によって小売業は大きな変化を目の前にしています。生成系 AI が変化を牽引していますが、それだけではありません。本ブログでは、小売業に大きな影響を与えることが予想される4つのテクノロジーについて解説します。

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 の新機能をご紹介します!