React

AWS

React アプリに Amazon S3 上の CSV データをテーブルで表示する

react-papaparse というモジュールを使って、React アプリに Amazon S3 上の CSV データをテーブルで表示する方法を紹介します。
AWS

React アプリに Amazon S3 上の JSON データをテーブルで表示する

Amazon S3 バケットに配置したテキストファイル内の JSON データを React アプリから読み込ませる例を紹介します。
アプリケーション開発

React を始めて学んだこと ~第1回~

SPA開発フレームワーク「React」は習得が難しいと感じています。開発経験者向けの内容になってしまいますが、私なりのReactの理解を何回かに分けて語ります。初回は自己紹介とSPAの概念になります。
アプリケーション開発

[React] react-player を使ってストリーミング動画ビューア画面をつくる

React アプリ内にストリーミング用動画ファイルを再生させる動画ビューア画面の作成方法を紹介します。react-player というモジュールを使用します。
AWS

React + MUI でメール送信フォームをつくる [バックエンドはAWS]

本記事では、React と MUI でつくったメール送信フォーム画面を紹介します。バックエンドのメール送信 API を構築する AWS CloudFormation テンプレート付きです。
アプリケーション開発

[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 の使い方を紹介します。
アプリケーション開発

[React] react-papaparse を使ってローカル CSV ファイルを JSON データとしてロードする

React アプリ上でローカル CSV ファイルを読み込ませて、大量データを効率的に一括処理したいケースがあります。画面UIやデータ変換をしてくれる便利なモジュール react-papaparse を紹介します。