WP-KyotoHome (日本語)Home (English)AboutPrivacy policyLicensesGitHub
SaaS / FaaSStripe
Stripe Billingのカスタマーポータルを利用する #JP_Stripes2020/12/01

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

Read more
JavaScriptNode.js
nxでReact / Nestなどの複数プロジェクトを同時にローカル実行する覚書2020/11/25

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

Read more
BlockEditorWordPress
WordPressのブロックエディタの`TextControl`をカスタマイズする2020/11/11

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

Read more
AlgoliaBlockEditorWordPress
WordPressのエディタ上でAlgoliaの検索を動かす2020/11/11

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

Read more
BlockEditorPluginWordPress
WordPressのカスタムブロックで、wp_optionsのデータを使う2020/11/11

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

Read more
Amazon AlexaAPLask-sdkJavaScript
SSMLをJSX/TSXで書くための軽量ライブラリ@talkyjs/ssml2020/11/08

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

Read more
JavaScriptNext.jsReact
Next.jsで任意のタイミングにエラーページを表示する2020/11/07

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

Read more
JavaScriptNext.jsReact
Next.jsでTypeScriptを使いたい時のスターター2020/11/07

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

Read more
AWS
AppSyncのGraphQLで「Expected type ‘Int’ but was ‘Long’.」が出た時に見る覚書2020/11/02

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

Read more
WordPress
WP APIでplugin / themeのリストを取得する2020/09/23

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

Read more
FrontendJestReact
enzymeのsnapshotがShallowWrapper {}になってたときに見る覚書2020/09/09

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

Read more
CircleCISaaS / FaaS
husky + lint-stagedでコミット時にCircleCIのyamlを検証する2020/09/04

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

Read more
CircleCISaaS / FaaS
yarn.lockのchecksumを使うときには、–frozen-lockfileを添えよう2020/09/04

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

Read more
CircleCIJavaScriptNode.jsPuppeteerSaaS / FaaS
CircleCIでpuppeteerまたはplaywrightのテストを実行するときの覚書2020/09/03

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

Read more
JavaScriptJestNode.jsTypeScript
PlaywrightとJest + TypeScriptでE2Eテスト2020/09/03

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

Read more
JavaScriptJestNode.jsPuppeteer
Jest + Puppeteerでスナップショットテスト2020/09/03

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

Read more
AWS
AWS CLIでアクセスしたことのあるAWSサービスをリストアップする2020/08/25

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

Read more
Golang
code2imgでコードの画像をCLIから作る2020/08/16

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

Read more
AWSServerless FW
Serverless Frameworkのリソース定義をTypeScriptで書く(serverless.ts)2020/07/31

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

Read more
Amazon Alexa
Alexaスキルを有効化するリンクを作成する (en_US / es_UD only)2020/07/23

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

Read more
GitHubHomeEnglish