Uncategorized

[Angular] ng-openapi-genでSwaggerからコードを自動生成する

今の現場でAPI仕様書はSwaggerを使ってる。 ドキュメントだと更新忘れ、誤って更新とかあるが、Swagger yamlをコード管理してるとその心配がない。 また、yamlからコードを生成するのもホント便利。 ng-...
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 6日目の記事です。昨日は @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に8割以上のコードを書...
タイトルとURLをコピーしました