Webデモ

このリポジトリは、さまざまなウェブデモをまとめたものです。

デモ一覧

データ構造とアルゴリズム

Water Jug Problem - 4Lと3Lの水差しで2Lを作るシミュレーション
Sentinel Search Comparison - 番兵あり・なしの線形探索を並べて、要素比較と範囲確認の差を可視化
Hash Search - ハッシュ法の探索例と衝突処理を、オープンアドレス法/チェイン法で可視化
Singly Linked List - 単方向リストの挿入・削除で、next ポインタのつなぎ替えをステップごとに可視化
Stairs Recursion - 再帰による階段の登り方問題のデモ
Tower of Hanoi - ハノイの塔のインタラクティブなデモ
River Crossing - 川渡り問題のシミュレーション
Maze Search (BFS/DFS) - 幅優先/深さ優先で迷路を探索。探索木とログを動的表示
Huffman Coding - 出現頻度からハフマン木を構築し、符号表・平均符号長・エントロピーHを可視化
Graph Visualizer - BFS/最短経路などの可視化
Heap Sort Visualizer - 最大ヒープの構築からソートまでの過程を木構造で可視化

進化計算

GA OneMax - OneMax問題を解く遺伝的アルゴリズムのデモ
CMA-ES Simulator - CMA-ESのシミュレータ
DE Simulator - 差分進化のシミュレータ
PSO Simulator - 粒子群最適化のシミュレータ
ACO TSP - アリコロニー最適化でTSP
GP Regression - ガウス過程回帰

機械学習

MediaPipe

Finger Draw - 手と顔の検出による3D描画
Boid Fish (Hand Control) - 手の動きで群れ（Boids）の魚を制御
3D Physics × Hand Tracking - 3D物理×ハンドトラッキング
Emotion Recognition - 表情認識（Face Mesh + face-api.js）
Face Mesh 画像生成 - MediaPipe Face Meshのランドマーク情報を利用した画像生成デモ

Audio