【マンガで感じる】基本ソート ～1つのルールを繰り返して並べ替え～【本当の基礎から学ぶゲームプログラミング】[初級者向け]

2026/03/30

　40年以上のゲームプログラミング経験をマンガで可視化。 今回はプログラミングにおける基本アルゴリズムの代表格「基本ソート」。 1つの単純なルールを繰り返すだけで、複雑に見える並べ替えを解決するエピソードです。

プログラミングブログ記事一覧

【マンガで感じる】基本ソート ～1つのルールを繰り返して並べ替え～

基本ソートのソースコード例

JavaScript

Python

「基本ソート」とは：1つのルールを繰り返して並べ替え

　「基本ソート」の本質は「1つのルールを繰り返して並べ替え」です。
　この「1つのルールを繰り返す」ことはプログラミングの本質とも言える、とても重要なものです。

基本ソート(単純交換法)のアルゴリズム解説

今回のアルゴリズム：基本ソート(単純交換法)

　データを大きい(小さい)順に並べ替える処理をソートと呼びます。
　マンガの中で社長の「運動加速装置(坂道パーツ)」を並べ替えるために使用されたアルゴリズムは、ソートの基本的なものです。 「先頭(基準位置)」を決め、残りのすべてのデータと順番に比較し、 もし「もっと大きい(または小さい)」データが見つかったら交換します。 これをデータの数だけ繰り返すことで、最終的にきれいに整列(ソート)されたデータが完成します。
　これは単純交換法(Exchange Sort)と呼ばれる場合もあります。

ソースコードの仕組み(JavaScript)

　今回のプログラムは、以下のような「2重ループ」構造になっています。

1.基準位置を決める(外側のループ)

　ここでは変数 i が基準位置、つまり「今、どこの場所を確定させたいか」を指しています。 マンガでは、メカ・アイの位置にあたります。
　初期値は 0、 5-1(つまり4)未満の間、++iで1ずつ増やしてループ。 つまりこの場合は 0,1,2,3 の 4 パターンです。
　JavaScript や Python に おける、プログラム上の先頭(1番目)は 0 のため、注意が必要です。 この処理ではつまり、各パーツの 1番目から4番目までを動きます。

2.残りの要素を探す(内側のループ)

　変数 j は、iより後ろにある残りすべての要素を順番にチェックしていく役割です。 マンガでは、メカ・ジェイが次々と確認しに行っている動きです。
　より具体的には、まず i が 0 のときには、j は 1 から 4 まで 1 ずつ増えながら、後述の3.比較と4.交換を処理します。 それが終了すると、このforループが終了して外側のループに戻ります。
　すると外側のforループで i が 0 から 1 増えて 1 になり、再びこのforループに入ります。 そのとき j は、2 から 4 まで 1 ずつ増えながら繰り返し処理します。
　同様に、i が 2 のときは j が 3 から 4 まで、 i が 3 のときは j が 4 になり、同様に繰り返します。

3.比較換する

　「基準位置にあるもの」より「探してきたもの」の方が条件に合う(今回は大きい)かどうかを比較します。 探してきたものの方が条件に合えば、交換を行います。

4.交換する(スワップ処理)

　こちらは別記事の交換にて詳述していますので、ぜひご覧ください。

その他のソートアルゴリズム

　ソートには、本記事で紹介した基本ソート以外にも、有名なアルゴリズムが複数あります。

プクプク移動するイメージのバブルソート

　ソートアルゴリズムの入門として有名なものにバブルソート(Bubble Sort)があります。 バブルソートも単純交換法と同様に「基本のソート」として扱われますが、コードの書き方やデータの動き方に個性があります。

単純交換法

　今回のマンガの方法です。 基準位置(i)と、離れた場所にある比較対象(j)を直接交換します。

バブルソート

　同様の2重ループの中で「隣り合う2つ(例えば j と j+1 )」を比較して交換します。 大きな値が泡(バブル)のようにプクプクと端っこまで移動していくイメージの動きになります。

より高速なソートアルゴリズム

　基本ソートは「比較回数がデータ量の2乗のペースで増える」アルゴリズムです。 専門用語ではこれを計算量オーダーと呼び \(O(n^{2})\) と表現します。
　厳密な比較回数は \(n^{2}\) ではありませんが、データ量が増加したときに、最も大きく影響を受けるところだけを考慮すると \(n^{2}\) になります。
　\(O(n^{2})\) の場合、データ数がマンガのように5個程度であれば、一瞬で終わります。 しかし、データが100万などに増えると、計算量が爆発的に増え、処理が非常に遅くなります。
　それに対し、クイックソートなど、より高速なアルゴリズムが多数考案されています。 これらはより多くのメモリーを活用したり、同じ値の時に順番が入れ変わることを許容するなどのトレードオフも含めた、時に感動するような工夫により、基本的に \(O(n\log{n})\) の計算量オーダーを実現しています。 データ量が多いとき、\(O(n\log{n})\) は \(O(n^{2})\) より圧倒的に高速です。
　それらのアルゴリズムを理解するためにも、 まずはこの「基本ソート」で「配列操作」と「2重ループ」をマスターすることが重要です。 高速化の技術(最適化)については、今後のエピソードで詳しく触れていく予定です。

ゲームプログラミングにおける「基本ソート」

基本ソートはすべてのプログラミングの基本

