この記事の概要 Tailwind CSS v4 を前提として、「未定義のクラスを指定した際に Lint エラーになるようにする」を eslint のプラグインで実現する。 私が知っている中で最も著名なプラグインは eslint-plugin-tailwindcss なのだが、Tailwind CSS v4 対応がまだベータ版である。 そのため今回は主に eslint-plugin-better-tailwindcss を使っていく。 環境 Tailwind CSS: v4.11.1 eslint: v9.32.0 typescript-eslint: v8.38.0 e...

! 最初にお詫びですが、結局メモリリークを根絶しきれていない可能性があります。 モチベーション VRoid Studio で作ったモデルをウェブサイト上で展示するためのスクリプトを自分用に作っているのですが、three.js のリソース破棄が難しすぎます。 どうしてもメモリリークしている気がしてならないので調べようと思い、情報を集めた結果、memlab を使うと良いらしいので使ってみました。 https://facebook.github.io/memlab/ memlab そのものについては公式サイトをご参照ください。 memlab を使う 調査対象の概要 ウェブサイト上...

この記事の内容 Vercel の Fluid Compute を有効にするとリクエスト間で関数インスタンスを共有することになります。 それによって、たとえばグローバル変数が共有されるようになるので、今まで起こり得なかった漏洩が起こるようになるのではないか？　という説を耳にしました。 そこで、そもそも従来のサーバーレス関数ならグローバル変数は共有されないのか？　という点を検証しました。 実際に試したこと 環境 Next.js 15.3.3 デプロイ先は Vercel の Hobby Plan 実装 下記のような Route Handler を作りました。 src/ap...

Astro 公式ブログではコミュニティ製の便利なツールが紹介されています。 https://astro.build/blog/whats-new-april-2025/#tips--tools その中から Astro Open Graph（morinokami/astro-og）と @studiocms/cfetch を紹介します。 Astro Open Graph https://github.com/morinokami/astro-og Astro の Dev toolbar で Open Graph の見た目を確認できるようにする integration です。 インストール...

結論 Cloudflare Pages にデプロイした静的アセットは、消した後も最大一週間は消えない仕様がある。 実際にあったこと プライベートで Astro 製の静的サイトを Cloudflare Pages にデプロイしている。 先日あるページを削除したのだが、そのページの URL を直接開くと普通に表示されていることに気づいた。 キャッシュを疑ってキャッシュをすべてパージしてみたのだが、それでも消えない。 問い合わせてみたところ、下記ページを示され仕様であるとの回答を得た。 https://developers.cloudflare.com/pages/configurat...

かつて BLoC パターンが使われていた時代から Flutter について全くキャッチアップしていなかったので Riverpod による状態管理をやる。

React Query を単体で使わずいきなり GraphQL Code Generator と組み合わせたために Mutation の実行方法がわからず手こずったので結論を書く。

React Query で GraphQL のリクエストを行おうとしたが初期設定が結構面倒だったのでメモ。

gqlgen の directive で複合バリデーションする。

GraphQL で directive を使った入力値バリデーションを実装する。