Amazon CloudFront

AWS

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

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

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

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

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

Amazon CloudFront の設定で、先日私がハマった件を紹介します。
AWS

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

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

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

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

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

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

AWS Amplify Console と同等の CI/CD 環境を AWS Code サービスシリーズでつくる [AWS CloudFormation でかんたん構築!!]

AWS Amplify Console は神サービスなのですが、カスタマイズ性は低いです。Amplify がマッチしない要件に対応するため、同等の機能を AWS Code サービスシリーズで作ってみました。
AWS

CodePipelineからS3へのデプロイをトリガーにCloudFrontのキャッシュをクリアする

ファイル更新時にS3をトリガーとして、CloudFrontのキャッシュを自動でクリアする仕組みを開発しましたのでご紹介します。この仕組みによって、CloudFrontのTTLを変更しなくても自動でキャッシュクリアできます。
AWS

Amazon CloudFrontとキャッシュ制御の基礎

CDNおよびAmazon CloudFrontの概要と、Webサイトにおけるキャッシュ制御の考え方、CloudFrontの設定方法まで解説をします。Webサイトにおける基本的なCloudFront適用の考え方を一通り網羅しているかと思います。
AWS

許可されたソース IP アドレスからのみ Amazon S3 への HTTPS アクセスを受け付ける [AWS CloudFormation テンプレート付き]

許可されたソースIPアドレスからのみ Amazon S3 への HTTPS アクセスを受け付ける方法を紹介しています。AWS CloudFormation テンプレートサンプル付きです。