アプリを爆速で開発 ! AWS Amplify Studio で出来ること。

AWS Amplify は、Web / モバイルアプリ開発者が、機能豊富なアプリを AWS 上で爆速で構築することを目的としたツールと機能のセットであり、幅広い AWS サービスと連携できる柔軟性を備えています。従来、AWS 上で Web / モバイルアプリを構築するためには、様々な AWS サービスの知識や経験が必要でした。しかし、Amplify を使用することで、様々な AWS サービスの知識や経験が無くても爆速かつ簡単にアプリのバックエンドを構築し、Web フロントエンド に接続することができます。

AWS Amplify は以下の 4 つから構成されています。ここで、もしかしたら Amplify に詳しい方は「Amplify Admin UI がなくなった ?」と思われた方もいらっしゃるかもしれませんが、従来の Amplify Admin UI の機能は 新しく出た Amplify Studio の一部として提供されています。

ここからは、具体的にみなさんが Web / モバイルアプリ開発の際に Amplify を使いたくなるポイントを 4 つご紹介します。

例えば、地図や位置情報の機能を Web アプリに組み込みたいとします。すると、「AWS 地図 Web アプリ」のように検索される方も多いかと思います。調べてみると、「Amazon Location Service を使えば出来るのは分かった。ただ、一から勉強しなければ ・・・」と思ったように開発が進まなくなってしまいます。

そのような課題を解決するのが Amplify Libraries と CLI です。Amplify Libraries では、以下のような様々なユースケースに対応した機能群 (カテゴリ) を提供しています。先程の例では、Geo カテゴリを用いることで、簡単に Location Service を使用することが出来るようになり、結果として Web / モバイルアプリへ地図や位置情報を活用した機能が追加できます。バックエンドとなる Location Service は Amazon CLI を使用して、CLI 上で数回の質問に答えることでセットアップできます。Geo カテゴリを触ってみたい方は、「Amplify Geo で React アプリに地図を表示してみよう」を参照してみてください。

他にも、Authentication カテゴリでは認証機能を追加することができ、Notification カテゴリではプッシュ通知を追加できます。それぞれのカテゴリについては、「Amplify Docs - Amplify Libraries」を参照してみてください。

また、Amplify Libraries に組み込まれたのユースケース以外にリソースを追加したい場合は、AWS Cloud Development Kit (CDK) または AWS CloudFormation を使用することで、Amplify が作成したバックエンドに様々な AWS サービスを追加できます。詳細は「AWS CDK または CloudFormation を使用し、カスタム AWS リソースで Amplify バックエンドを拡張する新機能「カスタム」のご紹介」を参照してみてください。

Amplify Libraries や CLI を用いて、アプリへ様々な機能追加や、アプリから操作するバックエンドのセットアップが爆速かつ簡単に出来ることは、ご理解いただけたかと思います。しかし、従来の Amplify ではフロントエンド UI 開発に関しては数百・数千行のコーディングが必要であり、フロントエンド開発者の負担はまだまだありました。

バックエンドのみならず、フロントエンド UI 開発もサポートしてしまうとは、Amplify Studio 恐るべしですね !

実際に触ってみたい ! という方は、「AWS Amplify Studio – 最小限のプログラミングでFigmaからフルスタックの React アプリを実現」で実際に Amplify Studio を使ってアプリの構築していますので、是非参考にしてみて下さい。

アプリのビルドやテストが終わったら、いざステージング、プロダクション環境にデプロイ！としたいところですが、AWS 上で Web サイトをホスティングするためには、S3 バケットや Amazon CloudFront ディストリビューションを作ったりと、これまた設定が手間です。Amplify Hosting では数クリックで CloudFront を使った Web サイトのホスティングできます。

これまで紹介してきた機能などを使うことで爆速でアプリ開発が出来ることがイメージできたかと思います。しかし、サクッとアプリが作れたのはいいものの、「しっかりとスケールするのか ?」や「コストがかかりすぎるんじゃ ?」といった疑問を抱かれるかたもいらっしゃると思います。では、スケーラビリティとコストの観点からも Amplify を見てみましょう !

AWS Amplify がプロビジョニングするリソースのほとんどが、Amazon API Gateway、AWS AppSync、AWS Lambda といったサーバーレスなサービスです。サーバーレスなサービスを利用することで、余分なリソースをあらかじめ準備する必要もなく、負荷に応じた柔軟なスケーリングを自動で行ってくれます。そのため、最初にスモールスタートした時と同じ構成でプロダクトが成長した後もアクセスを捌くように設定することができます。

同じくサーバーレスな構成の恩恵として、コスト最適化が挙げられます。サーバーレスなサービスは従量課金式のサービスがほとんどで、 リクエスト数や負荷の増減に合わせてコストも増減します。従来の Amazon EC2 インスタンスを用いたアプリケーションでは、トラフィックが少ない場合でも定常的にコストがかかってしまいます。

サーバーレスな環境ではトラフィックの少ない立ち上げ時のコストが抑えられるだけでなく、サービスが成長した後もトラフィックに応じた課金となり、コストの最適化を行うことができます。

今回、改めて AWS Amplify の要点を整理しつつ、新しく登場した AWS Amplify Studio をご紹介しました。Amplify CLI や Libraries を用いることで簡単に Web / モバイルアプリに機能を追加することができたり、Amplify Hosting を用いて Git ベースの静的 Web サイトホスティングができたりと開発スピードを上げるための機能が豊富に備わっていることが分かりました。また、新しく登場した Amplify Studio は、バックエンドとの統合・管理や Figma と連携したフロントエンド UI 開発ができたりと Amplify はどんどん進化していますね !

Amplify については GitHub リポジトリ「Amplify 学習リソース集」に日本語で書かれている AWS Amplify のツール、チュートリアル、記事などがリンク集としてまとまっています。また、それらを管理運用している「Amplify 日本ユーザーグループ」での交流を通して、いろんな情報をキャッチアップすることもできます !

ぜひ Amplify を使って開発スピードを爆速にしましょう !