Categories
JavaScriptNext.jsReact
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 […]
web制作系WordPress
Web Storyとは？ 自分も調べている最中なのですが、どうやらAMPのStoryのことをさしている様子です。 FacebookやInstagramなどで見かける一定時間で自動的にページが切り替わる、スクロールのないコ […]