🚶Avaturn アバターに Mixamo 歩行アニメーションをリターゲット：Blender CLI から Three.js ランタイムまで
写真から作った Avaturn アバター（GLB）に Mixamo の歩行アニメーションを適用する方法を3段階で解説。Blender 5.0 CLI での変換、Node.js での比較検証、Three.js ランタイムでのブラウザ完結型リターゲットまで、試行錯誤の記録。
threejsjavascriptblendermixamo
🥽Next.js + React Three Fiber で Meta Quest 対応 VR ビューアを作る：@react-three/xr v6 実装記
Next.js + React Three Fiber の 3D ビューアを @react-three/xr v6 で Meta Quest 対応にした記録。CameraRig が XR カメラを横取りする問題、useXRControllerLocomotion の callback vs ref 形式の落とし穴、Quest 実機デバッグの工夫など、ハマりポイントと解決策をまとめました。
webxrreact-three-fibernextjsthreejs
🏯IIIF VR ビューア：WebXR + A-Frame で文化資源を原寸大で体験する
IIIF 対応画像を江戸町家の VR 空間に原寸大で配置し、ブラウザや VR ヘッドセットで閲覧できる WebXR ビューアの開発記録。A-Frame + THREE.js による三人称カメラ、VRM アバター、タイル LOD など、WebXR 開発で遭遇した問題と解決策をまとめました。
webxraframethreejsjavascript
📊Observable：D3.js作者が作ったデータ可視化ノートブック
D3.js作者Mike Bostockが開発したデータ分析・可視化ノートブックプラットフォームObservableの紹介と、DHにおける活用方法を解説します。
observabled3jsdata-visualizationjavascript
🗺️MapLibre GL JS でカスタムマーカーがズーム時にずれる問題と GeoJSON レイヤーによる解決
MapLibre GL JS の DOM ベースカスタムマーカー（maplibregl.Marker）がズーム・パン操作時に地図から遅れて追従する問題の原因と、GeoJSON ソース + Circle/Symbol レイヤーによる根本的な解決方法を解説する。
maplibrejavascriptgiswebgl
🚀Astro 4 から 5 へのアップグレード記録
Astro 4 から 5 へのアップグレードで必要だった変更点のまとめ
astrojavascriptmigration
🎭Three.js + Puppeteer で VRM キャラクターを動かして動画を自動生成する
Three.js と @pixiv/three-vrm を使ってヘッドレス Chrome 上で VRM モデルをアニメーションさせ、VOICEVOX のリップシンクと組み合わせて VTuber 風解説動画を自動生成するパイプラインの実装メモ。
threejsjavascriptpythonvrm
👁DOCX → TEI/XML 変換ツールに CETEIcean を使ったプレビュー機能を追加した
CETEIcean を使って、TEI/XML 変換結果をブラウザ上で視覚的に確認できるプレビュー機能を追加しました。
teixmldigitalhumanitiesjavascript
📄TEI Garage APIを使って、DOCX → TEI/XML 変換ツールをブラウザだけで作った
TEI Garage APIを使って、DOCX → TEI/XML 変換ツールをブラウザだけで作った
teixmldigitalhumanitiesjavascript
🎃ethers.js v6 の日本語チュートリアルを作った
ethers.js v6 の日本語チュートリアルを作った
blockchainjavascriptethereumweb3
😽Annotoriousの描画モードがproduction buildでだけ壊れる
Annotoriousの描画モードがproduction buildでだけ壊れる
javascriptnextjswebpackiiif
💬RAWGraphs 2.0 の日本語化
RAWGraphs 2.0 の日本語化
javascriptreacti18n
🔥Ace.jsでTeXをハイライトする
Ace.jsでTeXをハイライトする
javascriptlatextexace
🙄Nuxt3 x babylon.jsで.glbファイルをロードする
Nuxt3 x babylon.jsで.glbファイルをロードする
nuxtjavascript3dbabylon
🕌Fuse.jsを使用した完全不一致検索（GPT-4による解説）
Fuse.jsを使用した完全不一致検索（GPT-4による解説）
javascriptsearchmismatcharraymethodfiltering
😸Fuse.jsを使用した完全不一致検索の部分的な実現
Fuse.jsを使用した完全不一致検索の部分的な実現
javascript
📘[TEI x JavaScript] Nuxt3で意図しないWhitespaceを削除する
[TEI x JavaScript] Nuxt3で意図しないWhitespaceを削除する
javascriptnuxt3tei