01
ハッシュマップ
キーをハッシュ関数で変換 → バケットに O(1) で格納・参照
→ キーを入力して PUT / GET を試してみよう
02
ソート（バブルソート vs クイックソート）
比較・交換の過程を可視化
Speed
→ アルゴリズムを選んで実行
03
木構造探索（DFS / BFS）
深さ優先 vs 幅優先 — 訪問順序の違いを可視化
→ DFS / BFS を選択して探索順序を確認
04
キュー（FIFO）vs スタック（LIFO）
データの入出力順序の違い
📥 Queue（FIFO）
← OUT（先頭から取出）IN →
📚 Stack（LIFO）
IN/OUT ↕（末尾で出入）
→ 値を Push してから Pop して、順序の違いを確認しよう
05
LRU キャッシュ
Least Recently Used — 最も古いデータから追い出す
容量: 4
HIT: 0
MISS: 0
Rate: -
→ キー A〜Z を入力して HIT / MISS を確認
06
正規表現マッチ
パターンがテキストのどこにマッチするか、リアルタイムで確認
Pattern
Text
07
ページネーション（Offset vs Cursor）
同じデータに対する2つのアプローチの違い
📄 Offset 方式
OFFSET 0, LIMIT 3
1 / 4
🔖 Cursor 方式
WHERE id > 0 LIMIT 3
→ 左右のページ送りで挙動の違いを比較してみよう
08
トポロジカルソート
依存関係を解決して正しい実行順序を求める
→ マイグレーション実行順序を依存関係から自動算出
09
集合演算
和集合・積集合・差集合を視覚的に確認
Set A
Set B
10
ステートマシン
注文ステータスの遷移ルールを可視化
pending
→ ボタンをクリックして状態遷移を体験