AWS

1VPCで2つのVPNの接続先を確保する

Site-to-Site VPN新設に伴い、課題や方式を検討した結果、Transit Gatewayを活用して新設することにしました。
アプリケーション開発

React アプリでカメラ撮影し画像データを取得する [react-webcam 使用]

React アプリ内でデバイスのカメラを操作し、撮影した画像データを取得するコードを紹介します。react-webcam というモジュールを使用しています。
AWS

AWS コンテナ Lambda の CI/CD 環境をサクっとつくる (最小構成)

AWS コンテナ Lambda 関数の CI/CD 環境をサクっとプロビジョニングしてくれる AWS CloudFormation テンプレートの紹介です。
Dropbox

CELF x Dropbox 連携の紹介

SCSKが開発・運用しているノーコード開発ツールであるCELFとDropbox の連携ができるようになりましたのでご紹介します。
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 周りのコード例です。