AWS Amplify

フルスタック TypeScript。AWS のためのフロントエンド DX。

AWS Amplify には、ウェブアプリケーションやモバイルアプリの構築に必要なものがすべて揃っています。開始もスケールも簡単です。
Amplify の使用を開始する
ハンズオンチュートリアルを試す

サーバー側でレンダリングされた静的フロントエンドアプリケーションをデプロイし、UI を開発するとともに、認証やストレージなどの機能を追加して、リアルタイムデータソースに接続し、数百万のユーザーにスケールします。クラウドの専門知識は不要です。","id":"collection-text-media#overview-1-why-is-amplify","mediaPosition":"left","mediaAltText":"AWS Amplify"},"metadata":{"tags":[{"id":"GLOBAL#pattern#overview","name":"Overview","namespaceId":"GLOBAL#pattern","description":"Overview","metadata":{}},{"id":"GLOBAL#pattern#pattern-data","name":"pattern-data","namespaceId":"GLOBAL#pattern","description":"pattern-data","metadata":{}},{"id":"GLOBAL#product#amplify","name":"AWS Amplify","namespaceId":"GLOBAL#product","description":"AWS Amplify","metadata":{}}]}}]},"metadata":{"auth":{},"testAttributes":{}},"context":{"page":{"locale":null,"site":null,"pageUrl":"https://aws.amazon.com/jp/amplify/","targetName":null,"pageSlotId":null,"organizationId":null,"availableLocales":null},"environment":{"stage":"prod","region":"us-east-1"},"sdkVersion":"1.0.115"},"refMap":{"manifest.js":"47864e0370","rt-text-media-collection.rtl.css":"7e799fc6cb","rt-text-media-collection.css.js":"823e895837","rt-text-media-collection.js":"df0ab61677","rt-text-media-collection.css":"f1abbd2201","rt-text-media-collection.rtl.css.js":"611e834187"},"settings":{"templateMappings":{"hyperlinkText":"hyperlinkText","hyperlinkUrl":"hyperlinkUrl","heading":"heading","mediaAltText":"mediaAltText","mediaPosition":"mediaPosition","mediaUrl":"mediaUrl","subheader":"subheader","bodyContent":"bodyContent","videoOverlayTitle":"videoOverlayTitle","videoThumbnailUrl":"videoThumbnailUrl","videoPlayButtonText":"videoPlayButtonText","dark":"dark"}}}

アイデアから始めて、数時間でアプリケーションを完成

サーバー側でレンダリングされた静的フロントエンドアプリケーションをデプロイし、UI を開発するとともに、認証やストレージなどの機能を追加して、リアルタイムデータソースに接続し、数百万のユーザーにスケールします。クラウドの専門知識は不要です。

簡単な Git ベースのワークフローと、あらゆるサーバー側のウェブフレームワークのサポートを備えたアプリケーションフロントエンドをデプロイします。ゼロ設定の Next.js および Nuxt のデプロイは、わずか数クリックで Amazon CloudFront グローバルエッジネットワークからのグローバルな可用性、信頼性、低レイテンシーを提供します。フルマネージド CI/CD と自動スケールにより、大量のトラフィックが発生するウェブアプリケーションに新機能をシームレスにプッシュできます。","id":"collection-text-media#aws-amplify-features-2","mediaPosition":"right","mediaAltText":"AWS Amplify"},"metadata":{"tags":[{"id":"GLOBAL#pattern#overview","name":"Overview","namespaceId":"GLOBAL#pattern","description":"Overview","metadata":{}},{"id":"GLOBAL#pattern#pattern-data","name":"pattern-data","namespaceId":"GLOBAL#pattern","description":"pattern-data","metadata":{}}]}}]},"metadata":{"auth":{},"testAttributes":{}},"context":{"page":{"locale":null,"site":null,"pageUrl":"https://aws.amazon.com/jp/amplify/","targetName":null,"pageSlotId":null,"organizationId":null,"availableLocales":null},"environment":{"stage":"prod","region":"us-east-1"},"sdkVersion":"1.0.115"},"refMap":{"manifest.js":"47864e0370","rt-text-media-collection.rtl.css":"7e799fc6cb","rt-text-media-collection.css.js":"823e895837","rt-text-media-collection.js":"df0ab61677","rt-text-media-collection.css":"f1abbd2201","rt-text-media-collection.rtl.css.js":"611e834187"},"settings":{"templateMappings":{"hyperlinkText":"hyperlinkText","hyperlinkUrl":"hyperlinkUrl","heading":"heading","mediaAltText":"mediaAltText","mediaPosition":"mediaPosition","mediaUrl":"mediaUrl","subheader":"subheader","bodyContent":"bodyContent","videoOverlayTitle":"videoOverlayTitle","videoThumbnailUrl":"videoThumbnailUrl","videoPlayButtonText":"videoPlayButtonText","dark":"dark"}}}

ウェブフレームワークをグローバルにデプロイ

簡単な Git ベースのワークフローと、あらゆるサーバー側のウェブフレームワークのサポートを備えたアプリケーションフロントエンドをデプロイします。ゼロ設定の Next.js および Nuxt のデプロイは、わずか数クリックで Amazon CloudFront グローバルエッジネットワークからのグローバルな可用性、信頼性、低レイテンシーを提供します。フルマネージド CI/CD と自動スケールにより、大量のトラフィックが発生するウェブアプリケーションに新機能をシームレスにプッシュできます。

Amplify Hosting の詳細
AWS Amplify

フロントエンドからフルスタックまで迅速に移行

フルスタック TypeScript 機能を備えた Amplify は、慣れ親しんだフロントエンドデベロッパーエクスペリエンスに、AWS サービスのパワーと広範さをもたらします。必要なのは、データモデル、ビジネスロジック、認証ルールなどのアプリケーションの要件を TypeScript で記述することだけです。Amplify は、適切なクラウドリソースを自動的に設定し、それらをデベロッパーごとのクラウドサンドボックス環境にデプロイして、ローカルでの高速なイテレーションを実現します。

TypeScript を使用してフルスタックアプリケーションを構築
アプリケーションの認証を定義および設定するために使用される TypeScript コード

自信をもってコミット、コラボレーション、提供

Git からブランチを接続することで、新しい環境を簡単に立ち上げることができます。プルリクエストプレビューにより、チームメンバーは変更をテストし、自信をもって本番環境に統合できます。デプロイ時において、フルスタックブランチを備えたマネージド CI/CD パイプラインでは設定が不要です。

フルスタックのワークフローの詳細
AWS Amplify

Amplify の機能

Amplify で何を構築できますか?

Next.js と Nuxt を使用してサーバー側でレンダリングされたアプリケーションをデプロイしてホストし、パフォーマンスと SEO を向上させます。Amplify の JavaScript ライブラリを使用して、データとミドルウェアで保護されたルートの認証を使用してサーバー側のアクションを実装します。
アプリケーションのフロントエンドを世界中に分散した AWS コンテンツ配信ネットワーク (CDN) にデプロイし、自動化された CI/CD を使用して数百のエッジロケーションに展開します。認証、承認、ストレージ、データを含むフルスタックロジックを追加します。
Amplify のフロントエンドライブラリとバックエンドプロビジョニングを使用して、認証、データ、ストレージ、プッシュ通知を備えた Swift、Kotlin、または Java でネイティブの iOS および Android アプリを構築します。
Amplify のライブラリとバックエンドリソースを使用して、ユーザー認証、データ、ストレージなどの機能を備えたクロスプラットフォームの Flutter および React Native アプリを構築します。