長くLeafletを使っていて、MapLibre GLを使うとズームレベルで戸惑うことがある。
俺の仕事のメモ
長くLeafletを使っていて、MapLibre GLを使うとズームレベルで戸惑うことがある。
CustomLayerを定義して、自前のシェーダで実装する方法が一番低レベルで処理することができる。頂点シェーダにおいて、x座標とy座標はウェブメルカトル次数0のときの座標に変換すれば位置が決まる（0から1の範囲の小数）…
Reactで開発するときのローダーの追加方法を調べるのにかなり手間取ったのでメモする。
これまでTypeScriptを敬遠してきたが、いよいよ避けられなくなったため、少しずつ始めることにした。Node.jsを始めたときもそうだった。誰しも環境を大きく変えるのはつらいものがある。ましてや年齢も年齢、ということ…
ウェブブラウザでの画像生成は基本的にCanvasを使うが、生成するCanvasの画像サイズはいろいろと制限が多い。調べるとCanvasを使わず画像を生成するライブラリが存在するようなので、その使い方をメモしておく。
現時点でよく使うWebPackの設定等をメモしておく。
Three.jsで物体を切断する効果を得るための機能としてClipping Planeと呼ばれる仕組みがある。面（Plane）を設定して、不要な部分を刈り取る（clip）するための機能である。
Three.jsのBoxGeometryは長方形だから頂点の数は8つだと思っていたら全然違っているのでその理由を想像してみる。
Node.js環境下での開発でAPIからデータを取得して表示する機能を開発する必要が生じたので、どんな具合に実現すればよいのか調べた。
Server-Sent Events（SSE）はサーバからのプッシュ配信を実現する機能。WebSocketとの違いはWebSocketがサーバからクライアント、クライアントからサーバへの双方向でのやりとりが可能であること…