Engineering

概要 production環境以外の環境では特定のロールにのみフロントエンドアプリケーションを公開したいという要望があるときがあります。またsingle page applicationのroutingをinfrastructureで実現したいという要望があるとします。 この記事ではamazon cloudfront functionsを利用したbasic authenticationとsingle page applicationのroutingについて紹介します。 💡amazon cloudfront functionsとはJavaScriptを使用して、CloudFrontを通過するリクエストやレスポンスの操作、基本認証と承認の実行、HTTPレスポンスの生成を行えるサービスです。cloudfront functionsの機能の詳細については、「CloudFront

概要 markdownからPDFを出力します。GitHub Actionsのワークフローを利用します。生成するライブラリにはmd-to-pdfを利用します。 GitHub - simonhaenisch/md-to-pdf: Hackable CLI tool for converting Markdown files to PDF using Node.

個人ブログのサイトはアプリケーションにGhost、インフラストラクチャーにAmazon Web Servicesで構築しています。コンテナのイメージをGitHubリポジトリで管理しています。Ghostアプリケーションが稼働しているElastic Container Serviceへ自動デプロイするワークフローを作成します。 前提 ワークフローを作成するまえに、セットアップをする必要があります。IAMユーザーやAWS ECS、ECRは作成されているものとします。 * IAMユーザーを作成 * Elastic Container ServiceのCluster、Service、Task

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