AWS React + MUI でメール送信フォームをつくる [バックエンドはAWS]
本記事では、React と MUI でつくったメール送信フォーム画面を紹介します。バックエンドのメール送信 API を構築する AWS CloudFormation テンプレート付きです。
広野 祐司
AWS 
AWS AWS Step Functions の Map ステートで同一処理を並列に実行しよう！
サーバーレス環境で大量の同一処理をさせようと思ったら、AWS Step Functions の Map ステートを使用するのが便利です。本記事では、その仕組みやユースケースを紹介します。
アプリケーション開発 [JavaScript] JSON データを簡易なフォーマットに変換したい
JSON データから使用しないデータを差っ引いて、後々処理しやすいデータフォーマットに変換したいときの JavaScript コード例を紹介します。
AWS AWS Lambda 関数の中身を AWS X-Ray でトレースするための準備
AWS X-Ray が AWS Lambda 関数内の内部処理をトレースしてくれるようにするために必要な準備方法を紹介します。
アプリケーション開発 [React] 自動で画面の垂直方向スクロールをさせるときのあれこれ
React SPA 開発でよく使う垂直スクロールの実装方法と注意事項を紹介します。
AWS Amazon API Gateway だけでユーザのソース IP アドレスを返してくれる API をつくる [AWS CloudFormation テンプレート付き]
SPA (Single Page Application) では、技術的な制約上アプリ内でユーザのソース IP アドレスを取得することができないため、Amazon API Gateway で取得する API をつくってみました。
AWS AWS Amplify Console と同等の CI/CD 環境を AWS Code サービスシリーズでつくる [AWS CloudFormation でかんたん構築!!]
AWS Amplify Console は神サービスなのですが、カスタマイズ性は低いです。Amplify がマッチしない要件に対応するため、同等の機能を AWS Code サービスシリーズで作ってみました。
アプリケーション開発 [React] react-papaparse を使って JSON データを CSV ファイルとしてダウンロードする
React アプリ内で表示しているテーブルなどの JSON データを、CSV ファイルとしてローカルにダウンロードしたいケースがあります。そんな機能が簡単に実装できる、react-papaparse の使い方を紹介します。
AWS Amazon S3 イベント通知から AWS Step Functions ステートマシンを呼び出す [AWS CloudFormation テンプレート付き]
Amazon S3 イベント通知を使用して、特定のオブジェクトへのアクションをトリガーに AWS Step Functions ステートマシンを呼び出す方法を紹介します。
AWS AWS Lambda (Python 3.14) で使用可能な pandas の Lambda Layer を準備する
データ分析や加工でよく使われるライブラリに、pandas があると思います。本記事では、AWS Lambda (Python 3.14) で動作する pandas の Lambda Layer を準備する手順を紹介します。
AWS Amazon Cognito でセルフサインアップ時にメールアドレスをチェックする方法 [続編]
Amazon Cognito のセルフサインアップ時にメールアドレスのドメイン名をチェックしたいが、管理者がマネジメントコンソールからユーザ登録するときはチェックしないようにする方法を紹介します。
アプリケーション開発 [React] react-papaparse を使ってローカル CSV ファイルを JSON データとしてロードする
React アプリ上でローカル CSV ファイルを読み込ませて、大量データを効率的に一括処理したいケースがあります。画面UIやデータ変換をしてくれる便利なモジュール react-papaparse を紹介します。
AWS AWS Amplify Storage を AWS CloudFormation でマニュアルセットアップする
サーバーレス WEB アプリ (SPA) から、ファイルをバックエンドにアップロードして処理したいことがあります。AWS Amplify と連携させた Amazon S3 バケット「AWS Amplify Storage」を使用すると、アプリとセキュアに連動したストレージを簡単に作ることができます。
アプリケーション開発 React 18 にアップグレードしてみた
2022年3月29日に、React のバージョン 18 がリリースされました。私が開発・運用している既存 React アプリ (v17) をアップグレードしたときに対応した箇所を紹介します。
データベース Amazon S3 に置いたデータを自動的に Amazon DynamoDB にインポートしたい [AWS CloudFormation テンプレート付き]
Amazon S3 にデータを置いたら自動で Amazon DynamoDB にインポートされる仕組みを紹介します。特定の Amazon DynamoDB テーブルを何度も更新する運用が必要な場合、データファイルさえ作ってしまえば Amazon S3 バケットに置くだけで更新ができるようになり、楽です。
AWS Amazon Cognito ユーザのリストを AWS Lambda で取得する
アプリ画面に Amazon Cognito のユーザリストを表示させたいときに必要となる、AWS Lambda 関数を紹介します。