Amazon Web Services ブログ
Tag: Amplify
AWS Amplify Studio が GraphQL API をフルサポート
AWS Amplify は、AWS Amplify Studio で GraphQL API をフルサポートすることを発表しました。これによって、DataStore の有無に関わらず、Connected Forms や Data Manager のような、Amplify Studio の既存のデータ駆動の機能が、すべての新規および既存の Amplify アプリで利用できるようになりました。
Amazon Location Service を使ったサーバーレス店舗検索サイトの構築
本記事では、Amazon Location の Maps、Places、および Routing API を使用して、営業時間や住所などの適切な店舗情報とともに、顧客にとって最もアクセスしやすい実店舗をリストアップするシンプルな店舗検索 Web ページを実装する方法を紹介します。
Next.js Web アプリケーションにおける SSG とSSR の比較: 正しいレンダリングアプローチの選択
人気の React フレームワークである Next.js は、開発者がモダンな Web アプリケーションを構築する方法を変えました。Next.js は、Static Site Generation (SSG) や Server Side Rendering (SSR) といった強力な機能を提供し、アプリケーションのパフォーマンスとユーザー体験を最適化します。本記事では、SSG と SSR の主な違い、利点、いつどちらかを選択するか、それぞれのアプローチで AWS Amplify を使ってデプロイする方法を説明します
AWS Amplify JavaScript Library がより少ないバンドルサイズとより少ないロード時間に
AWS Amplify JavaScript Library において、Auth, Storage, Notifications, Analytics などの重要なカテゴリのバンドルサイズが大幅に縮小されたことをお知らせできて嬉しく思います。これは、ユーザーがアプリを使用する際のロード時間の短縮につながります。バンドルサイズの縮小は、コミュニティからの要望に応えたものです。
AWS Amplify での Next.js API routes
Next.js は人気のある React フレームワークで、React アプリにサーバーサイドレンダリング・静的サイト生成を可能にします。これにより、驚くほど簡単にフルスタック React アプリケーションを構築できます。Next.js は、サーバーサイドレンダリングと静的サイト生成に必要な多くの難しい設定を自動的に処理する点で、Next.js は他のソリューションより開発者に好まれます。また、スタイリング・ルーティング・バンドルなどのビルトインサポートがあります。Next.js アプリは非常にパフォーマンスが高く、検索エンジンに対する最適化がされており、コマンド 1 つでホスティングプロバイダへ簡単にデプロイできます。Next.js は柔軟さ、シンプルさ、機能の豊富さにより、本番用 React アプリケーションを構築するための上位の選択肢になっています。
ほぼコードを書くことなく Figma からレスポンシブな React コンポーネントを生成する
Amplify Studio が、Figma のコード化を通じて、レスポンシブコンポーネントのデザインを大幅に強化しました。バリアントを作成してブレークポイントをカスタマイズするだけで実現可能です。Amplify Studio は、あなたのレスポンシブデザインが組み込まれた React コンポーネントを生成することで、面倒な作業を人の代わりに行います。
フルスタックのチャットアプリケーションをAWSとNext.jsで構築する
モダンなチャットアプリはリッチな機能を必要とします。これらの機能はファイルストレージ・リアルタイムの更新、そしてクライアントとサーバーの両方からデータを取得する能力が必要です。
従来、これは多くのサードパーティサービスをつなぎ合わせるか、カスタムソリューションの作成に開発時間を費やすことを意味していました。そして、この方法では市場投入までの時間が遅くなり、複数の障害点が発生します。
チャットアプリに必要な機能と、AWS が従来の問題点をどのように解決しているかを紹介するために、我々はリアルタイムチャットアプリケーションのサンプルを更新しました。このバージョンは、ローカルと AWS の両方でアプリケーションを完全に管理・制御することがいかに簡単かを強調するために再設計されました。
AWS CDK で NextJS 13 のアプリケーションを Amplify にデプロイする
この記事は、Deploy a NextJS 13 application to Amplify with th […]
Next.js 13 アプリケーションを Amplify Hosting でデプロイする
この記事は、Deploy a Next.js 13 app to AWS with Amplify Hosti […]
Amazon Location Service のマップスタイル選択のポイント
Amazon Location Service は、複数のユースケースに対応できるように、9 つの異なるマップスタイルを提供しています。どのようにして、アプリケーションに適したベースマップのスタイルを選択するのでしょうか?また、選択したベースマップは、アプリケーションの他の部分にどのような影響を与えるのでしょうか?この記事では、Amazon Location マップで利用可能なさまざまなマップスタイルと、アプリケーションに最適なマップスタイルを決定する方法について説明します。