Amazon Web Services ブログ

Category: Front-End Web & Mobile

Amazon Location Service を使ったサーバーレス店舗検索サイトの構築

本記事では、Amazon Location の Maps、Places、および Routing API を使用して、営業時間や住所などの適切な店舗情報とともに、顧客にとって最もアクセスしやすい実店舗をリストアップするシンプルな店舗検索 Web ページを実装する方法を紹介します。

AWS AppSync が GraphQL API のすべてのリゾルバで JavaScript をサポート

AppSync は JavaScript のサポートをユニットリゾルバに拡張しました。開発者は、単一のリゾルバで JavaScript の単一データソースアクセスパターンを扱えるようになりました。開発者は、複雑なアクセスパターンを処理したり、 パイプラインリゾルバで JavaScript 関数と Velocity Template Language (VTL) 関数を混在させたりすることができます。本記事では、独自の API で JavaScript リゾルバを使用する方法について説明します。

Next.js Web アプリケーションにおける SSG とSSR の比較: 正しいレンダリングアプローチの選択

人気の React フレームワークである Next.js は、開発者がモダンな Web アプリケーションを構築する方法を変えました。Next.js は、Static Site Generation (SSG) や Server Side Rendering (SSR) といった強力な機能を提供し、アプリケーションのパフォーマンスとユーザー体験を最適化します。本記事では、SSG と SSR の主な違い、利点、いつどちらかを選択するか、それぞれのアプローチで AWS Amplify を使ってデプロイする方法を説明します

Share code between Next.js apps with Nx on AWS Amplify Hosting

Nx と AWS Amplify Hosting を用いて Next.js アプリ間でコードを共有する

この記事では、AWS Amplify Hosting がモノレポ、特に Nx と連携し、モノレポで管理されているフロントエンドアプリケーションをデプロイする機能を探ります。銀行の仕様に合わせてブランディングできるライブラリやコンポーネントで構成された、同じ住宅ローン計算機を使用する複数の銀行のウェブサイトの例を通して、モノレポを使用する利点を学びます。このシナリオの例では、私たちがいくつかの銀行ブランドを所有する大規模な金融機関で働いているとしましょう。この金融機関を BankCorp と呼び、このブランドの下にある銀行の例を BankA と BankB とします。

AWS Amplify JavaScript Library がより少ないバンドルサイズとより少ないロード時間に

AWS Amplify JavaScript Library において、Auth, Storage, Notifications, Analytics などの重要なカテゴリのバンドルサイズが大幅に縮小されたことをお知らせできて嬉しく思います。これは、ユーザーがアプリを使用する際のロード時間の短縮につながります。バンドルサイズの縮小は、コミュニティからの要望に応えたものです。

CloudFront と S3 の階層化 TTL でシングルページアプリケーション (SPA) をホストする

この記事ではシングルページアプリケーション(SPA) のデプロイのための Amazon CloudFront と Amazon Simple Storage Service (Amazon S3) を用いた「階層化 TTL 」を紹介します。これにより、「ユーザーが体感する遅延をできるだけ小さくしたい」「即時にデプロイしたい」「CDN のキャッシュの無効化の代わりに、Cache-Control の HTTP ヘッダーを活用したい」といった一見相反するようにも見える要件を満たすことができます。

新しいソリューション – モバイルおよびウェブアプリケーション用の Clickstream Analytics on AWS

7月7日より、AWS アカウントにエンドツーエンドのソリューションをデプロイして、ウェブおよびモバイルアプリケ […]