フルスタック開発 – AWS Amplify

フルスタックのウェブアプリケーションとモバイルアプリケーションを数時間で構築します。開始もスケールも簡単です。

AWS Amplify とは何ですか?

フロントエンドのウェブ/モバイルデベロッパーが AWS でフルスタックアプリケーションを簡単に構築、出荷、ホストできるようにする一連の専用ツールであり、ユースケースの進化に合わせて幅広い AWS サービスを活用できる柔軟性を備えています。クラウドの専門知識は不要。

数時間でアプリケーションを構築: 認証ストレージデータなど備えた、フルスタックアプリケーション、フロントエンド UI、バックエンドを作成します。

迅速に出荷: 高速で安全、かつ信頼性の高いウェブサイトやサーバー側でレンダリングされたアプリケーションを、数回のクリックで簡単にデプロイしてホストします。

スムーズにスケール: 175 種以上の AWS のサービスでアプリケーションを拡張し、新しいユースケース、DevOps プラクティス、ユーザーの増加に対応します。

AWS Amplify のご紹介 (4:00)

ユースケース

アプリケーションバックエンドを設定する

数回クリックするだけで、リアルタイム機能とオフライン機能を備えた、ウェブ、iOS、Android アプリ用のクラウドベースのバックエンドを作成します。

アプリケーションフロントエンドを構築する

Figma コンポーネントのデザインを信頼できる React コードに自動的に変換し、何回かクリックして UI をクラウドバックエンドに接続します。

アプリケーションをホストする

ウェブアプリケーションやウェブサイトを、安全な AWS のコンテンツ配信ネットワークにデプロイします。POP (Point Of Presence) は世界中で何百にも上ります。

AWS Amplify の料金

AWS 無料利用枠の一部として、すべての AWS Amplify ツールとサービスを無料で使い始めることができます。AWS Amplify のオファーの詳細は以下の表のとおりです。

アプリケーションを構築する

AWS Amplify ツールとサービス

説明

機能

オファー

製品の料金

Amplify Studio

ビジュアルインターフェイス

フルスタックアプリケーションを迅速に構築しデプロイするためのポイントアンドクリック環境です。 

簡単なデータモデリング

設定不要認証フロー

サーバーレス機能

セキュアストレージ

AI/ML による予測

統合された地理コンポーネント

無料で開始

お支払いいただくのは、アプリケーションが使用する基盤となる AWS のサービスに対してのみです。

AWS Amplify の料金

Amplify CLI

コマンドラインインターフェイス

わずかなコマンドでアプリケーションのバックエンドを設定および管理するためのローカルツールチェーンです。 

Amplify UI コンポーネント

オープンソースデザインシステム

機能豊富なアプリケーションを迅速に構築するための、クラウドに接続されたコンポーネントを備えたオープンソースデザインシステムです。 

Amplify ライブラリ

オープンソースクライアントライブラリ

クラウドベースのモバイルおよびウェブアプリケーションを構築するためのオープンソースクライアントライブラリです。 

アプリケーションをデプロイおよびホストする

AWS Amplify ツールとサービス

説明

機能

オファー

製品の料金

Amplify ホスティング

マネージド CI/CD とホスティング

高速かつ安全で信頼性の高い静的アプリケーションと、サーバー側でレンダリングされたアプリケーションのためのフルマネージド CI/CD およびホスティングです。 

フルスタック CI/CD ワークフロー

グローバルコンテンツ配信ネットワーク (CDN)

開発環境と実稼働環境

モニタリング

簡単なカスタムドメイン

プルリクエストのプレビュー

12 か月間無料

1,000 ビルド分/月

5 GB の保存/月

15 GB のサービス/月

500,000 リクエストカウント/月 (SSR)

100 GB 時のリクエスト/月 (SSR)

AWS Amplify の料金

無料利用枠のオファー

AWS は、新規のお客様が無料で使用を開始できるようサポートします。Amplify で AWS 無料利用枠を利用する方法をご覧ください

Amplify Studio
フルスタックアプリケーションを迅速に構築しデプロイするためのポイントアンドクリック環境です。
無料で開始

お支払いいただくのは、アプリケーションが使用する基盤となる AWS のサービスに対してのみです。

AWS Amplify の料金 »
Amplify CLI
わずかなコマンドでアプリケーションのバックエンドを設定および管理するためのローカルツールチェーンです。
無料で開始

お支払いいただくのは、アプリケーションが使用する基盤となる AWS のサービスに対してのみです。

AWS Amplify の料金 »
Amplify UI コンポーネント
機能豊富なアプリケーションを迅速に構築するための、クラウドに接続されたコンポーネントを備えたオープンソースデザインシステムです。
無料で開始

お支払いいただくのは、アプリケーションが使用する基盤となる AWS のサービスに対してのみです。

