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