記事一覧

結構しっかり書いたもの

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 で比較することにした。

wrangler で cron 実行の Cloudflare Workers を作る

『Cloudflare Workers を使って Cloudflare Pages の古いデプロイを自動削除する』という記事を去年書いたが、この内容を wrangler で作り直す。

Astro で mdx で記述したコンテンツの中身を plain text で取り出したい

(2023/07/16改定)Astro components を含んだ mdx で記述したコンテンツの中身を plain text として表示する方法について。 Astro 初学者が考えた方法なのでもっと簡単な方法がある可能性がある。

Firefox や Safari で Firebase Authentication の signInWithRedirect を使用する(Firebase Hosting 未使用)

Firebase Hosting を使わず、サードパーティのストレージアクセスをブロックするブラウザで Firebase Authentication の signInWithRedirect を使用するための対応を行ったのでメモする。

Go 製の API サーバーで Fargate Spot を使う

AWS Fargate で Go 製の API サーバーを動かしており、費用節約のために Fargate Spot を使おうと思った。そのために行った内容について。

AWS Certificate Manager で証明書発行して ALB に設定する(Cloudflare DNS 使用)

Cloudflare DNS を使用して AWS Certificate Manager で証明書発行して ALB に設定してみたが、巷には Route53 を使用した記事ばかりあるのでメモしておく。