AWS Amplify の料金 »
Amplify ライブラリ
クラウドベースのモバイルおよびウェブアプリケーションを構築するためのオープンソースクライアントライブラリです。
無料で開始

お支払いいただくのは、アプリケーションが使用する基盤となる AWS のサービスに対してのみです。

AWS Amplify の料金 »
Amplify ホスティング
AWS Amplify を利用した、最新のウェブアプリケーション向けの高速かつ安全で信頼性の高いホスティングです。
12 か月間無料

1,000 ビルド分/月

5 GB の保存/月

15 GB のサービス/月

500,000 リクエストカウント/月 (SSR)

100 GB 時のリクエスト/月 (SSR)

AWS Amplify の料金 »
AWS Lambda
AWS アカウントにサインアップする
AWS アカウントの作成は無料で、AWS 無料利用枠をすぐにご利用いただけます。

使い慣れたフレームワークと言語で動作

AWS Amplify の詳細

AWS Amplify の詳細については、当社の一連の動画やその他のリソースをご覧ください

  • 動画
  • AWS Amplify Studio のご紹介 (0:59)
    AWS Amplify Studio のリリース: フルスタックのウェブアプリケーションを AWS 上で視覚的に迅速に構築 (60:00)
    AWS Amplify Studio: AWS On Air (18:58)
    Flutter と AWS Amplify を使用して、iOS と Android のモバイルアプリケーションを記録的な速さで構築する (29:00)
  • サービス機能
  • AWS Amplify を使用してアプリケーションを構築する
    簡単なデータモデリング
    ビジュアルエディターまたはコードを使用して、データベーステーブル、フィールド、およびリレーションシップをモデル化します。リアルタイム機能を備えた GraphQL API と NoSQL データベースを自動的にプロビジョニングします。
    設定不要認証フロー

    ビルド済みの UI コンポーネントを数行のコードで追加します。ガイド付きコマンドを使用して、メールやソーシャルでのサインアップ/サインイン、パスワードを忘れた場合、および多要素認証ワークフローを構成します。

    サーバーレス機能

    AWS Lambda 関数をプロジェクトに追加して、REST API と一緒に使用したり、GraphQL API のデータソースとして使用したりします。

    セキュアストレージ

    ユーザーの写真、音声、動画ファイルを、デバイス上、またはクラウド内のパブリック、保護、またはプライベートストレージモジュールに保存します。クラウドスケールのストレージを活用して、アプリケーションをプロトタイプから実稼働に簡単に移行できます。

    AI/ML による予測

    テキスト翻訳、テキストからの音声生成、画像内のエンティティ認識、テキストの解釈、およびテキストの文字起こしのための AI/ML 機能を追加することで、魅力的なアプリケーション体験を構築します。

    統合された地理コンポーネント

    地図や位置検索などの位置認識機能を JavaScript ベースのウェブアプリケーションに数分で追加します。Amplify には、事前に統合された地図 UI コンポーネント (人気のある MapLibre オープンソースライブラリがベース) が含まれています。

    AWS Amplify でデプロイおよびホストする
    フルスタック CI/CD ワークフロー

    git ブランチを接続して、フロントエンドとバックエンドの変更を単一のワークフローに自動的にデプロイします。

    グローバルコンテンツ配信ネットワーク (CDN)

    世界中に分散した数百の POP (Point Of Presence) を持つ Amazon CloudFront の安全な CDN に直接デプロイすることで、低レイテンシーと高速転送を実現します。

    開発環境と実稼働環境

    出荷前に新機能をテストするために必要な環境を簡単に立ち上げます。

    モニタリング

    アプリケーションのホスティングメトリクスをほぼリアルタイムでモニタリングします。設定したしきい値をメトリクスが超えたときに通知を送信するカスタムアラームを作成します。

    簡単なカスタムドメイン

    簡単な検証でカスタムドメインを接続します。機能ブランチは自動的にカスタムドメインを取得します。デプロイされたカスタムドメインとカスタムドメイン以外の無料 SSL 証明書を取得します。

    プルリクエストのプレビュー

    実稼働に影響を与えずに、移行する前に新機能を扱います。プルリクエストから新しい環境を作成します。

  • チュートリアル
  • チュートリアル

    無料のシンプルなチュートリアルから開始して、AWS Amplify の詳細を確認する

    AWS Amplify を使用して iOS アプリケーションを構築する

    このチュートリアルでは、クラウド内の一連のツールとサーバーレスサービスである AWS Amplify を使用して、シンプルな iOS アプリケーションを作成します。最初のモジュールでは、シンプルな iOS アプリケーションを構築します。残りのモジュールでは、Amplify コマンドラインインターフェイス (Amplify CLI) を使用してローカルアプリケーションを初期化し、ユーザー認証を追加し、GraphQL API とデータベースを追加してデータを保存し、アプリケーションを更新して画像を保存します。

    詳細はこちら »

    AWS Amplify を使用して Android アプリケーションを構築する

    このチュートリアルでは、クラウド内の一連のツールとサーバーレスサービスである AWS Amplify を使用して、シンプルな Android アプリケーションを作成します。最初のモジュールでは、シンプルな Android アプリケーションをビルドします。残りのモジュールでは、Amplify コマンドラインインターフェイス (Amplify CLI) を使用してローカルアプリケーションを初期化し、ユーザー認証を追加し、GraphQL API とデータベースを追加してデータを保存し、アプリケーションを更新して画像を保存します。

    詳細はこちら »

    AWS Amplify を開始する (Flutter)

    このチュートリアルでは、バックエンドを設定し、そのバックエンドをウェブアプリケーションと統合する方法について説明します。AWS Amplify DataStore を使用してフル機能の Todo アプリケーションを作成し、クラウドデータベースにアイテムを保存したり取得したり、リアルタイムサブスクリプションで最新情報を受け取ったりします。

    AWS Amplify を開始する (JavaScript)

    このチュートリアルでは、バックエンドを設定し、そのバックエンドをウェブアプリケーションと統合する方法について説明します。GraphQL API を使用して「Todo アプリケーション」を作成し、クラウドデータベースにアイテムを保存したり取得したり、リアルタイムサブスクリプションで最新情報を受け取ったりします。

    AWS Amplify を開始する (React)

    このチュートリアルでは、AWS Amplify を使用してシンプルなフルスタックウェブアプリケーションを作成します。AWS Amplify は、ウェブホスティングサービスを含む一連のツールとサービスです。最初のモジュールでは、AWS で React アプリケーションを構築してホストします。残りの 4 つのモジュールでは、CLI を使用してローカルアプリを初期化し、認証を追加し、GraphQL API とデータベースを追加し、アプリを更新して画像を保存します。

    AWS Amplify を開始する (React Native)

    このチュートリアルでは、バックエンドを設定し、そのバックエンドを React Native アプリケーションと統合する方法について説明します。AWS Amplify DataStore を使用して「Todo アプリケーション」を作成し、クラウドデータベースにアイテムを保存したり取得したり、リアルタイムサブスクリプションで最新情報を受け取ったりします。

    AWS Amplify を開始する (Angular)

    このチュートリアルでは、バックエンドを設定し、そのバックエンドをウェブアプリケーションと統合する方法について説明します。GraphQL API を使用してアプリケーションを作成し、お気に入りのレストランをクラウドデータベースに保存したり取得したり、リアルタイムサブスクリプションで最新情報を受け取ったりします。

    AWS Amplify を開始する (Vue)

    このチュートリアルでは、バックエンドを設定し、そのバックエンドをウェブアプリケーションと統合する方法について説明します。GraphQL API を使用して「Todo アプリケーション」を作成し、クラウドデータベースにアイテムを保存したり取得したり、リアルタイムサブスクリプションで最新情報を受け取ったりします。

    AWS Amplify を開始する (Next.js)

    このチュートリアルでは、バックエンドを設定し、そのバックエンドを新しい Next.js アプリケーションと統合する方法について説明します。GraphQL API を使用して簡単なブログを作成し、クラウドデータベースにアイテムを保存したり取得したりします。さらに、ユーザーの認証方法、API との通信方法、AWS へのデプロイ方法についても説明します。

    AWS Amplify を開始する (Ionic)

    このチュートリアルでは、バックエンドを設定し、そのバックエンドをウェブアプリケーションと統合する方法について説明します。GraphQL API を使用して「Todo アプリケーション」を作成し、クラウドデータベースにアイテムを保存したり取得したり、リアルタイムサブスクリプションで最新情報を受け取ったりします。

  • 導入事例
  • Neiman Marcus お客様事例

    Neiman Marcus は、AWS で新しいアプリケーションの市場投入までのスピードを 50% 向上させ、担当者のデジタル販売を改善しました。

    Orangtheory お客様事例
    QsrSoft は、AWS 上で開発された QsrSoft TV を使用して、McDonald をはじめとする飲食店の従業員エンゲージメントの強化をサポートしています。
    Orangtheory お客様事例
    Orangetheory Fitness は、モバイルおよびウェブアプリケーションで大規模なビデオワークアウトを提供しました
    Amazon Music お客様事例

    State Auto は、AWS AppSync と AWS Amplify を使用して生産時間を 1 日に短縮しました。

AWS 無料利用枠

AWS 無料利用枠は、ユーザーに無料で製品を探索する機会を提供します。このオファーには、常に無料、12 か月間無料の製品、および短期間の無料トライアルの製品が含まれています。

開始方法

AWS アカウントの作成は無料で、AWS 無料利用枠をすぐにご利用いただけます。