Amplify

結論 AWS Appsyncのスキーマで該当する型(ModelIntInput)を手動でアップデートし、contains: Intを追加する。 はじめに AWS AmplifyではデータベースとしてGraphQLを利用することができ、ユーザはGraphQLスキーマを定義するだけでAppSyncやDynamoDBの設定をすることなく利用することができます。 しかし、クエリのfilterで、[Int]型のフィールドに対して、本来利用ができるはずのcontainsオペレータが利用ができず苦しんだので備忘録を残しておきます。 Version "aws-amplify": "^5.3.3" Exampl…

AWS Amplify に vite React で構築したアプリをデプロイしようとしたのですが、プロジェクトで使っている Node.js を v18.16.0 に固定していてビルドエラーになってしまったので Amplify で Node.js v18系を使えるようにしたまでのメモ 結論 AWS Linux:2 の場合は用意されている Node.js v18.13.0 を使うのが良さそう amplify.yml version: 1 frontend: phases: preBuild: commands: - nvm use 18 - node -v - npm ci build: comm…

日付 2023/03/02 起こったこと AWS Amplifyのテストフェーズで無理やりPlayWrightを使っているのだけれども、結果的にはnpx playwright install chromiumeコマンドを実行しなくても動いた そもそも AmplifyのE2EテストにはCypressが標準で使えるようになっているけれども、それのおかげかテストフェーズではChromiumeが自動で動いた。 ほかのブラウザだとどうかはわかんない。 AmplifyでE2Eを書くには これを参考にしてください。 docs.aws.amazon.com

従量課金かつお手軽にフロントエンドをSSRするのがそれなりの関心事であることもあり、AWS AmplifyのAmplify Hostingの表層に触れたのでメモしておく。 動機 AWSコンソールでポチポチ構成できるのは大層良い AWSが弱いところはことごとく弱いのはイマイチ 状態の通知 !!! CustomerError: Framework Web not supported 無料枠は1年 感想

最近AWSのアップデートが多くキャッチアップに時間が取られています( ´△｀) ちょうど１ヶ月ほど前、AmplifyでNextJSをSSRで動かそうとしていたのですがバージョン13が未対応だったためビルドが通らずバージョンを落として使っていました。 しかし、先日読んだ公式日本語ブログで13サポート＆幾つか便利になったとのことで実際に見ていきたいと思います。 前準備 create-next-appなりでVer13の新規プロジェクトを作成します。まずはSSGを試したいのでpackage.jsonのbuildを以下のように変更します。 build": "next build && next expo…

すこし前に話題になったAmplify Studioを触ってみました。 ReactもFigmaも詳しくないのですが、今っぽいサービスなのと実際にどのくらい使えそうかを確認する目的です。 主に3つツールがそれぞれの役割で登場することになります。 Amplify Studio（AWSコンソール） データモデルの定義 デザインの取り込み Figma（デザインツール） UIコンポーネントの作成 ターミナル、VSCodeなど Amplify CLIから生成コードの取り込み Reactアプリケーションの開発作業 行う順序の縛りはそこまでないので、得意なものや気が向いたものから始められると思います。 ※ 動作…

8 ヶ月ぶりの更新がこんなしょぼい内容であれですが、メモ代わりということで。 前提 Amplify および AppSync リゾルバとして Lambda を利用している。 AppSync リゾルバの Lambda で画像処理ライブラリ sharp を使いたい。 課題 AWS Lambda で sharp を利用するには arch=x64 で npm install 必要。 sharp.pixelplumbing.com 従って npm install --arch=x64 sharp でデプロイしたいが amplify push の際には npm install でインストールされるようなので…

今回のドリル 一言英語 : 製品を紹介する時にこの一言 英語 Our product is a game changer! 日本語 私たちの製品は画期的です！ 英語の長文 : インフルエンサーがネットワークを活用する方法 英語 In today's digital age, influencers have become a powerful force in marketing. They have the ability to reach a wide audience and sway public opinion. One of the ways influencers leverag…

