Amazon Web Services ブログ 新機能 – AWS Amplify Admin UI: アプリケーションのバックエンド開発を支援し、クラウドの経験を必要としない管理ツール この記事は、New AWS Amplify Admin UI Helps You Develop App Backends, No Cloud Experience Requiredを翻訳したものです。 2018年にAWS Amplifyをリリースしてから、ウェブのフロントエンドとモバイルアプリケーションの開発者の開発とクラウド環境へのデプロイを支援してきました。時代の最先端を行き、顧客にイノベーションを提供するためにもプロダクトは機能を素早く届ける必要があります。しかし、クラウド、AWSの基本的な操作に慣れていない場合は、開発者・非開発者に関わらず学習やトレーニングが必要となります。この学習コストは、設

AWS Startup ブログ 【開催報告&資料公開】Amplify Week – オンラインハンズオン こんにちは、スタートアップ ソリューションアーキテクトの松田 (Twitter: @mats16k) です。 AWS Startup Day の連動イベントとして、オンラインハンズオン「Amplify Week」を 4/15(水)〜17(金) の３夜連続で行いました！今回はセッション資料と、実際に頂いた質問とその解答の紹介をしていきます。 なお、イベントページに記載があります通り、AWS Startup Day の Amplify 関連セッションを聴講の上での参加を推奨しておりますので、本記事を見てハンズオンに興味を持たれた方もセッションからご覧頂くのがよろしいかと思います。 概要 今年はオンラインでの開催となりました AWS Startup Day の連動イベントのオンラインハンズオ

本日より、Amplify CLI ツールチェーン (Amplify フレームワークの一部) に、API、ストレージ、関数、ホスティングのカテゴリのローカルで行えるモックおよびテスト機能が追加されました。これにより、Amazon DynamoDB や AWS Lambda 関数といったデータソースを使って、AWS AppSync GraphQL API の構築とテストをすべてローカル環境で行えるようになりました。クラウドにプッシュする代わりに、カスタムディレクティブを使用し、GraphQL Transformer でコードを生成し、ローカルで VTL (GraphQL スキーマとデータソースの間の "グルーコード") を編集および実行することができます。ローカルデバッグ、ローカルでの変更自動検知、API のホットリロード、エラーの自動チェックなどの機能により、開発プロセスがさらに合理化および

Amazon Web Services ブログ AWS Amplify CLI から AWS Amplify コンソールでアプリをホストする AWS Amplify と AWS Amplify コンソール をお試しいただけましたか? 私は、アイデアからプロトタイプに至るまで AWS で新しいウェブアプリケーションを取得する、最も速い方法を 1 つ提供します。それで AWS Amplify と AWS Amplify コンソールとは何ですか? AWS Amplify は、最新のアプリケーションを構築するための定評あるフレームワークです。認証 (Amazon Cognito 経由) またはストレージ (Amazon Simple Storage Service (S3) 経由) または GraphQL API などのサービスをすべてコマンドラインインターフェイス経由で簡単に追加するためのツール

Amplify フレームワーク は、クラウド対応のモバイルアプリケーションとウェブアプリケーションを構築するオープンソースプロジェクトで、ライブラリ、UI コンポーネント、インタラクティブな CLI ツールチェーンで構成されています。 本日、新しく再設計された Amplify UI コンポーネントライブラリをリリースします。これにより、JavaScript 開発者は、認証シナリオをウェブアプリに簡単に追加できるようになります。開発者は、認証コンポーネントを使用して、サインイン、サインアップ、サインアップの確認、パスワードの失念、新しいパスワードの要求、連絡先の確認、挨拶、OTP などの機能をアプリにすばやく追加できます。認証コンポーネントには、サインアップ確認後にユーザーを自動的にサインインする機能、より詳細なカスタマイズ性 (HTML スロット要素の活用)、改善されたアクセシビリティなど

AWS Amplify は、Amplify DataStore を発表します。これは、iOS、Android、React Native を使用するウェブ、IoT、モバイル開発者向けのクエリ可能なオンデバイスデータストアです。Amplify DataStore は、オフラインおよびオンラインシナリオ用の追加コードを作成せずに共有および分散データを活用するためのプログラミングモデルを提供します。これにより、ローカルユーザーのみのデータを扱うのと同じくらい簡単に分散クロスユーザーデータを扱うことができ、開発者はリッチなアプリエクスペリエンスを作成できます。 以前は、AppSync は、以前にクラウドから返されたクエリ結果を保存するのにデバイス上のキャッシュを利用することで、オフラインのユースケースに対処していました。AppSync でクエリ結果のデバイス上のキャッシュを実装したことにより、開発者

