Trickle のエクスポートデータから画像を一括ダウンロードする CLI
Ryo Maruyama氏が開発・運営していた Trickle というライフログアプリ（？）を使っていたのですが２月末でサービス終了してしまうので、エクスポートデータから画像を一括ダウンロードする CLI を作りました。Windows 用にビルドしたのでついでに配布します。
※この記事は Trickle ユーザー向けに書いています。
記事一覧
結構しっかり書いたもの
Playwright MCP を使ってログイン済み状態でサイトを開く
Cluade Code を Windows にインストールし、Playwright MCP を使ってログイン済み状態の Chrome でサイトを開く方法を調べた。
Supabase 環境構築でわかりにくかったところ
Supabase を触り始めたのだが、public スキーマを使わず api スキーマを使おうとしたらわかりにくかったところが複数あったのでメモを残す。
Zenn の記事へのリンクを RSS から取得して表示する
Hugo で Zenn の記事へのリンクを RSS から取得し、通常の記事と混ぜてトップページに表示する。
VRM ビューワーを作った
@pixiv/three-vrm を使って VRM を個人サイトに表示し、VRMA でアニメーションもできるビューワーを作って公開した。
Next.js で revalidatePath するたびに別のページがローディング表示になる事象の原因
Next.js（App Router）で、どこかのページで revalidatePath するたびに別のページの Suspense で囲んでいる部分がローディング表示になる事象が起きたので、どうしてそうなるのか詳しく調べた。
React で lodash.throttle みたいなことをしたい
もう少し具体的に言うと、親コンポーネントから子コンポーネントに渡した関数を、子は自由に実行するのだが、実際にその関数が実行されるのは最大で 1 秒に 1 回にしたい。
Pagefind で検索機能を付ける
Pagefind で Hugo 製のブログに検索機能を付けて Cloudflare Pages でデプロイする。
最近仕事で使ったテクニック
仕事で使ったテクニックを個人のブログに記しておかないと退職時に失ってしまうので書き写しておく。「ブラウザが webp をサポートしているかどうか判定」、「画像が読み込み終わったことを検知する」、「IntersectionObserver を使うための React hook」について。
reg-suit で画像比較する
Figma のデザインと実際に実装した結果を機械的に比較したかったので、reg-suit で比較することにした。