ログイン周りの処理を自前で実装してある程度理解したのでcognitoに移行させたい ユーザーIDはcognito側から払い出されたものを自前のユーザーテーブルで二重管理するイメージになるんだろうか IDプロバイダ側(Googleなど)の設定 Adding social identity providers to a user pool - Amazon Cognito react向けチュートリアル Amazon Cognito と AWS Amplify を使用して React アプリケーションユーザーを認証する - AWS 規範的ガイダンス 以下に実装しながら気づいた点などメモします。 Ho…

id:kizashi1122 です。お久しぶりです。 イベント nakanoshima-dev.connpass.com こちらで発表してきました。 会場はグランフロントにある アールスリーインスティテュート ｜R3 Institute さんのオフィスでとてもきれいで素敵でした。 発表資料 speakerdeck.com 内容的には「誰もそんな間違いせんやろ」というような共感性の薄い内容になっています。 他の方の発表 オフレコっぽい内容も多いのでぼやかして・・印象に残ったものをいくつか。 小室さん（モリサワ）「Amazon SES のバウンス率が急上昇〜Amazon SES を止めてしまった日…

ROUTE06 でソフトウェアエンジニアをしている @MH4GF です。 私が関わるプロダクトでは、Amplify HostingでViteを利用したSPAをホスティングしています。今回秘匿情報を安全に設定する方法に詰まったため、解決方法を共有します。 TL;DR Amplify Hostingの組み込みのパラメータストア連携では制約上使えなかったため、ビルドステップでAWS CLIで取得することにした サービスロールにパラメータストアの読み取り権限を付与する必要がある Amplify Hosting公式のパラメータストア連携 Amplify Hostingで環境変数として秘匿情報を扱いたい場…

こんにちは。アプリケーションサービス部の渡辺です。API が大好きで API を使わない日はありません。 ということで AWS AppSync Core Workshop をやってみたいと思います。 AWS AppSync Core Workshop とは Introduction to AWS AppSync Getting Started Hands-on with AppSync Testing and Debugging Integrate your API Monitoring and Observability Clean Up Resources AWS AppSync Core…

「AWS Amplify studioではじめるフロントエンド＋バックエンド統合開発」を読む。 AWS Amplify Studioではじめるフロントエンド+バックエンド統合開発 作者:掌田 津耶乃 ラトルズ Amazon AWS Amplifyでフロントエンドのビルド・デプロイをしている担当サービスが複数あるのでもう少し深掘りしてみようかなと思って読んでみた。 どちらかというと、「フロントエンドメインで開発している人が、Amplifyを使ってReactでシンプルに、認証やDB、ファイル操作も含めてバックエンドも開発してみよう！』という内容。実際に商用のサービスだと本書で紹介されているようなA…

CognitoのLambdaトリガーを使ってみようと思い検証をしていたところ、定義したカスタム属性がIDトークンに含まれていなかったので対処法を調べました。特に大したことない内容ですが忘れないように記述します。

今回のドリル 一言英語 : (音楽を聴きながらプログラミングしている時にこの一言) 英語 Music fuels my programming creativity. 日本語 音楽はプログラミングの創造力を刺激する。 英語の長文 : ソーシャルメディアと音楽 英語 Social media has revolutionized the way we discover and share music. With just a few taps on our smartphones, we can instantly connect with artists, explore new genres…

こんにちは。アプリケーションサービス部 河野です。 今回は、 GraphQL の @function ディレクティブを使用して Lambda リゾルバを構築してみました。 概要 Amplify CLI は いくつかの GraphQL ディレクティブを提供しています。 デフォルトスキーマにある @model もその内の一つです。 API (GraphQL) - Directives reference - AWS Amplify Docs 今回は、Lambda リゾルバを簡単に構築できる @function ディレクティブの使い方について紹介します。 Lambda リゾルバ Lambda リゾル…

こんにちは。アプリケーションサービス部の河野です。 今回は、Amplify で作成した GraphQL API のデータソースを Amazon Aurora Serverless にする方法をご紹介します。 先にまとめ 以下のポイントを考慮して設定する必要があります。 Aurora Serverless V1 で構築する必要がある AppSync と Aurora Serverless の連携は、 Amplify CLI が提供する GraphQL Transformer v1 を使用する必要がある（最新は v2） Amplify Studio で AppSync をプロビジョニングしている場…