Uncategorized [Angular] ng-openapi-genでSwaggerからコードを自動生成する
今の現場でAPI仕様書はSwaggerを使ってる。
ドキュメントだと更新忘れ、誤って更新とかあるが、Swagger yamlをコード管理してるとその心配がない。
また、yamlからコードを生成するのもホント便利。
ng-...
Uncategorized 
Uncategorized [Angular] environment.tsをlibsで参照する
environment.tsはprod, stageなど環境毎にファイルを用意してあり、appsじゃなく、libsで使いたい場合がある。
下記を参考にして、実装してみた。
app-configの作成
参考にし...
Uncategorized [Homerow]Macをキーボードだけで操作（もうマウスはいらない）
とんでもない神アプリを見つけました！
私はマウス（トラックパッド）を使わないのが好きなので、全てをキーボードだけで操作したい思いがあります。
なので、以前下記を見つけた時も本当に嬉しかったです！
Vimium...
Uncategorized Flexで高さを設定する時の基本
レイアウトを設定するならFlexを使えば大体間違いない
ただ高さの設定について、height: 〇〇px を指定せず、よしなにやってくれる方法を現場で教えてもらったので、忘れないように記事にする
基本の型
まずは、こちら...
Uncategorized Angular(Nx)プロジェクトにCypress Component Testingを導入する
Cypress Component Testingを導入する時にエラーが発生したので記事にしました。
同じエラーに遭遇した人の参考になれば。
Cypress Component Testingとは
e2eで使われてるCy...
Uncategorized [Jest]子Componentのemitで親Componentのmethodがcallされるかテストする
Angular Advent Calendar ６日目の記事です。昨日は @ver1000000 さんでした。
本日は、タイトルの通り、Jestについてです。
なぜ、この記事を書こうと思ったのか背景を少し説明しますね。
...
Uncategorized [Angular] MSW(Browser)モックの導入
以前、モックはjson-serverが簡単だという記事を書いた。
このjson-serverは構築がとても簡単で気に入ってるんだけど、別でプロセスを起動しなければいけないのがちょっと面倒だなと思い始めてきた。(yarn ...
Angular [Angular Jest] VSCodeのエディタでCannot find name 〇〇が出た場合の対処法
メモとしてタイトルの事象が発生した時の対処法を残す
はじめに
Nx Angularでプロジェクトを作成して、nx testでjestのUnit testが通るのに、エディタ上ではエラーとなってる事象について
出力...
Uncategorized Angular nxにesbuildを適用する方法と速度比較
今、参画してるプロジェクトがNxを使っていて、半年以上、開発をしていると、Nxの素晴らしさにほんと感激している。
affectedのお陰で、更新した箇所だけテストしてくれるところ、Nxのアーキテクチャ（libsに８割以上のコードを書...