Histories > 2024
-
Go ginのLoggerをFunctional Option Patternとしてslogで設定する
本ポストでは、GoのWebアプリケーションフレームワークであるginのLoggerを設定します。Loggerはslogを利用したものにします。また、各種設定値をFunctional Option Patternとして設定するように実装します。
GoginslogLoggerFunctional Option Pattern -
ZodとConformを使ってRemixでバリデーションを実施する
Remixを使ったFrontendの入力フォームのバリデーションを行うため、ZodとConformを利用しました。その実装方法を記載します。
RemixZodConformValidationSSRTypeScript -
TypeScriptのDIライブラリとしてtsyringeを使ってみました
本ポストでは、TypeScriptのDIライブラリであるtsyringeの基本的な使い方をコードベースで記述していきます。
TypeScriptDIDependency InjectiontsyringeSoftware ArchitectureDomain Driven Design -
working-directoryを指定したjobでArtifactをアップロードしたらハマってしまいました
GitHub Actionsでは複数のjob間でArtifactをやり取りすることができます。一方のjobでは、working-directoryを指定していました。その中でArtifactをアップロードしようとした際のハマりポイントを記載します。
GitHub ActionsUpload / Download Artifactworking-directoryCI/CD -
このサイトの画像フォーマットの最適化とDynamic Import
本ポストでは、パフォーマンス改善として実施した内容を記載します。特に、Astroの提供機能で実現することができる画像フォーマットの最適化と、Dynamic Importの機能を説明します。
AstroOptimize ImageImage FormatDynamic ImportWeb PerformanceFrontend -
Astro上でReactによるインタラクティブなコンポーネント：Link Cardを呼び出す
本ポストでは、対象URLのOGP(Open Graph Protocol)情報を取得して、その情報からCardコンポーネントを作成する方法を記載します。また、このコンポーネントはReactのHooksを使用していますが、このようなインタラクティブなコンポーネントをAstroで呼び出す方法も合わせてご紹介します。
AstroReactReact HooksOpen Graph ProtocolFrontend -
Terraform CloudをBackendとしてのみ利用した際のGitHub ActionsでのTokenの扱い方
本ポストでは、Terraform CloudをBackendとしてのみ利用してGitHub Actions内でTerraformを実行する方法を記載します。Terraform Cloudに対するAPI Tokenの管理方法などに焦点を絞っていきます。
GitHub ActionsTerraformTerraform CloudCI/CDDevOps -
はじめまして
このブログサイトを開始するにあたって初めての投稿になります。
GeneralHello World