Amazon Web Services ブログ Amplify DataStore – GraphQL でオフラインアプリの開発を簡素化 オープンソースの Amplify Framework は、ウェブおよびモバイル開発者がクラウドベースのサービスを簡単にプロビジョニングおよびアクセスできるようにするコマンドラインツールおよびライブラリです。たとえば、モバイルアプリケーション用に GraphQL API を作成したければ、開発マシンで amplify add api を使用してバックエンド API を設定します。いくつかの質問に答えた後、amplify push と入力して、クラウドで AWS AppSync API バックエンドを作成します。Amplify はコードを生成し、アプリが新しく作成された API に簡単にアクセスできるようにします。Amplify は Angular、Reac

Develop a "to-do app" that syncs app data to the cloud and take off from there.

Amplify コンソールで、ブランチパターンデプロイのサポートが追加されました。これにより、開発者は特定のパターンと一致するブランチを追加設定なしで自動的にデプロイできるようになります。 リリース用に機能ブランチまたは GitFlow ワークフローを使用しているプロダクトチームは、"release*/**" などのパターンを定義することにより、共有可能な URL に "release" で始まる Git ブランチを自動的にデプロイできるようになりました。Amplify コンソールでは、バックエンドを使用するアプリケーション向けにステージングバージョンのバックエンドが自動的にデプロイされるため、テスターは本稼働に影響を与えることなく変更を行えます。

本日 Amplify Console で、SAM CLI とカスタムコンテナのサポートを含むビルドサービスの複数の更新がリリースされました。Amplify Console では、フルスタックのサーバーレスウェブアプリケーションを継続的にデプロイおよびホストするための、Git ベースのワークフローが提供されます。 現在、デフォルトのビルドイメージでは Node 10 と SAM CLI がプリインストールされた Amazon Linux 2 が使用されています。カスタムコンテナにより、開発者はデフォルトのコンテナを独自のビルド環境に交換できます。Amplify では、ビルド時にプロジェクト設定で指定されたコンテナレジストリから Docker イメージを取得します。また、独自のビルド環境を使用してソースコードのコンパイル、テストの実行、アプリケーションのデプロイを行います。開発者はバックエンド

Amplify ConsoleがCypressのテストをサポート！ Amplify ConsoleでE2Eテスティングフレームワーク「Cypress」がサポートされました！ Running end-to-end Cypress tests for your fullstack CI/CD deployment with Amplify Console | AWS Mobile Blog CypressはWebアプリ開発のお供として、現在非常によく使われているテスティングフレームワークかと思います。Amplify Consoleでサポートされたことによって、E2Eテストを含めたCI/CD環境がサクッと構築できるようになりました。 早速使ってみました！Cypressを使ってログイン操作のE2Eを試してみます。 試すためのWebアプリを用意する Amplify自体の説明は省きます。まずは以下のコ

Amplify コンソールでは、ユーザーが CDN ディストリビューションのアクセスログをダウンロードできるようになりました。アクセスログには、CDN が受信した各ユーザーリクエストに関する詳細な情報が含まれます。アクセスログは、2 週間の期間内でいつでも CSV フォーマットでいつでもダウンロードできます。

More Great Workshops If you enjoy this workshop, you might also like... Intro to Service Coordination with AWS Step Functions navigation Build a Photo-Sharing Web App with AWS Amplify and AWS AppSync Welcome! In this workshop, we’ll use React to build a data-driven web app that lets users upload photos to secure photo galleries. We’ll use AWS AppSync to get up and running quickly with a GraphQL AP

Amplify コンソールで、開発者はデスクトップからフォルダをアップロードするか、S3 バケットまたは外部サーバに保存されている zip ファイルにリンクするだけで、ウェブアプリケーションをホストできるようになりました。 独自の CI/CD パイプラインを管理している開発者は、Amplify コンソールを使用して静的ウェブアプリケーションをホストし、インスタント CDN キャッシュの無効化、アトミックデプロイ、パスワード保護、リダイレクトなどのすべてのホスティングメリットを活用できます。さらに、概念実証を構築する開発者は、Git リポジトリに接続するオーバーヘッドなしに、アプリの共有可能な URL を数秒で取得することができます。

最近プロジェクトで扱ったAWS Amplifyについてブログにまとめていきたいと思います。その中でも第１弾は画像やテキストを保存できるStorageの紹介から始めます。 誤字脱字や認識の間違いなどありましたらコメントいただけますと幸いです。 AWS Amplifyとは Storageについて 機能の概要 ファイルアクセスレベル（ファイルの操作権限について） 環境構築をする 環境構築前の下準備 React.jsのセットアップ Amplifyのインストール Amplifyのセットアップ Storageのセットアップ Storageの基本機能の紹介 設定ファイルを読み込む Put（ファイルのアップロード） Get（ファイルのダウンロード） Remove（ファイルの削除） List keys（フォルダ配下のファイル一覧取得） Tracking Events UI Components for Re