Categories
JavaScriptNext.jsReact
getStaticPropsやgetServerPropsなどでデータが取れなかった場合や、任意のエラーを表示させたい場合、next/errorを使うとよさそうでした。 メッセージ表示は一部のみ HTTP 400 / 4 […]
Next.jsでアプリを作る時にパッと使いたいスターターが欲しかったので作りました。 探せばいろいろあるにはあったんですが、create-next-appでできるものをTypeScript化しただけの薄いやつが欲しかった […]
AWS
GraphQLでDynamoDBに保存している数値を扱う時、たまにこういう結果が変えることがあります。 これは数値が大きすぎる場合に出るエラーで、「GraphQLのschemaをLongにすれば解決」とはいきません。 調 […]
WordPress
WP 5.5かららしいですが、WP APIからプラグインやテーマにアクセスできるようになりました。 普通に使っている分にはお世話になることがなさそうですが、管理画面などを作る時に用事がでてきそうです。 事前準備 plug […]
FrontendJestReact
Jest + enzymeのsnapshot testing便利ですよね。 ただ、設定によってはちゃんとスナップショットが取れていないケースがある様子です。 最近react-test-rendere中心だったのですが、久 […]
CircleCISaaS / FaaS
CircleCIのCLIには、yamlの検証ができるcircleci config validateがあります。 これをpackage.jsonなどのlint-stagedの設定に追加してやると、.circleci/co […]
Circle CIのCacheではまったので覚書。 やりたかったこと Yarnでインストールしたnode_modulesをcacheしてjobsで使いまわしたい。 起こった問題 save_cacheでのchecksumと […]
CircleCIJavaScriptNode.jsPuppeteerSaaS / FaaS
そのままではどちらも動かないので、ちょっと手を入れる必要がありました。 環境 Docker image: circleci/node:lts-browsers 問題 CircleCIのコンテナにはいくつかの必要なライブラ […]
JavaScriptJestNode.jsTypeScript
PlaywrightはMicrosoftのOSSでpuppeteer互換なクロスブラウザテストが書けるツールです。 Install 使用するには、Jestのpresetなどと一緒にインストールが必要です。 Create […]
JavaScriptJestNode.jsPuppeteer
JestとPuppeteerでE2Eテストができるのは便利ですが、HTMLの差分検知したいだけの時などにスナップショットテストが欲しくなります。 ということでやってみました。 サンプルコード page.$().getPr […]