【開催報告&資料公開】Amplify Week – オンラインハンズオン | Amazon Web Services
AWS Startup ブログ 【開催報告&資料公開】Amplify Week – オンラインハンズオン こんにちは、スタートアップ ソリューションアーキテクトの松田 (Twitter: @mats16k) です。 AWS Startup Day の連動イベントとして、オンラインハンズオン「Amplify Week」を 4/15(水)〜17(金) の３夜連続で行いました！今回はセッション資料と、実際に頂いた質問とその解答の紹介をしていきます。 なお、イベントページに記載があります通り、AWS Startup Day の Amplify 関連セッションを聴講の上での参加を推奨しておりますので、本記事を見てハンズオンに興味を持たれた方もセッションからご覧頂くのがよろしいかと思います。 概要 今年はオンラインでの開催となりました AWS Startup Day の連動イベントのオンラインハンズオ
Gatsby.js と AWS Amplify を使って爆速でブログサイトをデプロイする | DevelopersIO
概要 CX事業本部の佐藤です。 Gatsby.js という React ベースの静的サイトジェネレータがあります。 それを AWS Amplify でデプロイして爆速でブログサイトをデプロイできましたので、手順を記事にしたいと思います。 Gatsby.js とは https://www.gatsbyjs.org/ React のフレームワークの一種で、静的サイトジェネレータです。静的サイトジェネレータとは、 ブログの記事やWebページなどをあらかじめビルド時に生成しておき、デプロイ後はそれを表示するだけにすることで、 Webサイトが高速に動作するようにした技術です。 Gatsby.js を使うことで、Wordpress などの CMS や Markdown ファイル、DB などからデータを取得して、 それを事前にビルドしてWebページに変換してデプロイすることが可能です。 Gatsby.j
React + Amplify + AppSync + DynamoDB でサーバレスなWebアプリを作成する公式チュートリアルをやってみた | DevelopersIO
React + Amplify + AppSync + DynamoDB でサーバレスなWebアプリを作成する公式チュートリアルをやってみた Amplifyを使って React + AppSync + DynamoDB でサーバレスなWebアプリを作成するチュートリアルをやってみました！ 大阪オフィスのYui(@MayForBlue)です。 最近プライベートでAWS Amplify(以下Amplify)を触っていて、良さげなチュートリアルを見つけたのでやってみました。 Amplifyを使って React + AppSync + DynamoDB でWebアプリを作成するものです。 デプロイについてはチュートリアルで紹介されているS3でのホスティングではなくAmplify Consoleを使ってCI/CDできるようにするなど少し工夫してやってみました。 Amplify JavaScript
AmplifyでReactアプリのデプロイ、CI/CDをする公式チュートリアルをやってみた | DevelopersIO
大阪オフィスのYui(@MayForBlue)です。 AWS Amplify(以下Amplify)を触る機会があり、Reactアプリのデプロイ、ホスティングとCI/CDを試すことができるチュートリアルを見つけたのでやってみました。 Reactを知らなくても簡単にできるのと、AmplifyだけでなくCI/CDがどういうものかをサクッと掴むこともできるのでとても良いチュートリアルだと思いました！ 所要時間は30分くらいでした。 Deploy and host a ReactJS app with AWS Amplify Console 手順 前提条件 Reactアプリケーションを作成する GitHubにpushする Amplify をセットアップする CI/CDを試す アプリケーションの削除 前提条件 Node.jsがインストールされていること GitHubアカウントを持っていること Node
Amplify を用いてウェブとネイティブのマルチプラットフォーム対応する - サーバーワークスエンジニアブログ
こんにちは、技術1課の加藤です。 最近 Amplify にハマって色々と触ってみているのですが、 Amplify って複数のクライアントプラットフォームに対応しているんですよね。 マルチプラットフォームに対応しているからにはやっぱり複数のプラットフォームでバックエンドを共有したいもの。 というわけで今回は React を使ってウェブアプリとネイティブアプリを作成し、同じ認証情報を使ってログインしてみます。 1. React ウェブアプリ まずはウェブアプリ + 認証機構の実装を行います。 1-1. React アプリの作成 $ npx create-react-app react-amplify $ cd react-amplify 一応、ちゃんと動くか確認します。 $ yarn start or $ npm start 以下の画面が開けばOKです。 確認が終わったら Ctrl + C で
【Amplify】Amplify Console に CLI のインターフェースが追加されました！ - サーバーワークスエンジニアブログ
こんにちは、技術1課の加藤です。 Amplify 使ってますか？ とっても便利な Amplify ですが、ついに Amplify Console と Amplify CLI の紐付けがされたみたいです。 早速ご紹介していきます！ AWS Amplify とは？ 雑に書くと、AWS が提供する OSS の開発プラットフォームです。 モバイルアプリケーションおよびWebアプリケーションを構築するために必要なツール群を総称したもので、具体的には、 iOS, Android, Webアプリと統合するためのライブラリ UIコンポーネント コマンドラインインターフェース ( Amplify CLI ) を提供しています。 Amplify Console とは？ 一方 AWS Amplify Console というのは、サーバーレスウェブアプリケーションのデプロイ・ホストをするための AWS サービスの
AWS Amplify CLI から AWS Amplify コンソールでアプリをホストする | Amazon Web Services
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 などのサービスをすべてコマンドラインインターフェイス経由で簡単に追加するためのツール
AWS Amplify とAWS AppSync のワークショップをやってみた | Nijot Tech Blog
AWS Amplify とAppSync を試してみるのに非常に良いワークショップがありましたので実際に実施してみました。以下のURL です。 完成すると以下のような機能を持つ一通り動作するアプリケーションを構築できます。最後は開発環境での実行だけではなくS3 にデプロイすることで実際にインターネット上で公開して動作させるところまで構築できます。 サインアップ/サインイン などの認証と認可(メールアドレスの到達確認も含む)アルバムの作成・一覧表示アルバムへの画像のアップロードアップロードした画像のサムネイル作成と、サムネイル画像の表示画像の分析とラベル付けおよび、ラベルによる画像検索機能の追加(Option) サムネイルをクリックして元画像の表示(Option) アルバムのユーザー間での共有 開発には、AWS Amplify を利用し、フロントエンドはReact を使用しています。 所感
AWS Amplify のカレンダー | Advent Calendar 2019 - Qiita
The Qiita Advent Calendar 2019 is supported by the following companies, organizations, and services.
AWS Amplifyで30分でGraphQL環境を用意してAndroidとつなぐぞっ！つかまれッ！ - 怠惰を求めて勤勉に行き着く
こんにちは！本エントリは「AWS Amplify Advent Calendar 2019」の記念すべき第1日目です！ このエントリではAWS Amplifyを使ってユーザ認証機能付きのリアルタイムチャットアプリを30分で作ってみたいと思います。 AWS Amplifyとは AWS Amplify（以下Amplify）を初めて耳にする方、ご安心ください！ Amplifyはスケールするモバイルアプリおよびウェブアプリを最速で構築するためのサービス／ツール群です。 aws.amazon.com Amplifyは API機能の簡単な追加 認証機能の簡単な追加 画像／文字認識などのAI機能の簡単な追加 オフラインのデータ同期 これらを利用するためのライブラリやUIコンポーネント などを含んでおり、モバイルアプリやウェブアプリを開発して実際にサービスを提供するのに必要なフロントエンド／バックエンドを
Amplify vs Firebase 比較してみた - Qiita
サーバレスアーキテクチャの選択肢として、AWSのAmplify、GoogleのFirebaseが有力な候補となっているのではないでしょうか。 実際にAmplify・Firebaseの両者に触れ、比較・検討して得られた知見をまとめました。 ※直近プロダクトの開発にAmplifyを採用して進めてきたので、Amplifyを軸に記事を書いています。 API連携 AmplifyとFirebaseとで異なる特徴のひとつにAWS AppSync（GraphQLをすぐに利用できるフルマネージドサービス）を利用できる点があります。 自前でGraphQLを構築するのは手間がかかりますが、AmplifyのAPIモジュールは「AWS AppSync」をサポートしているので簡単に構築できます。DynamoDBやLambdaとのアクセスもシームレスに行えるので非常に便利です。 以下はその他のAppSyncのメリット
AWS 怠惰なプログラマ向けお手軽アプリ開発手法 2019
このハンズオンシリーズについて AWS Amplify & AWS Chalice ハンズオン 〜怠惰なプログラマ向けお手軽アプリ開発手法〜 にようこそ AWS Amplify ハンズオン AWS Amplify とは サーバーレスなバックエンドをセットアップするための CLI、フロントエンドで利用できる UI コンポーネント、CI/CD やホスティングのためのコンソールを含む Web およびモバイルアプリ開発のためのフレームワークです。 ※ 今回のハンズオンでは手順簡略化のため、Amplify ConsoleではなくAmplify CLIでデプロイを行いますす。ソースリポジトリとの連携やCI/CDの構築を行いたい場合はAmplify Consoleを使用するとが推奨されます。 ハンズオン資料はこちら AWS Amplify ハンズオン 基本ステップ AWS Amplify ハンズオン ア
新サービス「AWS Amplify Console」登場！簡単3ステップでWebアプリのCI/CD環境を構築！ #reinvent | DevelopersIO
突如として我々の目の前にAWS Amplify Consoleが登場！ re:Invent 2018の初夜、早速AWSの各サービスのアップデートが届きました。 モバイル・Webアプリ関連では AWS Amplify Console なるものが登場！ AWS Amplify Console 早速触ってみました。 AWS Amplify Consoleとは？ AWS Amplify Consoleは簡単に言うと Webアプリを公開する環境を超簡単にセットアップできるサービス です。 Management Console上から、AWSを利用したWebアプリを作る上では欠かせないライブラリ「AWS Amplify」を組み込んだWebアプリを、構築、ビルド、リリースできます。 サーバーレスをバックエンドにしたスケーラブルな静的Webアプリをホスティング グローバル対応 簡単なドメインセットアップ シ
Amplify Multi Environment でチーム開発を整備する | DevelopersIO
Amplifyを利用してごく小規模な開発を行っています. 初めは開発を私主体で行っており特に問題も不便さもありませんでした. ですが開発するメンバが増えるのでデプロイフロー含めて整備する必要が出てきました. そこでAmplify Multi Environmentの導入と開発フローを少し整備したのでまとめてみました. tl;tr Amplify Consoleに接続したブランチと環境はCLI側から変更しないようにする Amplify ConsoleとGitHub Flowを利用して開発を進めようとしている Amplify Envについて Amplify Multi EnvironmentはAmplifyで複数環境を管理する機能です. アプリケーション開発で開発環境, ステージング環境, 本番環境を分けて作成するのは普通の流れですね. それぞれの環境は依存しておらず切り離されているべきであり
AWS Amplify + React で認証を実装する中でハマったアレコレ | DevelopersIO
Amplify/AppSyncとReactを利用したプロダクトで、Amplifyの認証(Cognito)を利用してログイン、登録フォーム、PrivateRouteを作成した際にハマった内容をご紹介します。 ども、もこ@札幌オフィスです。 昨年の年末からAWSJ様によるプログラム「APN Next Generation Engineer Leaders Dojo」（以下ANGEL Dojoと表記）に参加しています。 Amplify/AppSyncとReactを利用したプロダクトで、Amplifyの認証(Cognito)を利用してログイン、登録フォーム、PrivateRouteを作成した際にハマった内容をご紹介します。 ANGEL Dojoとは？ ANGEL Dojoでは次世代を担うAPNの若手のエンジニアの方々に、擬似プロジェクトを通じてアジャイル、DevOps、モダンなアプリケーション開発
Amplify DataStore – GraphQL でオフラインアプリの開発を簡素化 | Amazon Web Services
Amazon Web Services ブログ Amplify DataStore – GraphQL でオフラインアプリの開発を簡素化 オープンソースの Amplify Framework は、ウェブおよびモバイル開発者がクラウドベースのサービスを簡単にプロビジョニングおよびアクセスできるようにするコマンドラインツールおよびライブラリです。たとえば、モバイルアプリケーション用に GraphQL API を作成したければ、開発マシンで amplify add api を使用してバックエンド API を設定します。いくつかの質問に答えた後、amplify push と入力して、クラウドで AWS AppSync API バックエンドを作成します。Amplify はコードを生成し、アプリが新しく作成された API に簡単にアクセスできるようにします。Amplify は Angular、Reac
Amplify Console のプルリクエストプレビューと Cypress テストの機能を使い便利にアプリのテストを行う | Amazon Web Services
Amazon Web Services ブログ Amplify Console のプルリクエストプレビューと Cypress テストの機能を使い便利にアプリのテストを行う Amplify Console を使うと、開発者は継続的なデプロイを行う Git ベースのワークフローの定義やフルスタックのサーバーレスウェブアプリケーションのホスティングが容易に行えるようになりますフルスタックのサーバーレスアプリの構造では、GraphQL API やデータおよびファイルストレージ、また認証もしくは分析のためのバックエンドのリソースが、React、Gatsby あるいは Angular といったフロントエンドフレームワークと統合されています。Amplify Console に関する詳細については、以前のブログ記事をご参照ください。 今回は、コードを実稼働状態にリリースする前の段階において、プレビュー U
AWS Amplify CLI をチュートリアルで試してみた | DevelopersIO
Guten Tag! また半袖が着れる季節になってきました、ベルリンから伊藤です！3週間前 ビキニ→先週 コート→今 半袖（※あくまで一例です）とベルリンの季節の移り変わりが不思議です。 さて、AWS Amplify というサービスの理解のために、Getting Started のチュートリアルに従って以前試してみた内容を公開します。 AWS Amplify とは、Webサイト/Webアプリのデプロイ・ホスティングが簡単に行える、昨年の re:Invent でリリースされたサービスです。東京リージョンでコンソールが使用できるようになったのも、今年4月のこと。 Dev.IO でも Amplify の記事 が続々と出てきています。 では早速行ってみましょう。 前準備 Amplify CLI のインストールと設定を行います。 下記のバージョンで確認しています。まだの場合は Node.js と n
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android Appにログイン機能実装ハンズオン(AWS Amplify) - こうきがれーじ
AWS Black Belt Online Seminar AWS Amplify
