この記事は、JP_Stripes Advent Calendar 2020の初日記事です。 Stripe Billingを利用する場合どうしても以下のような実装を自前で行う必要がありました。 支払い方法の登録・削除 Su […]

Nxを使って、React SPAとNest.jsのAPIを同時にローカルで起動させる方法の覚書です。 意外と日本語記事が見当たらなかったので。 目次 並列実行はnx run-manyをつかうアプリのローカル起動はnx s […]

デザインガイドラインとか的にグレーな気はしますが、やり方だけ記録しておきます。 つくりたかったもの 「inputタグ + buttonタグ」を組み合わせたフィールドを作ろうとしていました。 使ったもの BaseContr […]

検索結果がそんなに変わらないケースだと、毎回AlgoliaにAPIリクエスト飛ばしたくないなーと思うことがあります。 だいたいどこかにキャッシュしましょうということになるわけですが、今回は「WordPressのブロックエ […]

それっぽい記事があまり見当たらなかったので簡単に覚書。 目次 やりたいこと実装（Side PHP）register_settingsでshow_in_rest=>trueを設定するrest_api_initフックで […]

Alexa Live 2020まではssml-tsxを使っていたのですが、JSXの定義周りでask-sdk-jsx-for-aplと衝突するらしく、どうせならと簡単なものを作りました。 目次 @talkyjs/ssmlI […]

getStaticPropsやgetServerPropsなどでデータが取れなかった場合や、任意のエラーを表示させたい場合、next/errorを使うとよさそうでした。 メッセージ表示は一部のみ HTTP 400 / 4 […]

Next.jsでアプリを作る時にパッと使いたいスターターが欲しかったので作りました。 探せばいろいろあるにはあったんですが、create-next-appでできるものをTypeScript化しただけの薄いやつが欲しかった […]

GraphQLでDynamoDBに保存している数値を扱う時、たまにこういう結果が変えることがあります。 これは数値が大きすぎる場合に出るエラーで、「GraphQLのschemaをLongにすれば解決」とはいきません。 調 […]

WP 5.5かららしいですが、WP APIからプラグインやテーマにアクセスできるようになりました。 普通に使っている分にはお世話になることがなさそうですが、管理画面などを作る時に用事がでてきそうです。 事前準備 plug […]

Jest + enzymeのsnapshot testing便利ですよね。 ただ、設定によってはちゃんとスナップショットが取れていないケースがある様子です。 最近react-test-rendere中心だったのですが、久 […]

CircleCIのCLIには、yamlの検証ができるcircleci config validateがあります。 これをpackage.jsonなどのlint-stagedの設定に追加してやると、.circleci/co […]

Circle CIのCacheではまったので覚書。 目次 やりたかったこと起こった問題原因対策 やりたかったこと Yarnでインストールしたnode_modulesをcacheしてjobsで使いまわしたい。 起こった問題 […]

そのままではどちらも動かないので、ちょっと手を入れる必要がありました。 環境 Docker image: circleci/node:lts-browsers 問題 CircleCIのコンテナにはいくつかの必要なライブラ […]

PlaywrightはMicrosoftのOSSでpuppeteer互換なクロスブラウザテストが書けるツールです。 目次 InstallCreate filese2e/jest-playwright.confg.jse2 […]

JestとPuppeteerでE2Eテストができるのは便利ですが、HTMLの差分検知したいだけの時などにスナップショットテストが欲しくなります。 ということでやってみました。 サンプルコード page.$().getPr […]

Twitterで話題になっていたので、試してみました。 目次 元ツイート（スレッド）現在のユーザーを確認する使用状況レポートを作成する作成したレポートを確認するアクセスしたことのあるサービス名のリストアップ最終アクセス時 […]

CLIでコードの画像を作れるcode2imgをいれてみました。 Goのセットアップ Goが必要です。anyenvを入れている環境なので、以下の記事を参考にgoenv経由でセットアップしました。 anyenvでgoenvを […]

「serverless.tsなるものが登場したらしい」という話を聞いたので、調べてみました。 目次 いつから？serverless.ts対応版の取得プロジェクトの作成index.jsserverless.tsデプロイする […]

アメリカのユーザー限定ですが、スキルの広告リンクなどに使えるスキル有効化リンクが作れるようになりました。 We are excited to announce Quick Links for Alexa (beta), […]