AWS React アプリに Amazon S3 上の CSV データをテーブルで表示する react-papaparse というモジュールを使って、React アプリに Amazon S3 上の CSV データをテーブルで表示する方法を紹介します。 2022.07.06 AWSアプリケーション開発クラウドソリューション
AWS React アプリに Amazon S3 上の JSON データをテーブルで表示する Amazon S3 バケットに配置したテキストファイル内の JSON データを React アプリから読み込ませる例を紹介します。 2022.07.04 AWSアプリケーション開発クラウドソリューション
アプリケーション開発 [React] react-player を使ってストリーミング動画ビューア画面をつくる React アプリ内にストリーミング用動画ファイルを再生させる動画ビューア画面の作成方法を紹介します。react-player というモジュールを使用します。 2022.06.29 アプリケーション開発ソリューション
AWS AWS Amplify Console と同等の CI/CD 環境を AWS Code サービスシリーズでつくる [AWS CloudFormation でかんたん構築!!] AWS Amplify Console は神サービスなのですが、カスタマイズ性は低いです。Amplify がマッチしない要件に対応するため、同等の機能を AWS Code サービスシリーズで作ってみました。 2022.06.16 AWSアプリケーション開発クラウドソリューション
AWS CodePipelineからS3へのデプロイをトリガーにCloudFrontのキャッシュをクリアする ファイル更新時にS3をトリガーとして、CloudFrontのキャッシュを自動でクリアする仕組みを開発しましたのでご紹介します。この仕組みによって、CloudFrontのTTLを変更しなくても自動でキャッシュクリアできます。 2022.06.08 AWSアプリケーション開発クラウドソリューション
AWS Amazon CloudFrontとキャッシュ制御の基礎 CDNおよびAmazon CloudFrontの概要と、Webサイトにおけるキャッシュ制御の考え方、CloudFrontの設定方法まで解説をします。Webサイトにおける基本的なCloudFront適用の考え方を一通り網羅しているかと思います。 2022.03.29 AWSクラウドソリューションネットワーク
AWS 許可されたソース IP アドレスからのみ Amazon S3 への HTTPS アクセスを受け付ける [AWS CloudFormation テンプレート付き] 許可されたソースIPアドレスからのみ Amazon S3 への HTTPS アクセスを受け付ける方法を紹介しています。AWS CloudFormation テンプレートサンプル付きです。 2022.03.28 AWSクラウドクラウドセキュリティソリューション
AWS WordPress記事更新時にCloudFrontのキャッシュを自動的にクリアする方法 WordPress記事の投稿・更新・削除、画像の差し替え時にCloudFrontのキャッシュをクリアする仕組みを開発しましたのでご紹介します。これにより直ぐに更新を反映することができます。またキャッシュ時間を延ばしヒット率を上げることも期待できます。 2022.03.14 AWSクラウドソリューションネットワーク
AWS AWS上のサービスを使ってVue.jsのCI/CDを実現してみた AWSのサービスで、Vue.jsの開発環境であるVueCLIを用いて、SPAサイトの開発から本番リリースまでのCI/CDを実現してみました。 2022.02.17 AWSアプリケーション開発クラウドソリューション