手動で書いた記事。技術メモ、AI分析、科学トピックなど
make-diary で自動生成した日々の開発日記と詳細記事
ブログ記事で作った SVG 図版を新しい順に一覧。グリッド／1枚ずつ／4分割の3ビューで探せる
司馬遼太郎『街道をゆく40 台湾紀行』を読みながら、歴史・民族・言語・地理などの背景知識を整理する補足ノート
歯車の計算機から論理ゲート・CPU・メモリ・ネットワークまで、コンピュータが動く仕組みを15個のインタラクティブ図解で体験できる
企業財務データのビジュアライゼーションと分析ツール
米国株の決算ビートと株価推移を継続観察
AI設備投資の「買い手の財布」（HYスプレッド・ネオクラウド・貸し手・IPOウィンドウ）を事前定義シグナルで定点観測
メモリ市場全体（HBM/DRAM）・メーカー別月次推移・輸出/市場統計・ハイパースケーラー設備投資の4セクション＋統計の更新スケジュール
23歳から月10万円積立てていたらいまいくら持っているはずだったか。USD/JPY 為替考慮トグル付き
月X万円を積立てるには年収いくら必要か。2026年税制で純可処分の1/3ルールで逆算
関取70人・将棋165人 vs 税理士8.2万人・医師34.8万人。20職種の実数を一次情報で検証し対数軸で比較
UIデザイン原則・資料作成の原則・図解の種類の3コンテンツを15項目に圧縮。SVG・資料・UIを作る前に読むメタ判断の入口
UIデザイン原則のGood/Bad比較デモ
資料の構成・タイポ・余白などのGood/Bad比較デモ（Müller-Brockmann グリッド）
下の2つのカタログ60型を1ページに併記した統合版。両方にある7型（ツリー図・ピラミッド等）はどちらも残して並べてある
上の統合カタログを Miller Column Layout で1型ずつ見る。カテゴリ → 型 → 図の3カラムで、型ごとの意味グリッドを図の背面に重ねて確認できる
23種類の図解パターンをカテゴリ別に閲覧
cathrynlavery/diagram-design の27型作例を原典のトーンアンドマナーのまま閲覧する検討用カタログ。作例は日本語表記版
上の2カタログ60型の座標を、型ごとの「意味グリッド」に合わせて整列させた記録。配色も文言も変えず動かしたのは座標だけ。1目盛りを何に取ったかと直した理由を全型ぶん並べてある
UIに使い回せる純CSSモーション100本の動く見本帳。跳ねる・時間差・軌道・力・液体など10カテゴリ、コピーしてそのまま使える
6 分野 49 カテゴリ × H2/H3 すべて SVG 図解。 e-Gov 公的条文と過去問に準拠（執筆中）
Karpathy の200行GPTを、予実管理・配賦・感応度分析の言葉に翻訳。微分・ReLU・損失関数を簿記アナロジーと連動デモで理解し、実際のコードと対応づける
日本国勢図会2024/25をベースにした47都道府県クイズ集。農業・畜産・水産・人口・工業・観光など各章のテーマで主産地・主要統計を当てる
中学受験対策の理科学習。図解・比較表・入試チャレンジ問題付き
850語で英語を学ぶ。語彙ブラウザと三択クイズ
光と音で学ぶモールス信号。練習・クイズ・二分木ツリー
「2つの状態」で情報を表すところから、論理ゲート・加算器・メモリ・CPU・OS・GUIまで。コンピュータを部品から積み上げて理解する連続講座
会わずに秘密を共有し、改竄を見抜く仕組み。鍵配送問題からディフィー・ヘルマン鍵交換・RSA・ハッシュ・署名・証明書までを、手で追える小さい数のシミュレータと演習28問で辿る
三乗の展開公式を8つのブロックで視覚的に理解
外角を1点に集めてぴったり360°になる様子をアニメーションで確認
月の満ち欠けを視覚的に学習
東京から見た太陽の8の字を、地上カメラ・俯瞰カメラ・原因分解で学ぶ
Claude Code版。軌道・地軸・地上観測を並べて太陽の8の字を比較
北極側=反時計回り・南極側=時計回り。視点を動かして向きの逆転を確認
面積モデルで視覚的に理解する掛け算スライドショー
F値・シャッタースピード・ISO感度の3要素で、ボケ・ブレ・ノイズと露出の関係を体感する
開発中の機能やUIコンポーネントのテストページです
企業財務データ、設備投資データのビジュアライゼーション
Excelファイルをブラウザで表示するテスト
登記簿の記録例を正規化データで読み解く解説
長期保有 vs 短期売買をモンテカルロ法で比較分析
元金均等・元利均等返済の比較シミュレーション
小学6年分の算数の「なぜ?」を図解と操作できる教具で解説
日本語の作文技術を学ぶクイズ
地球と月の公転軌道と日食・月食の仕組み
本の手順を一手ずつ駒を動かして追えるインタラクティブ将棋ビューア（試作版）
スクロール連動のフローチャート表示
○□△×の図形アニメーションデモ
スクロール連動の画像切り替えデモ
Mermaidフローチャートのデモ
自分の声を複製し、文の間をBPM120のビートに揃える。波形とクリック音でズレを実測できる検証ページ付き
Web Audio APIでヘッドホンの左右チャンネル分離を確認
落ちてくるコードとメロディを叩いてギター風の複音で曲を奏でる。Karplus-Strongシンセシス
Synthesia風の自動演奏ビジュアライザー。88鍵Canvas描画＋Web Audio合成・運指番号表示