AWS Amazon Rekognition でラベル検出した画像に境界ボックスを描画する
Amazon Rekognition DetectLabels API で分析した画像ファイルに、境界ボックスを描画して保存する機能を作ったのでその方法を紹介します。主に Lambda 関数の紹介です。
アプリケーション開発
AWS 
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 Lexで条件分岐とビジュアルビルダーがサポートされたのでやってみた
Amazon Lexの追加機能として、条件分岐とビジュアルビルダーがリリースされました。どのような新機能なのかハンズオンを実施して、試してみました。
AWS Amazon S3 にある音声ファイルを React アプリ経由でダウンロードするボタンをつくる
音声ファイルをブラウザからダウンロードさせようとしても、ダウンロードではなくブラウザ上で自動再生されてしまいます。React アプリ画面内でダウンロードさせるコードを紹介します。
アプリケーション開発 React でテキストデータをクリップボードにコピーするボタンをつくる
WEB 画面内のテキストをクリップボードにコピーさせるボタン作成に数時間ハマったので、成功したコードを書き落とします。
アプリケーション開発 React アプリ内でファイル選択 UI から読み込んだ画像をすぐにプレビューする [MUI file input 使用]
多くのサイトでよく使われている機能なので特段珍しい内容ではありませんが、自分の備忘を兼ねてブログ化しておきたいと思います。