アプリケーション開発 [React] react-player を使ってストリーミング動画ビューア画面をつくる
React アプリ内にストリーミング用動画ファイルを再生させる動画ビューア画面の作成方法を紹介します。react-player というモジュールを使用します。
アプリケーション開発
アプリケーション開発 
アプリケーション開発 [JavaScript] JSON データ内特定要素の文字列を正規表現でチェックする
ユーザからの大量のインプットデータに入力ミスがないかチェックする JavaScript コードを紹介します。
AWS React + MUI でメール送信フォームをつくる [バックエンドはAWS]
本記事では、React と MUI でつくったメール送信フォーム画面を紹介します。バックエンドのメール送信 API を構築する AWS CloudFormation テンプレート付きです。
アプリケーション開発 [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 CodePipelineからS3へのデプロイをトリガーにCloudFrontのキャッシュをクリアする
ファイル更新時にS3をトリガーとして、CloudFrontのキャッシュを自動でクリアする仕組みを開発しましたのでご紹介します。この仕組みによって、CloudFrontのTTLを変更しなくても自動でキャッシュクリアできます。