Amazon Web Services ブログ

Category: Front-End Web & Mobile

AWS Amplify ローンチウィーク 5 月 6 – 10 日にご参加ください

5 月 6 日から始まる AWS Amplify のローンチウィークに招待できることを嬉しく思います。Amplify は、AWS 上でフルスタックの Web およびモバイルアプリを構築するために必要なすべてを提供します。フロントエンドの構築とホスティング、認証やストレージなどの機能の追加、リアルタイムデータソースへの接続、デプロイ、数百万人規模のユーザー向けスケーリングができます。

HERE Explore Truck マップスタイルと Amazon Location Service を活用した大型車輸送

運輸・物流業界では、大型車両のナビゲーションには、橋の高さ、走行制限、コンプライアンスなどの課題がつきものです。以前の AWS ブログでは、Amazon Location Service と HERE Technologies を使用した効率的なトラックルーティングについて説明しました。この新しい投稿では、リアルタイムでルートを視覚化するのに役立つ HERE Explore Truck マップスタイルについて説明します。このスタイルと Amazon Location Service を組み合わせることで、企業は安全で効率的、かつコンプライアンスに準拠したルーティングを活用し、フリートオペレーションを改善することができます。

生成 AI とNext.js を利用して AWS Amplify でフルスタックのレシピ提案アプリをビルドする

Claude 3 によってパワーアップされた生成 AI、Next.js、AWS Amplify、Amazon Bedrock の世界に飛び込んでいきましょう。このガイドでは、ユーザーが食材のリストを入力し、Claude 3 が入力された食材にもとづいて美味しいレシピを提案するレシピ提案アプリの作成方法を紹介します

AWS Amplify Hosting で Amazon Linux 2023を使って、Next.js 14 SSR アプリをデプロイ

今日(2/29) から、AWS Amplify Hosting 上で新しくデプロイされるアプリケーションのビルドイメージは、デフォルトで Amazon Linux 2023 が使用されます。Amazon Linux 2023 を利用することで、Amplify Hosting 上でアプリケーションをビルドする際に、より新しいバージョンの Node.js、Ruby、Python を使用できます。

AWS AppSync と RDS Data API を使って Amazon Aurora MySQL データベース用の GraphQL API を構築する方法

AWS AppSync が、Data API で構成された Amazon Auroraクラスタ上で稼働している既存の MySQL や PostgreSQL データベースのテーブルに基づいて、GraphQL API を簡単に作成できるようになりました。既存のデータベース用の API を構築する場合、開発者は通常、テーブルを正確に表現するインターフェースを構築しなければなりませんが、これには時間がかかり、エラーが発生しやすいプロセスです。AppSync は、データベースを検出し、それに一致する GraphQL 型を生成できる新しいイントロスペクション機能によってこの問題を解決します。AppSync コンソールでは、この新機能を使用して、コードを記述することなく、わずか数ステップでデータベースからすぐに使用できる GraphQL API を生成できます。さらに、Amazon Relational Database Service (RDS) 用の JavaScript リゾルバにも改良が加えられており、新しい SQL タグ付きテンプレートと SQL ヘルパー関数により、リゾルバで SQL ステートメントを簡単に記述できるようになっています。

Next.js の API Routes から Amazon Virtual Private Cloud (Amazon VPC) 内のリソースにアクセスする方法

開発者はしばしば、AWS Amplify Hosting にデプロイされた Next.js アプリケーションから、Amazon Virtual Private Cloud (Amazon VPC) 内にデプロイされたリソースにアクセスする必要があります。Amazon VPC を使用すると、お客様は隔離された仮想ネットワークでリソースを起動できます。しかし、開発者は、複雑なネットワークアクセス制御とセキュリティグループのために、Amazon VPC 内で API とデータベースを呼び出すためにフロントエンドアプリケーションを接続することが困難であると感じるかもしれません。この投稿では、AWS Amplify Hosting 上で動作する Next.js サーバーサイドレンダリング (SSR) アプリケーションから、Amazon Relational Database Service (Amazon RDS) や AWS Lambda などのリソースや VPC 内のリソースにアクセスするためのソリューションを実装します。

AWS Amplify でフルスタックアプリケーションを構築するための CTO のガイド

CTO として、あなたはエンジニアリングチームの技術戦略を監督し、フレームワーク、アーキテクチャ、インフラストラクチャに関する決定を導く責任があります。開発者の生産性を最大限に高めながら、堅牢でスケーラブルなアプリケーションを構築するためには、適切な技術スタックを選択することが極めて重要です。本記事では、AWS Amplify の新しいコードファースト開発者体験 (Gen 2) でフルスタックアプリケーションを構築することが、Web 開発スタックの中核であるべき理由を説明します。