Amplifyプロジェクトのgitリポジトリを公開するときの注意点 - BioErrorLog Tech Blog
AWS Amplifyプロジェクトのgitリポジトリをパブリックにするときのセキュリティ上の注意点についての備忘録です。 一言で言うと、team-provider-info.jsonをgit管理から外すべし、となります。 はじめに 作業環境 Amplifyプロジェクトのgitリポジトリを公開するときの注意点 Amplifyの.gitignoreファイル git管理されるAmplify関連ファイル 結論: team-provider-info.jsonはgit管理から外すべし 参考 はじめに 最近、Amplifyをよく使います。 主にReact + Amplifyの組み合わせで開発していますが、APIの作成やCognito連携、Hosting環境やCI/CDパイプライン立ち上げなどが極めて容易にできるため、とても有用なサービスだと感じています。 ここでふと、AmplifyプロジェクトをGit
【Amplify と Figma の連携】Amplify Studio の UI Library を使ってみた - サーバーワークスエンジニアブログ
本ブログは動画での解説も行っています。 youtu.be はじめに 新卒1年目の近藤です。今回AWSのサービス「Amplify」で、デザインツール「Figma」との連携に関する（Amplify Studio）アップデートがありました。どちらも普段からよく使うものランキング上位のサービスなので、知りたい！ただそれだけの思いで設定を行ってみました。 何がうれしいのか デザインツールで作成した UI をコード（React コンポーネント）に変換できる Amplify Studio 上でコンポーネントを管理できる ローカルの開発環境へのインポートが簡単 私が率直に感じたうれしいポイントは上記の3つです。React などのフレームワークでは、Webページでよく使う要素（例えばボタンのUIなど）をコンポーネントとして管理することができます。通常、開発において、デザインツールで作成した UI をコードで
「これから始めるAppSync開発！AppSyncとGraphQL開発手法をCTOが解説します😎」低コストなモダナイズ開発の実践 | Ragate
こんにちは！ AppSync 開発の情報は、API Gateway と比較すると少ないと思います。GraphQL がまだまだ浸透していない日本の開発市場では、経験値のない開発チームが AppSync の開発方法を整理するのには苦労しますよね。 筆者も最初の AppSync 開発案件は非常に緊張しましたが、最近ではある程度開発手法が固まり、開発に安定感がついてきました。 本記事では、AppSync での API 開発の流れをソースコード交えて解説します！ 想定する読者 AppSync を導入検討しているエンジニア自己学習で AppSync 触ったけど実戦経験がなくて不安なヒトRestAPI 開発と具体的にどのような違いがあるのか把握したいヒト はじめに GraphQL の学習コストは高い？ わたし達は、Amplify フレームワークの機能で GraphQL のコードを自動生成しています。 A
Announcing Flutter Web and Desktop support for AWS Amplify Storage, Analytics and API libraries | Amazon Web Services
Front-End Web & Mobile Announcing Flutter Web and Desktop support for AWS Amplify Storage, Analytics and API libraries Earlier this year, AWS Amplify announced a Developer Preview for web and desktop support for its Flutter libraries in the Auth category and Amplify UI Authenticator for creating authentication flows. Today, the Amplify Flutter team is announcing web and desktop support for REST an
Amplify ConsoleでheadlessCMSの記事公開をトリガーにbuildタスクを走らせる - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Gatsby + microCMS + Amplify ConsoleでJAMstackなサイトを作った時に詰まった事象。 途中でContentfulからmicroCMSに乗り換えたのでContentfulでの場合も記載しています。 Amplifyの情報が少なすぎたので公式の英語ドキュメントを雰囲気で読みながら実装しました。 せっかくなのでちょろっとAmplify Console自体の情報も載せておきます。 Amplify Consoleとは？ AWSのホスティングサービス。ざっくり言うとNetlifyやFirebase Hosting
Flutter x AWS Amplifyでアプリを作る
この記事はFlutter Advent Calendar（カレンダー2）の22日目の記事です。 普段私はFlutterでアプリを開発する際はFirebaseと組み合わせてアプリを開発するのですが、 今回はAWSのAmplifyと組み合わせてアプリを作る方法をAWSのチュートリアルを参照しながら実装してみます。 ※チュートリアルでのFlutterはバージョンが古いので2系に書き直す必要があります。 作るもの フォトギャラリーアプリ 今回利用するAmplifyの機能 Amplify Auth (Cognito) ...ログイン認証 Amplify Storage (S3) ...ストレージ Amplify Analytics (Pinpoint) ...ログ分析 作成する環境 % flutter doctor Doctor summary (to see all details, run fl
はじめに 本記事は、チーム開発において、個々のローカル環境を同一に整えるためにDocker上にNodeJSとAWS Amplify（Amplify CLI）の環境の構築した。 主に、Dockerfileとdocker-compose.ymlのコードを説明する。 AWS Amplifyとは ※AWS Amplify で始める、サクッとアプリ開発から引用 サーバーレスなバックエンドをセットアップするための Amplify CLI フロントエンドからバックエンドに接続するための Amplify Libraries CI/CD やウェブアプリのホスティングに向けた Amplify Console ユーザー管理や CMS 的なコンテンツ管理を一元化するコンソール Amplify Admin UI などから構成される、Web およびモバイルアプリ開発のためのフレームワークです。 Dockerfileの
はじめに これはAWS Amplify Advent Calendar 2021 18 日目の記事です。 Amplify CLI で CDK または CloudFormation を使ってカスタムリソースを作れるようになりました。この記事では Amazon IVS のプライベートチャネルを作ってみます。またどうも Amplify CLI 7.6.4 時点ではカスタムリソースを作るのに CDK v1 が使われているようなので CDK v2 に移行してみました。 なぜこの記事を書こうと思ったか あまり言ってないのですが私は Amplify が好きです。最初は AppSync のリゾルバを簡単に作れるところが気に入って(なので Amplify CLI を AppSync SDK みたいに思っていた)、最近は Amplify Console を使って git push するだけでウェブサイトをホス
Amplify + Nuxt.js + Cognitoでログイン機能を実装してみた - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Amplifyで生成されたバックエンドリソースをCDKでカスタマイズする新機能 「オーバーライド」のご紹介 | Amazon Web Services
Amazon Web Services ブログ Amplifyで生成されたバックエンドリソースをCDKでカスタマイズする新機能 「オーバーライド」のご紹介 この記事は、Override Amplify-generated backend resources using CDKを翻訳したものです。 AWS Amplifyは、開発者がAmplifyで生成されたAWS IAM、Amazon Cognito、Amazon S3、およびAmazon DynamoDBのリソース構成を上書きし、アプリの要件を最適に満たす機能を発表しました。 開発者はAmplifyが提供する標準のリソースを使用してバックエンドを簡単に構成できますが、この新しい “オーバーライド” 機能を用いることでさらに細かいリソースの設定をカスタマイズできます。 AWS Amplifyは、AWS上でモバイルアプリやウェブアプリを構築す
JAWS-UG 千葉支部にて、 re:Cap with AWS Serverless Hero ということでお話しさせていただきました。
このツイートの通り、快適な開発環境を手に入れることが出来たので今回はその方法について書きます。 背景 OpenAPIを導入しているプロジェクトがあったのですが、中身の確認のためにはyamlファイルを読むか、SwaggerEditorを利用するしか方法がありませんでした。 そのため直感的に確認が出来ず、APIの仕様のレビューだけでも時間がかかってしまっていました。 そこで、OpenAPIの変更をコードベースではなく、UIでわかりやすく確認することにしました。 そのためにamplifyを使ってPRを上げたタイミングで、OpenAPIに関するディレクトリをホスティングして、確認用URLを発行することにしました。 ディレクトリ構成 今回はRailsのプロジェクトにdocsというフォルダを作り、その中にOpenAPIを入れているような構成でした。 ├── docs │ ├── openapi │ │
Amplify UI’s new Authenticator component makes it easy to add customizable login pages to your React, Angular, or Vue app | Amazon Web Services
Front-End Web & Mobile Amplify UI’s new Authenticator component makes it easy to add customizable login pages to your React, Angular, or Vue app June 27, 2024: This blog post covers Amplify Gen 1. For new Amplify apps, we recommend using Amplify Gen 2. You can learn more about Gen 2 in our launch blog post. This post is written by Nikhil Swaminathan and Eric Clemmons who work at AWS Amplify. AWS A
AWS Amplifyの公開設定を色々とためしてみました AWS Amplifyには主に3パターンの公開方法があります。 AWSコンソールから利用するAmplify Consoleで公開 Amplify CLIから利用するAmplify Consoleで公開 Amplify CLIから利用するカスタム公開 詳細として下記について説明します。 Amplify Consoleで公開 Amplify ConsoleでBasic認証公開 Amplify Consoleでルーティング対応 Amplify Consoleで公開(Amplify CLI) カスタム公開(Amplify CLI) 公開削除(Amplify CLI) Amplify Consoleで公開 Amplify Consoleで公開する方法です。 AWSコンソール → AWS Amplifyをクリック。 Amplify Hostin
Amplify Boost Up #04 Amplify Japan User Group さん主催の Amplify Boost Up の4回目に登壇したので、その内容について補足しつつまとめてみました。 資料は以下の SpeakerDeck で共有しておりますので、ご確認ください Amplify を使っている理由 我々開発運用チームは社外の方も含めて5名です。この人数で動画配信サービスの「hod」と番組関連グッズを販売している「HTBオンラインショップ」の２つのオンライン事業のシステムを担当しています。やらないことを少しでも増やすために、サーバレス構成を基本としており、その流れでAmplifyを活用しています。 だいぶ、省略した部分はありますが、以下にアーキテクチャを載せます。 フロントエンドのデプロイ先としては Amplify Hosting を利用しており、フロントエンドはサービス
Amplify has re-imagined the way frontend developers build fullstack applications. Develop and deploy without the hassle. Fullstack TypeScriptWrite your app's data model, auth, storage, and functions in TypeScript; Amplify will do the rest.
[Amazon Lex] AWS Amplify + Vue.js でWebページにボットを追加してみました | DevelopersIO
1 はじめに CX事業本部の平内（SIN）です。 AWS Amplify（以下、Amplify）では、UIツールキットの１つに、チャットボット機能が提供されています。 INTERACTIONS Chatbot こちらを利用すると、Webページなどに簡単にチャット機能を追加することが可能です。 Amazon Lex（以下、Lex）も最近、日本語に対応したので、利用される場面も広がっているだろうという事で、ここで手順を確認してみたいと思います。 Amazon Lex が日本語に対応。東京リージョンでお使いいただけますhttps://aws.amazon.com/jp/blogs/news/amazon-lex-tokyo/) Lexのボットは、テンプレートにあるOrderFlowerをそのまま利用した、下記のものを利用しています。 また、ユーザー認証は省略し、Cognitoの未認証IDに、最低
![[Amazon Lex] AWS Amplify + Vue.js でWebページにボットを追加してみました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad3def86c56b7328cc1dcb9cc661071a305a4601/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F05%2Famazon-lex.png)
Amplify JavaScript releases support for Vue 3 | Amazon Web Services
Front-End Web & Mobile Amplify JavaScript releases support for Vue 3 Today, Amplify JavaScript adds support for version 3 of Vue JS to accompany current Vue support. The Amplify open-source client libraries provide use-case centric, opinionated, declarative, and easy-to-use interfaces across different categories of cloud powered operations enabling mobile and web developers to easily interact with
テストデータ投入後の状態 サンプルコンポーネント取り込み AWSよりAWS Amplify UI Kitが提供されているので、Figmaのアカウントにコンポーネントを複製する。 取り込んだコンポーネントから右クリック -> Copy/Paste as -> Copy linkで共有ファイルのリンクを取得する。 Design -> UI Librayに上記で取得したリンクを貼り付ける。 Acccept allで全て取り込む。 正常終了するとコンポーネントが28個取り込まれる。 コンポーネントプロパティ修正 今回のサンプルでは、以下コンポーネントを利用するため、コンポーネントプロパティを修正し、カスタマイズできるようにする。 NavBar HeroLayout4 CardC MarketingFooter NavBar, HeroLayout4, MarketingFooter レスポンシブデ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Docker上にNodeJSとAWS Amplify（Amplify CLI）の環境の構築 - Qiita
Amplify x CDK でカスタムリソースを作る& CDK v2 に移行する
ノーコード時代のアーキテクチャ
PRをトリガーにOpenAPIのURLをamplifyで自動ホスティングして、最高の開発環境を手に入れた話
AWS Amplifyの公開設定を色々とためしてみた - Qiita
本番環境でAmplifyを3年くらい使ってみている弊社環境のご紹介 - Qiita
Introduction - Next.js - AWS Amplify Gen 1 Documentation
Amplify Stadio - UI Library を試してみる
kt-gt10.hatenadiary.jp
www.afpbb.com
mgl.quest
yamano-kotori.hatenablog.com
www.afpbb.com
digital.asahi.com