Amazon Web Services ブログ

Tag: Front-End Web & Mobile

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

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

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

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

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 re:Invent 2023 のフロントエンド Web & モバイルアプリ開発者ガイド

本記事では、技術リーダーやフロントエンド、フルスタック、バックエンド開発者向けの最もエキサイティングなセッションを紹介します。セッションは、インタラクティブなチョークトーク、ハンズオンワークショップ、コードトーク、講義スタイルのブレイクアウトセッションのミックスで、中級 (200) からエキスパート (400) レベルの内容にわたります。iOS, Android, React Native, Flutter, TypeScript, JavaScript 開発者のアプリケーション構築とテストを支援する最新の AWS ツール、サービス、機能を取り上げます。参加者は re:Invent で、開発を加速し、生成系 AI を使用して開発者の生産性を向上させ、GraphQLで API をモダナイズし、リアルタイムでインタラクティブなユーザー体験を構築するための最新の戦略を得ることができます。

AWS Amplify UI : 10 個の新しいコンポーネントと更新されたコンポーネント

AWS Amplify UI チームは、エンドユーザーのための機能豊富なアプリを構築するのに役立つ、8 つの新しい React ユーザーインターフェイスコンポーネントと 2 つの改良されたコンポーネントを紹介します。本記事では、新しいコンポーネントと、それらをプロジェクトにどのように使用できるかを紹介します。Amplify UI は、クラウドに接続されたクロスプラットフォームと、パフォーマンス、テーマ性、応答性、アクセシビリティに優れた React コンポーネントの両方を備えたコンポーネントライブラリです。

DynamoDB JavaScript リゾルバのための新しい AWS AppSync モジュールと関数の紹介

本日 (2023 年 8 月 31 日)、DynamoDB データソースと対話するための新しいモジュールと関数をリリースし、Amazon DynamoDB 用のリゾルバをさらに書きやすくしました。新しいモジュールは、put、get、delete、update、scan、sync、queryといった一般的な操作の DynamoDB リクエストを作成するのに必要なコードを簡素化します。さらに、更新時にアイテムの属性を細かく変更するための操作ヘルパーも提供します。このモジュールは、TypeScript を使用する場合に開発者がローカルで型安全なコードを記述できるようにするための型定義とともに、パブリックな @aws-appsync/utils パッケージで利用可能です。

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 を使ってデプロイする方法を説明します

Amazon Location Service を利用した効率的なトラックルーティング

トラックは毎日、何百万トンもの物資を全国に輸送しています。その効率的なルーティングは、物流企業の収益だけでなく、経済全体にも大きな影響を与えます。効率的なトラックルーティングは、輸送・物流業界にとって不可欠な要素であり、トラックにとって最も効率的なルートを戦略的に計画し、物資を輸送することにつながります。その主な目的は、タイムリーな配送と資源の最大活用を確保しながら、移動距離を減らすことです。トラックのルートを最適化することで、物流会社は業務の効率性と収益性を大幅に向上させることができます。本記事では、Amazon Location Service のトラックルーティング機能についてご紹介します。この機能は、HERE Technologies の提供する正確で新鮮かつ堅牢なデータを活用し、物流企業の目標達成を支援します。