![[Astro] #172 Elevation Profile — 地図に線を引いて、標高の断面図を描く](https://assets.lain-lab.com/images/uploads/astro-172-elevation-profile.webp?0)
[Astro] #172 Elevation Profile — 地図に線を引いて、標高の断面図を描く
lain-lab.com の Elevation Profile の制作記録。Terrain Explorer の標高タイルの読み取りを流用した方法、線を刻んで双線形補間で標高を読む仕組み、データなし（海）の扱い、断面図の描画と PNG 書き出し、地図の操作、モックタイルでのテスト、サイトに入れて確認できたことと、未確認のことまで。
ARCHIVE_INDEX / PAGE_4
TOTAL_ITEMS: 878
![[Astro] #171 DOT Graph Visualizer — Graphviz WASM で DOT を描き、つながりを光らせる](https://assets.lain-lab.com/images/uploads/astro-171-dot-graph-visualizer.webp?0)
[Astro] #171 DOT Graph Visualizer — Graphviz WASM で DOT を描き、つながりを光らせる
lain-lab.com の DOT Graph Visualizer の制作記録。WASM が中に入った viz-global.js を script タグで読む方法、エラー行の表示、パンとズーム、PNG の書き出しと背景の透過、日本語ラベルの幅の問題と余白での逃げ方、ノードのクリックでつながりを強調する仕組み、Astro で踏んだハマりどころ、未確認のことまで。
![[Astro] #170 Subtitle Converter — SRT / VTT / ASS / SBV / LRC の変換とズレ補正(SJIS対応)](https://assets.lain-lab.com/images/uploads/astro-170-subtitle-converter.webp?1)
[Astro] #170 Subtitle Converter — SRT / VTT / ASS / SBV / LRC の変換とズレ補正(SJIS対応)
lain-lab.com の Subtitle Converter の制作記録。5 つの形式を、開始・終了・本文の形にそろえて読む方法、文字コードの判定の順番とスコア、Shift_JIS の書き出し表を TextDecoder から作る方法、2 点指定の線形補正、ビープ音つきのサンプルの作り方、Astro で踏んだ 2 つのハマりどころ、未対応の機能まで。
![[Astro] #169 PSD / PSB Viewer — レイヤー一覧ビューアを、自前パーサーで合成・マスク・書き出しまで作り直し、1GB超の PSB を開く](https://assets.lain-lab.com/images/uploads/astro-169-psd-psb-viewer.webp?0)
[Astro] #169 PSD / PSB Viewer — レイヤー一覧ビューアを、自前パーサーで合成・マスク・書き出しまで作り直し、1GB超の PSB を開く
lain-lab.com の PSD / PSB Viewer の作り直しの記録。ファイルを 4MB の窓で読む方法、RLE の行オフセット、プレビュー用の間引きデコード、レイヤーツリー、ブレンドとクリッピングとマスクの合成、ベクターマスクのパス演算、元コードで見つけた不具合、公開テストファイルとの比較結果、未対応の機能まで。
![[Astro] #168 サイトマップ #04 — 惑星に陰影とホログラムを足し、霧を 2層にして、VR の記事ボードを縦長にして完成](https://assets.lain-lab.com/images/uploads/astro-168-sitemap-planet.webp)
[Astro] #168 サイトマップ #04 — 惑星に陰影とホログラムを足し、霧を 2層にして、VR の記事ボードを縦長にして完成
Astro と three.js のサイトマップ（/sitemap-3d/）の仕上げの記録。InstancedMesh のまま、onBeforeCompile で陰影と縁の光を足す方法、ホログラム風の縞、背景の霧を 2 層にして流す方法、DUST の常時オンと記事数の表示、VR の記事ボードとカードの縦拡張、ハマりどころまで。
![[Astro] #167 サイトマップ #03 — VR で星を渡り歩き、パネルと記事ボードで、記事まで読めるところまで](https://assets.lain-lab.com/images/uploads/astro-167-sitemap-vr.webp)
[Astro] #167 サイトマップ #03 — VR で星を渡り歩き、パネルと記事ボードで、記事まで読めるところまで
Astro と three.js のサイトマップ（/sitemap-3d/）の VR 化の実装記録。WebXR のカメラ（dolly）、世界の縮尺と星の距離、角度で取る当たり判定、ワープと演出、パネルの壁、MDX から JSON を作る記事ボード、ハマりどころ（遷移でフリーズ、https、ファイル名の角括弧）まで。
![[Astro] #166 サイトマップ #02 — 星に光を足して、霧と粒子と検索を入れ、VR へつなぐところまで作り込み](https://assets.lain-lab.com/images/uploads/astro-166-sitemap02.webp)
[Astro] #166 サイトマップ #02 — 星に光を足して、霧と粒子と検索を入れ、VR へつなぐところまで作り込み
Astro と three.js のサイトマップ（/sitemap-3d/）の続編。後光・星雲（ノイズを 1 回だけ焼く天球）・グラデーションの線・流れる光の粒・検索とライトアップ・スマホの MENU・ステージ高さの修正・VR 化の方針と、ハマりどころの記録です。
![[Astro] #165 サイトマップ #01 — 3D の星座と、JavaScript なしの一覧で、サイト全体を見渡せるページを作成](https://assets.lain-lab.com/images/uploads/astro-165-sitemap.webp)
[Astro] #165 サイトマップ #01 — 3D の星座と、JavaScript なしの一覧で、サイト全体を見渡せるページを作成
Astro と three.js で作ったサイトマップ（/sitemap-3d/ と /sitemap/）の実装記録。メニューの JSON から星座を配置する方法、ワープ移動、記事 831 本を星屑にして、タイトルからアプリに紐づける仕組み、記事・作品・ショートの一覧、JavaScript なしで切り替える Tree 表示、ClientRouter（ビュー遷移）で 3D ページが動かなくなる問題と対処、ハマりどころまで。
![[Rust #03] ホットキーランチャー「HotRun」を作り、すでに使われているキーを洗い出すまで](https://assets.lain-lab.com/images/uploads/rust-03-hotrun-hotkey-launcher.webp?0)
[Rust #03] ホットキーランチャー「HotRun」を作り、すでに使われているキーを洗い出すまで
Windows用ホットキーランチャーHotRun（Rust + Tauri v2）の実装記録。RegisterHotKeyの専用スレッドとメッセージループ、keyCodeでのキー入力、設定JSONの検証と原子的な保存、全組み合わせへの登録で使用中のキーを集める方法、グループ名の食い違いのバグ、押して確認の仕組みと限界、GitHub Actionsでのリリースなど。
![[Rust #02] スクショ＋録画アプリ「shotkey」を作り、画面を固めて範囲選択、システム音つきの録画まで](https://assets.lain-lab.com/images/uploads/rust-02-shotkey-screenshot.webp?0)
[Rust #02] スクショ＋録画アプリ「shotkey」を作り、画面を固めて範囲選択、システム音つきの録画まで
Windows用の軽いキャプチャアプリshotkey（Rust + Tauri v2）の実装記録。GDIで画面を固めてからの切り出し、モニタごとの重ね画面とcanvasの座標換算、windows-captureでのH.264録画、範囲録画の行の向き、WASAPIループバックの無音の埋め方、content_protectedで録画に写らない小窓、リリースの下書きの見落としなど。
![[Rust #01] WinRAR置き換えのアーカイバ「Tote」を作り、7z・ISO・パスワード付き書庫まで](https://assets.lain-lab.com/images/uploads/rust-01-tote-archiver.webp?0)
[Rust #01] WinRAR置き換えのアーカイバ「Tote」を作り、7z・ISO・パスワード付き書庫まで
WinRAR置き換えのアーカイバTote（Rust + Tauri v2）の実装記録。エクスプローラーの複数選択を1つにまとめる方法、7zのブロック復号で起きる取りこぼし、ISO 9660 / Joliet / Rock Ridgeの読み方、ZIPへの安全な追記、7zにはパスワード検査値がないこと、WindowsのCIだけで落ちたリンクエラーなど。
![[Tauri #07] Tauri v2：CDDB / FreeDB終了後にCDの曲名が出ない問題を、MusicBrainzと自作プレーヤー「DISC.TOC」で解決](https://assets.lain-lab.com/images/uploads/tauri-07-disctoc-cd-player.webp?0)
[Tauri #07] Tauri v2：CDDB / FreeDB終了後にCDの曲名が出ない問題を、MusicBrainzと自作プレーヤー「DISC.TOC」で解決
CDDBとFreeDB終了の経緯、MusicBrainzへの乗り換え、IOCTL_CDROM_READ_TOC と RAW_READ を非管理者で叩く方法、MusicBrainzのディスクIDの計算、ストリーミング再生への作り直し、WebView2でダウンロードが動かない件など、作って公開するまでの記録。