コンピューティング

コンピュータは言われたとおりのことを、良いアルゴリズムと悪いアルゴリズムの差を無視できなくなるほどの速さで実行します。ここでは両方を走らせ、その差が開いていくのを見ることができます。

Newest in this category

単体のツールではなく、短い系列として。各ステップは次のステップに具体的なものを渡すので、順番に進める価値があります。

L2: 中等

動画が符号化されるまで

COMP動画エンコーダは単一のアルゴリズムではなく、順序の決まった 8 つの段です。その順序は恣意的ではありません。どの段も、直前の段が仕事を可能にしてくれたからこそ存在します。このツールはそのうちの 1 つを扱います。下の連鎖から残りの 7 つに移動できます。

  1. 01標本化
  2. 02色差の間引き
  3. 03GOP 構造
  4. 04動き推定
  5. 05量子化
  6. 06エントロピー符号化
  7. 07レート制御
  8. 08容量の予算

全プロセスの詳細解説

ここでわかること

これらのツールから生まれた記事

この分野のすべてのツール

Algorithms & Data Structures

BFS vs DFS ビジュアライザー
幅優先探索と深さ優先探索によるグラフ探索を、さまざまなグラフ構造で並べて比較します。
BST / AVL木ビジュアライザー
自動平衡回転を伴う二分探索木とAVL木を構築・可視化します。
グラフ彩色エクスプローラー
グラフの頂点を彩色し、彩色数の制約をテストし、クリークによる下限を調べます。
ソートアルゴリズム対決
同じ入力でソートアルゴリズムを比較する。
ダイクストラ法による最短経路
重み付きグラフでダイクストラ法の最短経路探索をステップごとに可視化します。
ハッシュテーブル可視化ツール
チェイン法、線形探査法、二次探査法による衝突解決で、ハッシュテーブルがどのようにデータを格納するかを見てみましょう。
レーベンシュタイン距離ビジュアライザー
2つの文字列間の編集距離(挿入・削除・置換)を計算し、比較を可視化します。
再帰木エクスプローラー
フィボナッチ数列、ハノイの塔、パスカルの法則、マージソート、階段上りの単純な再帰呼び出しについて、呼び出し回数、独立した部分問題、スタックの深さを数えます。メモ化テーブルがどこで役立つのかを具体的に確認しましょう。
経路探索アルゴリズム・ビジュアライザー
A*、ダイクストラ法、貪欲最良優先探索、幅優先探索(BFS)がグリッドを探索する様子をステップごとに見てみよう。
計算量オーダー(Big-O)エクスプローラー
O(1)、O(log N)、O(N)、O(N²)、O(2ᴺ)、O(N!)の増加率がさまざまな規模でどう比較されるかを可視化します。

Information Theory & Encoding

2進数演算と2の補数ラボ
ビットの重み、2の補数などの符号付き表現、2進数の加算・減算・乗算を手順ごとに学べます。
LZ77 圧縮デモ
DEFLATE、ZIP、gzip で使われるスライディングウィンドウの後方参照をステップごとに確認しよう。
NLPエントロピー・ラボ
トークンエントロピー、交差エントロピー、パープレキシティ、KLダイバージェンス。言語モデルの学習と評価を支える四つの数値です。
エンコーディング/基数検出・変換ツール
可能性の高いエンコーディングや構造化フォーマットを検出し、デコードして内容を説明します。
エントロピー符号化プレイグラウンド
シンボル分布とシャノンエントロピー、期待される圧縮利得、AI/LLMにおける次トークン予測の関係を学びます。
ハフマン符号化ビジュアライザー
入力テキストからハフマン木を構築し、最適な接頭辞フリー2進符号と圧縮率を確認できます。
バロウズ・ウィーラー変換(BWT)
BWTがテキストを圧縮しやすいランに並べ替える仕組み、そして可逆的に元に戻す方法を確認します。
浮動小数点数
10進数を入力してみてください。コンピュータがそれを符号、2進数、正規化、バイアス、丸めと変換していく過程を追うことができます。最終的に記憶される値、誤差、そして表現可能な次の数値までの間隔を確認しましょう。
連長圧縮(RLE)
繰り返し記号を(値, 個数)のランに圧縮し、最良・最悪ケースを検証する。

Signal & Media Processing

GOP構造ビジュアライザー
ビデオストリームにおけるI/P/Bフレームパターン、シーク遅延、および圧縮のトレードオフを理解します。
クロマサブサンプリング・ラボ
4:4:4、4:2:2、4:2:0を比較し、画像・動画圧縮における色情報の損失を確認します。
コントラスト比チェッカー(WCAG輝度)
文字色と背景色のコントラストをWCAG 2のアクセシビリティ基準と照らし合わせて確認する — そして、その裏にある輝度計算式が、1953年の放送テレビが既存の白黒信号にカラー情報を押し込む必要から生まれたものであることも見てみましょう。
ソーベル vs キャニー エッジ検出器
ソーベル勾配とキャニーヒステリシスを適用し、エッジ検出パイプラインを比較する。
ピクセルサンプリング・ラボ
信号とピクセルグリッドの可視化を通じて、サンプリング、ナイキスト、エイリアシングを理解しよう。
レート制御シミュレーター
シーンの複雑さやバッファ制限が変化する中での、CRFとCBRの挙動を比較する。
動き推定シミュレーター
フレーム間符号化におけるブロックマッチング、動きベクトル、残差エネルギーを調べよう。
動画エンコーディング・ラボ
ビットレート、コーデック、CRF/CBR、画質のトレードオフを、リアルタイムの視覚的な見積もりで学ぼう。
畳み込みと特徴マップのプレイグラウンド
畳み込みカーネル、ストライド、パディングを、リアルタイムの入出力特徴マップとともに探索します。
量子化ラボ
ビット深度、量子化誤差、バンディングをライブのビジュアル例で探ろう。
Related categories: 数学, 物理学