バブルソートビジュアライザー

バブルソートの動きをアニメーションで確認できるツール。ステップ実行や速度調整、カスタム入力データ、比較・交換回数のリアルタイム表示、擬似コードの表示に対応しています。すべてブラウザ内だけで動作します。

無料登録不要クライアントサイドプライバシーに配慮 Updated 6月 11, 2026

速度 Size

Comparisons: Swaps / writes: Array accesses:

Custom input (comma or space separated)

Code examples

Ready-to-copy reference implementations. Free to use in your own projects and assignments.

使い方

1 Playを押すと配列が自動で並び替えられます。Stepを押せば1回の比較ずつ進めることもできます。
2 Sizeで列の数を増減し、Speedでアニメーションの速さを調整します。
3 Custom inputに任意の数値を入力してApplyを押すと、その配列でソートを実行します。
4 ハイライトされる擬似コードの行と、リアルタイムで更新される比較・交換回数を確認しましょう。

このツールを使う理由

隣接する要素の比較・交換によって、1回のパスごとに最大値が末尾へ押し出されていく様子を正確に見ることができます。
各ステップを前後に移動しながら確認できるため、ブラックボックス化する部分がありません。
配列サイズが大きくなるほど比較回数が増えることを数値で示し、バブルソートがO(n²)になる理由を体感できます。
すべてブラウザ内で完結します。登録もアップロードも不要です。

よくある質問

バブルソートとは何ですか?

バブルソートは、リストを繰り返し走査しながら隣り合う要素を比較し、順序が正しくなければ交換していくアルゴリズムです。1回の走査が終わるたびに、次に大きい値が最終的な位置に確定します。

バブルソートの時間計算量はどれくらいですか?

平均・最悪ケースではO(n²)です。これは二重ループ構造によるものです。すでに整列済みの配列であれば最良ケースのO(n)となり、交換が一度も発生しなければ早期終了する最適化版も存在します。

バブルソートは安定ソートですか?

はい、安定です。比較条件が「厳密に大きい場合」のみ交換を行うため、値が等しい要素同士の相対的な順序は保たれます。

バブルソートはどんな場面で使うべきですか?

実務でバブルソートを使う場面はほとんどありません。これは教育目的のアルゴリズムです。実際の処理には言語標準のソート関数(Timsortやintrosortなど)を使うべきです。比較・交換・安定性といった概念を学ぶ上での価値があります。