Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aws-amplify-jp/awesome-aws-amplify-ja

日本語で書かれているAWS Amplifyのツール、チュートリアル、記事などのリンク集
https://github.com/aws-amplify-jp/awesome-aws-amplify-ja

List: awesome-aws-amplify-ja

app-sync aws aws-amplify

Last synced: about 2 months ago
JSON representation

日本語で書かれているAWS Amplifyのツール、チュートリアル、記事などのリンク集

Awesome Lists containing this project

README 

        
# Amplify学習リソース集

> [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)


> 日本語で書かれているAWS Amplifyのツール、チュートリアル、記事などのリンク集です。


> 英語版はこちら: https://github.com/dabit3/awesome-aws-amplify



## 追加方法



PRにて受け付けています。[ガイドライン](https://github.com/aws-amplify-jp/awesome-aws-amplify-ja/blob/main/contributing.md) をご一読の上、[こちら](https://github.com/aws-amplify-jp/awesome-aws-amplify-ja/pulls)よりお送りください。



## イベント

- [Amplify Boost Up](https://aws-amplify-jp.connpass.com/)



## Discord

- [Amplify Japan User Group](https://discord.gg/2wVQ2D53Na)



## Amplifyとは

- [スタートアップが AWS Amplify を使うべき3つの理由](https://aws.amazon.com/jp/blogs/startup/techblog-3reasons-amplify/)

- [フロントエンドエンジニアに捧げるAWS Amplify Console](https://dev.classmethod.jp/articles/aws-amplify-console-guide-lines-for-frontend-engineer/)

- [フロントエンドエンジニアのためのAWSアーキテクチャ](https://speakerdeck.com/tmizuma/hurontoentoensiniafalsetamefalseawsakitekutiya)

- [AWS Amplify 実践編](https://speakerdeck.com/jaguar_imo/practical-aws-amplify-at-aws-dev-day-2020)

- [Amplify CLI Deep Dive ](https://speakerdeck.com/jaguar_imo/amplify-cli-deep-dive-awsdevday-2020)

- [AmplifyとAppSyncでモダンでイケてるWebサービスを爆速で立ち上げようぜ](https://dev.classmethod.jp/articles/amplify-appsync-bakusoku-devio2020/)

- [AWS Amplify で始める、サクッとアプリ開発](https://aws.amazon.com/jp/builders-flash/202103/amplify-app-development/)



## 公式ワークショップ



- [AMPLIFY SNS WORKSHOP](https://amplify-sns.workshop.aws/ja/)

- [AWS で React アプリケーションを構築する](https://aws.amazon.com/jp/getting-started/hands-on/build-react-app-amplify-graphql/)

- [CI/CD による React アプリの AWS へのデプロイ](https://aws.amazon.com/jp/getting-started/hands-on/deploy-react-app-cicd-amplify/)

- [Flutter アプリケーションを構築する](https://aws.amazon.com/jp/getting-started/hands-on/build-flutter-app-amplify/?nc1=h_ls)



## 事例



- [コーポレートサイトを誰にも気づかれず静的化したときの技術選択について](https://developer.hatenastaff.com/entry/2020/07/22/120000)

- [AWS Amplify で実現する DX 時代のマインドチェンジ](https://speakerdeck.com/ksukenobe/aws-amplify-deshi-xian-suru-dx-shi-dai-falsemaindotienzi)

- [Amplifyで実現した開発期間15日の路面電車乗務員勤務管理システムのフィールドテスト事例について](https://pages.awscloud.com/rs/112-TZM-766/images/EV_awsamplify-meetup-0731_Jul-2020_LT1.pdf)

- [Amplify 山あり、谷あり奮闘記](https://speakerdeck.com/jyamamoto/amplifyshan-ari-gu-arifen-dou-ji)

- [Amplify Meetup #01 わたしが AWS Amplify を使い続ける理由](https://speakerdeck.com/ksukenobe/amplify-meetup-number-01-watasiga-aws-amplify-woshi-isok-keruli-you)

- [Amplify Console のビルド通知をSlackで受け取るためにやったこと](https://speakerdeck.com/youta1119/amplify-console-falsebirudotong-zhi-woslackdeshou-kequ-rutameniyatutakoto)

- [AWS Amplify Console + CDKを用いて短納期・少人数・フルリモートで作る管理画面](https://dev.classmethod.jp/articles/showcase2020day2aws-amplify-console-cdk/)

- [LabBase Nowの応募サイトをAWS Amplifyで爆速開発してみた](https://zenn.dev/guevara/articles/049324cc70f984d62dfe)



## Tips



### セキュリティ

- [痒いところに手が届くAmplify](https://speakerdeck.com/yuukiyo/yang-itokoronishou-gajie-kuamplify)



### API

- [AmplifyのAPI機能を使う際のTips](https://dev.classmethod.jp/articles/amplify-meetup-01-taewoo/)



### Amplify Console

- [Amplify Consoleの通知をSlackに流す](https://qiita.com/fossamagna/items/70e4e399de59984ad3bb)



## チュートリアル



### React



- [React+Amplify+AppSyncでリアルタイム掲示板アプリを15分で作り上げる](https://qiita.com/G-awa/items/a5b2cc7017b1eceeb002)

- [AmplifyでReactアプリのデプロイ、CI/CDをする公式チュートリアルをやってみた](https://dev.classmethod.jp/articles/amplify-react-cicd-tutorial/)

- [React + Amplify + AppSync + DynamoDB でサーバレスなWebアプリを作成する公式チュートリアルをやってみた](https://dev.classmethod.jp/articles/react-amplify-appsync-dynamodb-tutorial/)



### Vue.js

- [AWS Amplifyハンズオン with Vue.js](http://educationhub-04a56a10-14f3-11eb-92c2-13799b4728b2.s3-website-us-east-1.amazonaws.com/)

- [AWS Amplify と Vue.js を用いた管理画面のサンプルプロジェクト](https://github.com/aws-amplify-jp/amplify-vue-management-console-example)

- [AWS Amplify（Cognito）でLINEへソーシャルログインする](https://qiita.com/takeshi_hirosue/items/7de213590f6e9f9f6838)

- [AWS Amplify と Vue.js を使って、基本的な認証と CRUD 操作ができる Web アプリケーションを作る](https://aws.amazon.com/jp/builders-flash/202008/amplify-crud-app/)

- [AWS Amplify + Vue.js で簡単WEBアプリ作成](https://www.cresco.co.jp/blog/entry/11142/)

- [AWS AmplifyをVue.jsで使い倒したい！（セットアップ・認証編）](https://qiita.com/jre233kei/items/d719159c6b0b44b3980d)

- [AWS AmplifyをVue.jsで使い倒したい！（API編）](https://qiita.com/jre233kei/items/b47656059e1718363245)

- [AWS AmplifyのUI Componentsを利用する](https://zenn.dev/ssshun/articles/e6c827f46640a9a657ed)

- [Amplify で開発してみる #1 / API (GraphQL) その1 テーブル一つの実装](https://www.northdetail.co.jp/blog/905/)

- [Amplify で開発してみる #2 / API (GraphQL) その2 テーブル連携した実装](https://www.northdetail.co.jp/blog/930/)

- [Amplify で開発してみる #3 / Authentication と API (GraphQL) を連携した実装](https://www.northdetail.co.jp/blog/1039/)

- [Amplify で開発してみる #4 / Subscriptions を使った API (GraphQL) のリアルタイムデータ連携](https://www.northdetail.co.jp/blog/1086/)

- [AWS AmplifyとAmplify UI VueとVue.jsでログイン機能を構築してみた](https://qiita.com/dayjournal/items/d67529cf62efd055617b)



### Angular

- [AWS AmplifyとAngular8を使ってCognitoでAWS Management Consoleにログインするページを作ってみる](https://dev.classmethod.jp/articles/aws-management-console-login-with-cognito-user-using-amplify-and-angular8/)

- [AWS AmplifyとAngular8を使ってCognitoでQuickSightにログインするページを作ってみる](https://dev.classmethod.jp/articles/quicksight-login-with-cognito-user-using-amplify-and-angular8/)



### Next.js

- [Next.js x Amplify boilerplate](https://github.com/kazukinagata/next-amplify-template)

- [AmplifyがNext.jsとNuxt.jsを利用したSSR（Server Side Rendering）に対応しました](https://dev.classmethod.jp/articles/amplify-javascript-adds-server-side-rendering-support-frameworks-next-js-nuxt-js/)

- [Next.js+TypeScript+AWS Amplify+RecoilでToDoリストを作る](https://qiita.com/Y_uuu/items/249dfcc794f101129b09)



### Amplify Hosting

- [AWS Amplify CLI から AWS Amplify コンソールでアプリをホストする](https://aws.amazon.com/jp/blogs/news/host-your-apps-with-aws-amplify-console-from-the-aws-amplify-cli/)

- [AWS Amplifyの公開設定を色々とためしてみた](https://qiita.com/dayjournal/items/c6e4ca20887a093560a0)

- [AWS Amplifyで独自ドメインホスティング環境を構築してみた](https://qiita.com/dayjournal/items/57cb0a8232d11c6c99af)

- [AWS AmplifyでGoogle Domainsの独自ドメインホスティング環境を構築してみた](https://qiita.com/dayjournal/items/bdeaa4a5bca42c4cfe9b)



### Amplify DataStore

- [Amplify DataStore – GraphQL でオフラインアプリの開発を簡素化](https://aws.amazon.com/jp/blogs/news/amplify-datastore-simplify-development-of-offline-apps-with-graphql/)



### Flutter

- [Amplify Flutterがリリースされました](https://dev.classmethod.jp/articles/what-new-amplify-flutter/)

- [AWS AmplifyとFlutterでログイン機能を構築してみた](https://qiita.com/dayjournal/items/092d51dfb463bf8b8837)



### Amplify Studio

- [AWS Amplify Studio – 最小限のプログラミングでFigmaからフルスタックのReactアプリを実現](https://aws.amazon.com/jp/blogs/news/aws-amplify-studio-figma-to-fullstack-react-app-with-minimal-programming/)

- [アプリを爆速で開発 ! AWS Amplify Studio で出来ること](https://aws.amazon.com/jp/builders-flash/202203/amplify-studio-flash-development/)



### Amplify Geo

- [Amplify GeoとVue.jsを組み合わせてマップアプリケーションを構築してみた](https://qiita.com/dayjournal/items/2aa8a29adc208739c375)

- [Amplify Geoで住所検索機能を構築してみた](https://qiita.com/dayjournal/items/ecf954bcf43206f1b093)

- [Amplify GeoとMapLibre GL Geocoderを組み合わせて住所検索機能を構築してみた](https://qiita.com/dayjournal/items/5383e6c72bb87877188a)

- [Amazon Location Serviceの新マップスタイルをシンプルに表示してみた](https://qiita.com/dayjournal/items/f81d083126ddd51219a9)



## 動画



### Amplifyとは

- [【AWS Black Belt Online Seminar】AWS Amplify](https://www.youtube.com/watch?v=A4HOzn7ERqE)

- [AWS Startup Day 2020 技術系セッション | これからはじめる AWS Amplify](https://www.youtube.com/watch?v=zreoLmhFulA)

- [AWS Startup Day 2020 技術系セッション | AWS Amplify 実践編](https://www.youtube.com/watch?v=2PNKAWgo_-c)



### React.js

- [Amplify Week Day1 | AWS Startup Day](https://www.youtube.com/watch?v=mNs1naRRQRU)

- [Amplify Week Day2 | AWS Startup Day](https://www.youtube.com/watch?v=_yxV2cnGPdk)

- [Amplify Week Day3 | AWS Startup Day](https://www.youtube.com/watch?v=sIcWRERgJME)



## 記事検索



- [はてなブックマーク](https://b.hatena.ne.jp/search/tag?q=Amplify)

- [Qiita](https://qiita.com/tags/amplify)

- [Zenn](https://zenn.dev/topics/amplify)

- [Twitter](https://twitter.com/search?q=lang%3Aja%20AWSAmplify&src=typed_query&f=live)