Cloudflare Pages 便利ですよね。 push するだけでビルドするのはよくありますが、そこから Cloudflare がもつ世界中のサーバーに投げてくれるのはとても良いです。 ところで、 Preview Deployment として反映されているものにもドメインを割り当てたいと思…

先週は忙しすぎて死んでいた......。 ということで、本題の話。 Storybook を GitHub Actions で動かしたいとき、サンプルに npx wait-on tcp:6006 として他プロセスのサーバーが起動するのを待つ、というものがあるんですが、それが Node.js 18 だと一生終…

GitHub で認識できないけど JSON の拡張である hujson を GitHub 上で表示されると、シンタックスハイライトが効きません。 でもこいつは JSON なので、 JSON として認識させて、かつシンタックスハイライトもして欲しい！ という場合は、 .gitattributes を…

SwitchBot 、便利ですよね。 そこそこ安くて、かつ一応 SwitchBot にロックインされるということもないので、わたしも使っています。 ところで、 SwitchBot の温湿度計やプラグでは、 API 経由で各種値が取得できます。 今回はそれらを VictoriaMetrics とい…

VPS へ SSH した～い！けど Cloudflare 通してるので生 IP だしたくないし覚えてもな～い！ というときに便利かもしれない Tailscale を入れてみましょう。 ということで、インストールしていきましょう。 公式的にはスクリプトがあるんですが、 sudo じゃな…

Web サービスリニューアルしたいことってありますよね？ ただ、一度に一気にリニューアルすると、想定していない不具合が出てきたり、今の運用どうするの？っていう問題があったりします。 そこで、 Cloudflare Workers を使って段階的に移行する方法を紹介…

嬉しいことにわたしが持っているいくつかのリポジトリについて、 Issue をちらほらたててもらえるのですが、どれがすでに見たものか、などが分からないことが出てきました。 そこで、ラベルでうまいこと管理しようと思ったのですが、個人でかなりの数のリポ…

海外の大手 CMS に Contentful があるんですが、 API ドキュメントがびみょーに分かりにくいのでメモ。 例えば、ある Entry に対してデータを作成したい場合、こんな感じでリクエストを投げてね、とあります。 import { createClient, Environment } from "c…

React で children で渡ってきた子コンポーネントのうち、テキスト部分だけ取り出したいこと、ありますよね？ そういうときに便利なのが React Children Utilities です。 こんな感じで使えます。 import Children from "react-children-utilities"; type Pr…

Cloudflare Pages の Web UI から、 PNPM + Astro なウェブサイトをデプロイするぞ！ ということで、やり方のメモ。 やり方は、リポジトリを接続した後、以下のように設定すれば良い。 ビルドコマンド： # pnpm のインストールと、依存のインストール＆ビル…