サーバレス

AWS

動画ファイルをストリーミング用データに自動変換するジョブをつくる [AWS Elemental MediaConvert 使用]

アプリから動画を再生できるよう動画ファイルをストリーミング用データ (HLS) に自動変換するジョブを作成したので紹介します。AWS CloudFormation で環境を構築できるようにしています。
AWS

AWS Amplify と Amazon CloudFront に HTTP レスポンスヘッダーを設定する [AWS CloudFormation 使用]

AWS CloudFormation テンプレートや Content-Security-Policy ヘッダーの記述方法について紹介しています。
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 サイトができます。
AWS

Amazon S3 にある音声ファイルを React アプリ経由でダウンロードするボタンをつくる

音声ファイルをブラウザからダウンロードさせようとしても、ダウンロードではなくブラウザ上で自動再生されてしまいます。React アプリ画面内でダウンロードさせるコードを紹介します。
AWS

AWS AppSync を使って React アプリからキックした非同期ジョブの結果をプッシュ通知で受け取る

非同期ジョブを実行した後、結果をどう受け取るか?というのは開発者として作り込み甲斐のあるテーマです。今回は React アプリが非同期ジョブを実行した後に、AWS AppSync 経由でジョブ完了のプッシュ通知を受け取る仕組みを紹介します。
AWS

Lambda(Python3.9) で DynamoDBのクエリ時にフィルタで「~を含まない」を実装する

Lambda(Python3.9) で DynamoDBのクエリ時にフィルタで「~を含まない」を実装する方法を解説します
アプリケーション開発

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

React アプリを開発する上で必要な開発環境、稼働環境の準備について紹介します。AWS を利用する前提です。
AWS

Cloud9でAmplifyの開発をはじめるまで

AWS Cloud9は操作する端末に依存しない独立した開発環境であり便利です。またAWS AmplifyはサーバレスWebアプリケーションを構築するのに適したフレームワークです。サーバレスWebアプリケーションをCloud9上でAmplifyを使って開発する手順を説明します。