#Vue
9 件
AI の思考過程をめくれる木にする
探索の可視化で難しいのは木を描くことではなく、数値が本物であること、盤を押しのけないこと、押さない人に負担をかけないことでした。
進数と単位換算：非線形なのは温度だけ
2 から 36 進数の変換は BigInt で精度を守る必要があります。10 カテゴリのうち 9 つは線形の比率ですが、温度だけはアフィン変換で、単一の倍率では必ず間違えます。
色とコントラスト：相対輝度はチャンネルの平均ではない
記法の相互変換は入口にすぎません。本当の罠は WCAG のコントラストで、ガンマを戻してから重み付けする必要があります。黒文字か白文字かの判断も閾値ではありません。
ハッシュとチェックサム：CRC32 と MD5 を自分で書く理由
ブラウザーが提供するのは SHA 系だけで、しかも安全なコンテキストに限られます。CRC32 と MD5 は Web Crypto にありません。大きなファイルを一括で読まない方法と、チェックサムを目視で比べない方法も。
正規表現テスト：ヒット・グループ・置換プレビューとゼロ幅の罠
正規表現テスターには三つの役割があります。一致位置とグループを明示し、置換結果を先に見せ、ゼロ幅一致で止まらないこと。
JSON スタジオ：整形・検証・差分を一つの画面に
使い捨てのコマンドで JSON を整える習慣から作りました。整形・圧縮・ソート、行と列で示す解析エラー、二つの文書の構造差分。すべてブラウザ内で動きます。
Astro islands で初回 JS をゼロに近づける
「非同期読み込み」を「必要な時だけハイドレート」まで分解し、3層の遅延読み込みがそれぞれ何を解決するのかを実コードで説明します。
View Transitions でテーマ切り替えの波紋を作る
クリック位置から広がる円で新しいテーマを現します。半径は最も遠い角まで届く必要があり、終了時にカスタムプロパティを消さないと次の切り替えに漏れます。
アプリページに client:only を使わない：静的シェルと明示的なマウント
ゲームとツールのページは「シェル + createApp」で、client:only ではありません。読み込み・成功・失敗の三状態を自分で持ち、再試行ボタンも本当に動きます。