Amazon CloudFront Functionsを利用したbasic authentication と single page applicationのルーティングの実装
概要
production環境以外の環境では特定のロールにのみフロントエンドアプリケーションを公開したいという要望があるときがあります。またsingle page applicationのroutingをinfrastructureで実現したいという要望があるとします。
この記事ではamazon cloudfront functionsを利用したbasic authenticationとsingle page applicationのroutingについて紹介します。
💡amazon cloudfront functionsとはJavaScriptを使用して、CloudFrontを通過するリクエストやレスポンスの操作、基本認証と承認の実行、HTTPレスポンスの生成を行えるサービスです。cloudfront functionsの機能の詳細については、「CloudFront
GitHub ActionsでmarkdownからPDFを出力する
概要
markdownからPDFを出力します。GitHub Actionsのワークフローを利用します。生成するライブラリにはmd-to-pdfを利用します。
GitHub - simonhaenisch/md-to-pdf: Hackable CLI tool for converting Markdown files to PDF using Node.
GitHub ActionsからElastic Container Serviceへデプロイ
個人ブログのサイトはアプリケーションにGhost、インフラストラクチャーにAmazon Web Servicesで構築しています。コンテナのイメージをGitHubリポジトリで管理しています。Ghostアプリケーションが稼働しているElastic Container Serviceへ自動デプロイするワークフローを作成します。
前提
ワークフローを作成するまえに、セットアップをする必要があります。IAMユーザーやAWS ECS、ECRは作成されているものとします。
* IAMユーザーを作成
* Elastic Container ServiceのCluster、Service、Task
web-vitals + Google Analytics4 RUMデータを使用してWeb Vitalsを測定し、Web Vitals レポートを作成する
概要
運用しているサイトのパフォーマンスを測定するために、PageSpeed InsightsやLighthouseを使用することがあります。個人の端末で測定したデータのみでパフォーマンス改善をするには十分です。より多くのユーザーの端末からのパフォーマンスをもとに改善したいという要求があるとき、web-vitals JavaScriptライブラリを使用して、アナリティクスサービスに送信することで各指標をレポートすることができます。このドキュメントを読むことで、実際のユーザー環境からCore Web Vitalsの指標を測定・収集し、可視化することができます。
前提
ユーザー環境のCore Web Vitalsの指標を測定するのは、web-vitals
SchemaSpy HTMLレポートの日本語の文字化けを解決する方法
概要
データベースやDDLを基にテーブル定義やEntity Ralationship図(以下ER図)を出力したいモチベーションがあるとする。DDLに日本語が含まれているとき、HTMLドキュメントを生成すると、日本語部分が文字化けする。このドキュメントを読むことで、HTMLドキュメントの日本語の文字化けを解決することができます。
前提条件
SchemaSpyとは、データベースからスキーマ定義やER図をレポート形式で出力するソフトウェアです。レポートはHTML形式をサポートしており、インタラクティブで分かりやすくチームに共有することができます。
SchemaSpy • Database Documentation Built Easy.
The Cloud Native Trail Map 日本語訳
Trail Mapの日本語訳 v20200501
Repository
GitHub - cncf/trailmap: 🗺TrailMap files from the cncf/landscape repo🗺TrailMap files from the cncf/
Health Checks on AWS ALB when URL is https - Ghost
AWS ECS x Ghost
Ghost - ビジネス用のブランドブログの作成に特化したCMS
Ghost: Turn your audience into a businessThe world’s most popular modern publishing