Amazon CloudFront

AWS

Amazon CloudFrontのカスタムエラーレスポンスを使用したエラーページ設定

ウェブサイトでエラーが発生した際、カスタムエラーページを表示することでユーザーエクスペリエンスを向上させる方法についてまとめました。
AWS

Amazon CloudFront のアクセスログを Amazon S3 に保管する設定で失敗した件 [AWS CloudFormation 編]

これまで機能していた AWS CloudFormation テンプレートが機能しなくなった原因が AWS の仕様変更だったので、反省を兼ねて記録します。
サーバレスアーキテクチャ

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

AWS CloudFormation テンプレートや Content-Security-Policy ヘッダーの記述方法について紹介しています。
その他

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

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

WP Offload MediaプラグインでWordPressサイトをS3バケットにオフロードするベストプラクティス設定

WP Offload Mediaプラグインを用いて、メディアファイルをS3バケットにオフロードし、CloudFrontから配信する方法を解説します。 本設定によりWordPressサーバの負荷軽減、高速化など各種メリットを享受できます。
サーバレスアーキテクチャ

フリーの HTML テンプレートと AWS を使って問い合わせフォーム付きサーバーレス WEB サイトをつくってみよう

本記事では、静的WEBサイトに jQuery で動的な機能を付加する例を紹介します。
AWS

Amazon CloudFront でオリジンを Amazon S3 にするときのパラメータに注意

Amazon CloudFront の設定で、先日私がハマった件を紹介します。
サーバレスアーキテクチャ

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

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

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

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

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

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