アプリケーション開発

AWS

ElasticBeanstalkで管理されているALBのアイドルタイムアウト値を変更する

ElasticBeanstalkで管理されているALBのアイドルタイムアウト値を変更する方法を紹介します。アプリケーションのソースコードが格納されているリポジトリに「.ebextensions」を作成して、その配下にオプション設定を格納して設定を変更します。
AWS

Amazon Cognito ユーザのリストを AWS Lambda で取得する

アプリ画面に Amazon Cognito のユーザリストを表示させたいときに必要となる、AWS Lambda 関数を紹介します。
AWS

HTTPSでLambdaを起動:AWS Lambda Function URLs を使ってみる

LambdaをHTTPSでアクセスすることで起動できるLambda Function URLsがリリースされました。この記事では、その実例を記載しています。
AWS

Amazon API Gateway と AWS Lambda の連携でもうハマりたくない [AWS CloudFormation テンプレート付き]

Amazon API Gateway と AWS Lambda の連携がうまくできず時間を浪費してしまう方は結構いらっしゃるのではないかと思います。Amazon API Gateway のタイプや AWS Lambda との統合の仕方によって AWS Lambda 関数のコードも変わるので厄介です。私はそこでハマるのが嫌で、Amazon API Gateway と AWS Lambda 関数の標準設定パターンを決めて使い回ししています。
AWS

Amazon API Gateway Cognito オーソライザーに送信する ID トークン のフォーマットに注意

Amazon API Gateway のセキュリティ機能で、アプリ側で取得した ID トークンが不正なものでないか検証する Cognito オーソライザーという機能があります。API Gateway のタイプにより ID トークンを送信するフォーマットが異なるため、注意点として紹介します。
AWS

AWS Amplify 環境で webmanifest ファイルへのアクセスを有効にする

AWS Amplify でアプリ稼働環境を公開しているときに、manifest.json ファイルの拡張子を .webmanifest に変更する方法を紹介します。変更しなくても動くのですが、ブラウザの開発者ツールに変更を推奨するメッセージが表示され続けるため、それを消すための対処です。
アプリケーション開発

React Router v6 が出たので v5 からアップグレードしてみた

React Rouer v5 から v6 へのアップグレード時に書き換えたコード例を紹介します。ただモジュールをアップグレードするだけでは動かず、コード書き換えが必要になりますのでお気を付けを。
データベース

AWS Lambda を使って Amazon Aurora Serverless からデータを配列で取得する

AWS Lambda および Data API を使って Amazon Aurora Serverless からデータを配列で取得する方法を紹介します。Data API 経由でデータを取得した場合、アプリで扱いづらいフォーマットになっているため、配列に加工した方がよいです。
データベース

React アプリ用に Amazon DynamoDB でユーザ設定テーブルをつくる

React アプリ用に Amazon DynamoDB でユーザ設定テーブルをつくった例を紹介します。 Amazon DynamoDB のテーブル設計とアプリ側でのデータ構造変更の例の紹介が主旨となっております。
AWS

Amplify + Cognito + React アプリから Kinesis Data Firehose にログをストリームする

AWS Amplify + Amazon Cognito + React の WEBアプリで、Amazon Kinesis Data Firehose にログをストリームする方法を紹介します。