Engineering

Engineering

6月
15
Amazon CloudFront Functionsを利用したbasic authentication と single page applicationのルーティングの実装

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
1 min read
6月
13
GitHub ActionsでmarkdownからPDFを出力する

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.
1 min read
1月
09
GitHub ActionsからElastic Container Serviceへデプロイ

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
3 min read
8月
04
web-vitals + Google Analytics4 RUMデータを使用してWeb Vitalsを測定し、Web Vitals レポートを作成する

web-vitals + Google Analytics4 RUMデータを使用してWeb Vitalsを測定し、Web Vitals レポートを作成する

概要 運用しているサイトのパフォーマンスを測定するために、PageSpeed InsightsやLighthouseを使用することがあります。個人の端末で測定したデータのみでパフォーマンス改善をするには十分です。より多くのユーザーの端末からのパフォーマンスをもとに改善したいという要求があるとき、web-vitals JavaScriptライブラリを使用して、アナリティクスサービスに送信することで各指標をレポートすることができます。このドキュメントを読むことで、実際のユーザー環境からCore Web Vitalsの指標を測定・収集し、可視化することができます。 前提 ユーザー環境のCore Web Vitalsの指標を測定するのは、web-vitals
4 min read
7月
31
SchemaSpy HTMLレポートの日本語の文字化けを解決する方法

SchemaSpy HTMLレポートの日本語の文字化けを解決する方法

概要 データベースやDDLを基にテーブル定義やEntity Ralationship図(以下ER図)を出力したいモチベーションがあるとする。DDLに日本語が含まれているとき、HTMLドキュメントを生成すると、日本語部分が文字化けする。このドキュメントを読むことで、HTMLドキュメントの日本語の文字化けを解決することができます。 前提条件 SchemaSpyとは、データベースからスキーマ定義やER図をレポート形式で出力するソフトウェアです。レポートはHTML形式をサポートしており、インタラクティブで分かりやすくチームに共有することができます。 SchemaSpy • Database Documentation Built Easy.
4 min read
9月
28
The Cloud Native Trail Map 日本語訳

The Cloud Native Trail Map 日本語訳

Trail Mapの日本語訳 v20200501 Repository GitHub - cncf/trailmap: 🗺TrailMap files from the cncf/landscape repo🗺TrailMap files from the cncf/
2 min read
4月
18
Health Checks on AWS ALB when URL is https - Ghost

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
1 min read