【ぷよプロ】ぷよぷよでプログラミングを学習する方法

みなさんこんにちは！

本日は、あの有名な「ぷよぷよ」でプログラミングを学習していきたいと思います。

実は、2020年6月にゲーム「ぷよぷよ」の発売元であるセガが、ぷよぷよを通じてプログラミング学習ができるプログラムをなんと無料で公開してくれたのです！

名付けて、ぷよプロと呼ばれる本プログラムの詳細についてはぜひとも次のサイトから確認してみてください！

プログラムには実装するソースコードの行数に応じて、基礎（入力量4行）、初級（入力量28行）、中級（入力量95行）、上級（入力量1,015行（全部））となっており、難易度別に挑戦ができる形式となっています。

ぜひみなさん、一度挑戦してみてください！

とは、いったものの、、、

問題はこれ、「写経」なんですよね、、、

正しいコードを見てそのまま書き写す、この学習方法自体には賛成です。そして、「ぷよプロ」の趣旨は「やりきったという達成感を得られる」なので、その意味では目的を達することができると思います。

ただ自分が思うようにプログラミングして、アイデアを実現させるためには、結局はそのコードが何を表しているのか、それがわからないことには応用が効かず、また、せっかく学習したのであれば次につながったほうがよりよいのではないかな、と思っています。

なので、この【ぷよプロ】シリーズでは、ソースコード1,015行全てに対して（重複する内容は割愛しますが）具体例もつけながら解説していきたいと思います。

そもそも「ぷよぷよ」とは？

ぷよぷよとは、テトリスのような落ちもの系のパズルゲームです。「ぷよ」と呼ばれるモンスター（？）を動かして積み上げていくことでゲームが進行します。

ぷよぷよを知らない人は実際にプレイしている動画を見てみてください。

ルールシステムについての詳細は以下です。（Wikipediaより引用）

・フィールドは基本的に縦か12マス×横6マスの格子で構成される。格子の1マスにつき1個のブロック（ぷよぷよ、略してぷよ）を置くことができる。ただし、上方向は、画面外に1マス分だけぷよを置くことができる。

・上からぷよが2つ1組で落下してくる（「組ぷよ」と呼ばれる）。ぷよは種類ごとに色が異なり、色は3-5色（通常は4色）ある。プレイヤーはぷよに対して回転、横移動、高速落下のいずれかの操作を行う。

・次に落下するぷよはフィールドの枠外に「NEXTぷよ（ネクストぷよ）」として予告される。配られる組ぷよの配分は麻雀のツモに例えられている^[要出典]。

・落下してきたぷよがフィールドの床やほかのぷよに衝突すると、その位置にぷよが固定される。ただし、組ぷよを横にして置いたりなどして、ぷよに1マス分でも下方向に空白がある場合は、強制的にそのぷよだけ落下する。

・固定されたぷよと同色のぷよが周囲4方向にいる場合、それらは互いにくっつく。

・ぷよが4個以上くっつくと消滅し得点となる。

・ぷよの消滅により上にあったぷよが落下する。このとき再びぷよが4個以上くっつくと消滅し、連鎖が起きる^[5]。なお、普通に4つ色を並べて消す行為だけでも1連鎖と考え、消滅した回数（○回）に応じて○連鎖と呼ばれる。複数色を同時に消した場合や同色を別箇所で消した場合でも、1連鎖扱いとなる。

・ぷよを消したときに入る得点は、消したぷよの数に、設定された「連鎖倍率」を掛けることで計算できる。

・左から3列目が一番上まで埋まると「窒息」してゲームオーバー。

Wikipedia(ぷよぷよ)

とまあ、難しそうに書かれていますが、このようなルールを意識することは具体的なプログラミングをする際にかなり重要です。

要件定義と呼ばれる作業で、実現したい内容をシステム化できるレベルで整理することがシステム開発では重要です。

要件定義などIT業界で現場で実際に何をしているのかについては次の記事を参考にしてください。

本シリーズで学習できること

本シリーズを通じて学習できることは次の内容です。

今回はもちろん、ぷよぷろ（上級）を対象として解説を行います。

そしてJavaScriptは筆者が初心者におすすめするプログラミング言語の１つです。

Webアプリを開発する際には必須の知識であり、JavaScriptなしでの開発はあり得ません。

JavaScriptを学習したら、次はTypescriptやVue.js、React、JQueryなどのフレームワークへの学習へと進んでいくことができます。

本シリーズの記事について

本シリーズは次の順で進めていきます。

“ぷよぷよ”を作ってプログラミングを学習しよう（本記事）

あの有名なゲーム”ぷよぷよ”の開発を通じてアプリ開発の基礎を学習しましょう。

セガが用意してくれた「ぷよプロ」プログラムを通じてJavaScriptを学習しよう。

ぷよぷよプログラミングを始めよう（環境構築編）

ぷよぷよプラグラミングをするための準備をしましょう。

本記事では、Visual Studio Codeを利用してアプリ開発をしていきます。

2021年6月14日Visual Studio Codeで本格開発！ぷよぷよプログラミングの始め方

ぷよぷよプログラミングを解説（開発編）

ぷよぷよプログラミングを解説します。

全６回で実際のコードベースで「ぷよプロ」の解説を行います。

2021年6月26日【ぷよプロ】ぷよぷよプログラミングを始めよう（開発編①） 2021年6月27日【ぷよプロ】ぷよぷよプログラミングを始めよう（開発編②）- index.htmlを用意しよう 2021年7月18日【ぷよプロ】ぷよぷよプログラミングを始めよう（開発編③）- initializeを実装して初期表示をできるようにしよう 2021年7月24日【ぷよプロ】ぷよぷよプログラミングを始めよう（開発編④）- 無限ループを実装してゲームが進行できるようにしよう 2021年9月25日【ぷよプロ】ぷよぷよプログラミングを始めよう（開発編⑤）- モードの処理を実装してゲームを完成させよう（前半）

次につながる筆者のおすすめ学習

ぷよプロの「次」に学ぶのに筆者がおすすめする内容を紹介します。

それでは次の記事でお会いしましょう！