AWS 学習用に AWS Amplify で MUI 公式 React サンプルアプリを立ち上げる
MUI 提供の React サンプルアプリと AWS Amplify を利用すると動くアプリを簡単に立ち上げられるので、その方法を紹介します。
広野 祐司
AWS 
AWS Amazon CloudFront と Amazon S3 の WEB サイトにカスタムエラーページを追加する [AWS CloudFormation]
先日、タイトルに書いてある内容が必要になり、そのときに作成した AWS CloudFormation テンプレートを簡略化したものを紹介します。
AWS aws-amplify と @aws-amplify/ui-react モジュールを v6 にアップデートしてみた
aws-amplify と @aws-amplify/ui-react モジュールをバージョン 5 から 6 にアップグレードしたときの対応を紹介します。
AWS AWS Amplify で Node.js 20 を使ってビルドする [2023年12月情報] [2024年7月更新]
AWS Amplify で動かしている React アプリを Node.js 20 でビルドできたので、そのやり方を紹介します。
AWS Amazon API Gateway と AWS Lambda 関数の CI/CD パイプラインをつくる [AWS SAM + AWS CloudFormation]
Amazon API Gateway と AWS Lambda 関数の CI/CD パイプラインをつくる方法を紹介します。
AWS Amazon DynamoDB でセカンダリインデックスから検索したアイテムを削除したい
Amazon DynamoDB で、セカンダリインデックスを条件にしたデータ削除をするスクリプトを紹介します。
AWS Amazon CloudFront のアクセスログを Amazon S3 に保管する設定で失敗した件 [AWS CloudFormation 編]
これまで機能していた AWS CloudFormation テンプレートが機能しなくなった原因が AWS の仕様変更だったので、反省を兼ねて記録します。
アプリケーション開発 React アプリでカメラ撮影し画像データを取得する [react-webcam 使用]
React アプリ内でデバイスのカメラを操作し、撮影した画像データを取得するコードを紹介します。react-webcam というモジュールを使用しています。
AWS AWS コンテナ Lambda の CI/CD 環境をサクっとつくる (最小構成)
AWS コンテナ Lambda 関数の CI/CD 環境をサクっとプロビジョニングしてくれる AWS CloudFormation テンプレートの紹介です。
AWS Amazon Rekognition でラベル検出した画像に境界ボックスを描画する
Amazon Rekognition DetectLabels API で分析した画像ファイルに、境界ボックスを描画して保存する機能を作ったのでその方法を紹介します。主に Lambda 関数の紹介です。
AWS 動画ファイルをストリーミング用データに自動変換するジョブをつくる [AWS Elemental MediaConvert 使用]
アプリから動画を再生できるよう動画ファイルをストリーミング用データ (HLS) に自動変換するジョブを作成したので紹介します。AWS CloudFormation で環境を構築できるようにしています。
AWS AWS Amplify と Amazon CloudFront に HTTP レスポンスヘッダーを設定する [AWS CloudFormation 使用]
AWS CloudFormation テンプレートや Content-Security-Policy ヘッダーの記述方法について紹介しています。
アプリケーション開発 React で Chart.js のグラフサイズを自動リサイズする [MUI 使用]
Chart.js のグラフが画面の大きさによって自動リサイズする機能が期待通りに動かないケースがあっため、MUI を使用して代替機能を実現しました。
AWS React 18 で aws-amplify v5 と AWS Amplify UI v4 にアップグレードしてみた
AWS が提供している React 用モジュール aws-amplify と @aws-amplify/ui-react のアップグレードをした際の変更経験談を紹介します。
AWS AWS AppSync + Amazon DynamoDB + React で簡易チャット WEB アプリをつくる
AWS AppSync のプッシュ通知機能を活用して、簡易なチャット WEB アプリをつくってみましたので紹介します。主に AWS AppSync で必要になる GraphQL 周りのコード例です。
AWS Amazon S3 で静的 WEB サイトをとりあえず公開する [AWS CloudFormation]
Amazon S3 バケット HTTPS 公開用の AWS CloudFormation テンプレートです。1分で静的 WEB サイトができます。