　基本ソートは、ゲームプログラミングの基本であり、すべてのプログラミングの基本です。
　プログラムを理解する上で、必ず通る道と言えます。 小学校のプログラミング学習のカリキュラムにも採用されています。
　基本ソートのプログラムに登場する「変数の内容が変化しながら繰り返す」という要素は、 「この動きが理解できたらプログラマーを名乗って良い」と筆者は考えています。 プログラミングでとても重要なものです。
　しかも基本ソートは、それが2重構造になっています。 これが理解できる小学生は多くないでしょう。 大人でも、小学校の先生を含めて、プログラミング未経験であれば、短時間で理解する人は少ないはずです。
　筆者は中学2年生のときにプログラミングの勉強を始めて、 このレベルを理解したと言える状態になるまで半年を要しました。
　そのため、基本ソートやプログラミングについて、このマンガでイメージだけでも掴んでもらえたら幸いです。 できるだけ多くの小学生および小学校の先生方、プログラムを勉強し始めた方に読んでいただきたいです。 興味が出たら本記事の解説を読んだり、AIと会話するなどして、ちょっとずつ理解を深めていきましょう。

ゲームプログラミングで基本ソートはあまり使用しない

　実際にゲームプログラミングでソート(並び替え)が必要な場合、最近では基本ソートを使うケースはあまりありません。
　プログラムが単純でメモリー消費量が少ないというメリットはあるので、ファミコン世代の家庭用ゲーム機では使用されていました。
　しかし現在は、既存の高速なソートを使用するケースが多いです。 例えばキャラAIバトルロイヤルでは、バトル結果をスコアの降順にソートして表示しています。 そのプログラムは、自作ではなく、JavaScript に用意されている関数 sort を使用しています。

　速度効率と作業時間のどちらの面でも、基本ソートやバブルソートを使用する理由はほとんど無いでしょう。

【プログラミングの醍醐味】シンプルな共通ルールを繰り返すことで解決する

　今回のように、シンプルな共通ルールを繰り返すことで課題解決に導くことは、プログラミングの醍醐味であり、重要なポイントです。
　例えば基本ソートでは「2箇所のデータを比較して条件に合致したら交換する」という、 とても単純な1つの共通ルールが用いられています。 これ順番に繰り返して実行するだけで、大きい順(小さい順)に並び替えられます。
　これが基本ソートの本質であり、プログラミングの本質でもあります。
　解決したい課題に対して、こうしたシンプルな共通ルールを発見し、それを繰り返すことで課題を解決できたときは、パズルが解けたような楽しさがあります。 これぞプログラミングの醍醐味です。

マンガで感じる！本当の基礎から学ぶゲームプログラミングとは

　「マンガで感じる！本当の基礎から学ぶゲームプログラミング」シリーズでは、 主に、ゲーム開発を題材として、プログラミング時に筆者が脳内でイメージするコンピューター内部動作や本質を、マンガにてお伝えします。

プログラミングの本質をマンガで理解

　AI時代のプログラミングは、本質理解が重要です。 本質を理解していれば、あとはAIに任せて、自身を持って完成したプログラムに責任が持てるでしょう。
　そのため本シリーズでは、コーディングの実例や詳細よりも、「本質をイメージとして感じられること」を最優先としています。 まずマンガで、情報をできる限り絞り、プログラミングの仕組みやコンピューターの内部動作を、物理的に可視化してお届けします。
　そして文章の解説で徹底的に深堀りします。

登場人物紹介

　マンガで感じる！本当の基礎から学ぶゲームプログラミングシリーズには、主に社長、クリスタル、およびメカたちが登場します。 ※実在の人物とは関係ありません

社長

　本シリーズの偉い人です。
　マンガでは、指示すなわち「要件定義」を行います。

クリスタル

　社長の指示を、メカを活用して解決します。
　名前は、コンピューター内部で指揮者の役割を果たす「水晶発振子」に由来します。

メカたち

　用途に応じて多数存在し、果たす役割がそれぞれ与えられています。
　クリスタルの指示に従い、ある時はプログラムの変数や関数のように、ある時は電子回路の素子のように振る舞います。

「マンガで感じる！本当の基礎から学ぶゲームプログラミング」にかける想い

　筆者が本シリーズにかける想いや、 より詳しいコンセプトは「マンガで感じる！本当の基礎から学ぶゲームプログラミング」にて語っています。 そちらもぜひご覧ください。

本エピソードから読み始めた方へ

　もしあなたがプログラム初心者で、「マンガで感じる！本当の基礎から学ぶゲームプログラミング」シリーズを本エピソードから読み始めた場合は、 ぜひ最初のエピソード「プログラム」から読むことをご検討ください。

AIを専属の家庭教師にして基本ソートを学ぼう

　本エピソードでは、プログラミングの基本アルゴリズムの代表格「基本ソート」を解説しました。
　マンガを読んで興味が湧いた、解説のこのキーワードが気になった、などあれば、AIを専属の家庭教師に見立てて対話してみましょう。 基本的な内容でも、深い部分でも、それぞれに応じた質疑応答ができて、理解が深まりますので強くオススメします。
　本シリーズが、皆さまのプログラミング学習および、ゲームプログラミングの楽しさと本質の理解に少しでもお役に立てれば幸いです。

補足

カテゴリー：マンガで感じる！本当の基礎から学ぶゲームプログラミング,基本アルゴリズム編