広野 祐司

アプリケーション開発

[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.12) で使用可能な pandas の Lambda Layer を準備する

データ分析や加工でよく使われるライブラリに、pandas があると思います。本記事では、AWS Lambda (Python 3.12) で動作する 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) をアップグレードしたときに対応した箇所を紹介します。