実際は両者でエラーのクラスを分けたが、だいたいこんな感じ。 import { useRef, useEffect } from 'react' export default function useFetch() { const abortsRef = useRef({}) function fetchFoo() { return requestWithAbort(signal => fetch('/foo', { …

MacBookと並べた時に違和感がすごいので、光沢タイプのフィルムを貼った。 機種名で検索するとサイズぴったりのものを販売しているところが見つかる。 一枚失敗して泣きながら捨てた結果、知見としては以下のものが得られた。 一人で貼るな 位置決めがかなり…

技術系のTIPSをGistに書き溜めてるんだけど、ググラビリティが低すぎる気がするのでこっちにも貼る。 これはoverflowを指定した要素をrequestAnimationFrame経由でスクロールしようとした際、Chromeでは動かなかった時のメモ。 scroll-behavior が smooth だ…

three.jsのリポジトリにはsrcディレクトリと同階層にexamplesディレクトリがあり、有用なツールが多数用意されている。Next.jsからこれらを利用するには、next.config.jsにちょっとした設定が必要。 resolve.modulesでも同じことができるが、aliasの方が意味…

lamejsは定評のあるmp3エンコーダのJS実装なのだが、サンプルコードが少し古めでAudioWorkletが使われていない。 以下のファイルを少し変更するだけで動きそう。 github.com // mic.js const stream = await navigator.mediaDevices.getUserMedia({audio: tr…