はじめに Angular の electron application をそのまま build する方法をまとめます。 Angular の electron アプリは maximegris/angular-electron のようなボイラープレートをベースに開発する記事が多いですが、今回は利用せず electron-userland/electron…

はじめに material icons を css でカスタマイズしてよく見るログインアイコンを作る流れをまとめます。 早い話このアイコンです。 material icons を css でカスタマイズする流れ まずはパクり参考にしたいiconのカラーコードを取得したいところです。 私は…

はじめに Angular Material で Dark Mode への切替を作ります。 dark mode Angular Material Angular Material の mat-light-theme と mat-dark-theme という予め準備されているものを利用します。 .light-theme という class がつけばライトモードで .dark-…

はじめに goccy/go-yaml とgo-playground/validator を使って構造体のフィールド間の validation をする方法をまとめます。 github.com

はじめに go の net/http の middleware 内で status code を取得する方法をまとめます。 go の ResponseWriter という interface を status code 断面で深掘りするお話となります。 golang.org go の middleware で status code を取得する go の net/http …

はじめに go の net/http の middleware として rs/zerolog を使う方法をまとめます。 rs/zerolog は構造化されたログを柔軟なフォーマットで高速に吐き出すことができる Logger です。 github.com

はじめに 先日、技術書典マーケットにて「入門GUI ーWebブラウザで作る本格インタラクションー」なる本を書い Angular と SVG で何かしたいなぁと思う最近です。 前回の Angular と SVG で Zoom / Drag ができる Grid を作るの続きとして Angular と SVG で …

はじめに iOS 13.4 の safari から getUserMedia() でカメラデバイスの操作が可能になったという Tweet があったので、せっかくなので Angular9 の Progressive Web Apps (PWA) で検証しました。 {{< githubcard repo="nao50/angular9-pwa" >}} Angular 9 で…

はじめに 先日、技術書典マーケットにて「入門GUI ーWebブラウザで作る本格インタラクションー」なる本を書いました。 React と SVG でバウンデイングボックスを作る章があり、SVG を使ったとこもない私も楽しむことのできる内容でした。 今回はせっかく学ん…

はじめに Goで始めるMiddlewareの通り、go の HTTP Server で middleware を通す場合、入れ子を何回も書く必要があって可読性が落ちてしまいがちです。 記事の中で記載されていますが justinas/aliceを利用するとこで middleware をスタックし http.Handler …

はじめに OpenAPI 3.0 の yaml ファイルをベースに CLI を自動生成するにあたり spf13/cobra を利用しようと思っています。 今回は spf13/cobra の復習をかねて環境構築と HTTP Client を作成してみます。

goccy/go-yamlというライブラリを使って yaml の decode/encode を行ってみます。 今回は後に openAPI の yaml ファイルを扱うことを想定し anchor/alias を利用したyamlファイルを分割した読み込みと、anchor/aliasを解決した後のyamlファイルの書き出しを…

はじめに go で競プロを始める前の肩慣らしとして基本的なデータ構造、アルゴリズムを復習します。 今回は go でシンプルな map/reduce/filter を実装します。 github.com

はじめに 諸事情で暇になったので atcoder でも始めようかと思いましたが、まずは有名アルゴリズムを身につけていこうかと思います。 アルゴリズムかどうかはわかりませんが、まずは go で FizzBuzz とテストを書きます。 github.com go で FizzBuzz 0~100 …