オブジェクト指向の勉強の仕方について

Question

私はプログラミングを独学で勉強しており、素人ながら日常生活や仕事で使うための簡単なプログラムを書いています。近頃、もっと綺麗で制御しやすいコードを書けるようになりたい、と思うようになり、オブジェクト指向プログラミング(OOP)に興味を持ちました。手探りながら、classやオブジェクトを作って制御することを意識しながらプログラミングしています。

しかし、手探りの上、周りにプログミングをやる人が全くおらず、OOPにおける一般的な作法が分からなかったり、自分のやっている実装のどこが悪く、どこから直せばよいか、などが分からず、困っています。

そこで、先ほど、JavaScriptでRPGゲームのプログラムを作ることを想定して、ゲームに出てくるclassやオブジェクトのひな型のようなものを書いてみました。
完全に即席な上、省略ばかりでほんの導入部分を書いただけですが、クラスの設計や実装の考え方について、コメントをいただけないでしょうか？

コードは以下になります。
ご回答よろしくお願い致します。

//map_listゲームのマップデータが入ったオブジェクト
const map_list = {
  //key:場所の名前,value:マップの座標
  //0:何もない空間,1:壁、2:出口,3:人間
  "村の自宅": [
    [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
    [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
    [1, 0, 0, 0, 0, 0, 3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
    [1, 0, 0, 3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 0, 0, 0, 0, 0, 1],
    [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
    [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
  ],
  "自宅の外の村全体": [
    [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
    [1, 3, 3, 3, 3, 3, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2],
    [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2],
    [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 2],
    [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 1],
    [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
  ],
  "魔王の城": [
    [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
    [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
    [1, 0, 1, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 1],
    [1, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 3, 0, 0, 0, 1],
    [1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
    [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
  ]
  //以下同様  
}

class Game {
  constructor() {
    /*               Gameクラスの各プロパティ                        */
    //現在のゲームモード: 0:フィールドモード、1:バトルモード、2:ミニゲームモード
    this.mode = 0;

    //フィールドモードオブジェクト
    this.fieldMode = {
      
      //プレイヤーがいる場所を格納する変数(初期値は村の自宅)
      this.place = "村の自宅",
      //プレイヤーがどこにいるかを示す座標(初期値は村の自宅の左片隅の(1,1)座標)
      this.site = map_list["村の自宅"][1][1],

      //プレイヤーの持ち物(初期値は木の枝1コと美味しいアメ3コ)
      this.belongings = new Map([
        ["木の枝": 1],
        ["美味しいアメ": 3]
      ]),

      setup(_saveData) {
        //セーブデータをもとにゲームをセットアップ
        this.place = _saveData.fieldMode.place; //場所情報をロード
        this.site = _saveData.fieldMode.site; //位置情報をロード
        this.belongings = _saveData.fieldMode.belongings; //持ち物をロード
        //以下同様
      },
      
      start(){
        //マップの画像や操作画面を作成する処理
      }
      
    }


    this.battleMode = {
      //バトルモードでのゲームのオブジェクトを記述
      setup(_saveData) {
        //セーブデータをもとにゲームをセットアップ
      },
      start(){
        //操作画面を作成する処理
      }

    };
    this.miniGameMode = {
      //ミニゲームでのゲームのオブジェクトを記述
      setup(_saveData) {
        //セーブデータをもとにゲームをセットアップ
      },
      start(){
        //マップの画像や操作画面を作成する処理
      }

    };
  }

  start() {
    const saveData = this.load();//セーブデータを読み込む
    
    if (saveData) {
      this.fieldMode.setup(saveData);
      this.battleMode.setup(saveData);
      this.miniGameMode.setup(saveData);
      console.log(`おかえりなさい！`);
      
      //ゲーム開始時はフィールドモードからスタート
      this.filedMode.start();
      
    } else {
      console.log(`はじめまして！ゲームの世界にようこそ！`);

      //ゲーム開始時はフィールドモードからスタート
      this.filedMode.start();
    }

  }

  //セーブデータを作り、JSONファイルとして出力
  save() {
    //セーブの処理
  }
  
  //ブラウザ上のHTML要素にドラッグ&ドロップされたセーブデータのJSONファイルを読み込み、パースして返す関数
  load(){
    let saveData;//セーブデータをパースする変数
    //なんらかの処理
    
    return saveData;
  }


}




//make instant
const myGame = new Game();
//game start
myGame.start();

Comments

[m.ts10806]

JavaとJavaScriptは別物です＜タグ

[m.ts10806]

あと、「オブジェクト指向の概念」とするか「組んでみたコードの問題点」とするか、どちらかに絞った方が良いかと。

[takasima20]

Software Design 3月号でそれ系の特集を読んだのですが、オブジェクト指向も時代の流れにより当初の使い方とはまた違った形が推奨されるようになってきているようです。とりあえず、「継承」はなるべく使うな！ってかんじ?

[Zuishin]

継承は使うべき時には使うべきです。
使うべきではない時に使うと「ここは継承よりも委譲を使いましょう」とか「インターフェースでいいんじゃ」などと言われます。

[tetatetu]

ご回答ありがとうございます。参考にさせて頂きます。

[m.ts10806]

こちらは回答ではなく質問への追記修正依頼のコメント欄です

Answer 1

クラス Game は設計図なのだから、まず複数同時に独立して動くかどうか考えてみては？
多分提示のものだと表示のための出力先がダブってしまうだろうし、入力側も同じ。
極端なことを言えば、地図さえ交換できてもいいはずだ。
そして例題としては壮大すぎなのでは？

const
  game0 = new Game (),
  game1 = new Game (output, input, option, map_lists);

game0.start ();
game1.start ();

--
過去に書いたものが何個かあります

p5.jsでふわふわした円をつくりたい。
https://teratail.com/questions/304747#reply-429337

マウスの動く方向に合わせて向きを変えてついてくる犬のマウスストーカーを作りたい！
https://teratail.com/questions/313793#reply-438084

--
例題：画面上に複数ストップウオッチを作る
（この程度なら付き合ってあげてもいいよ。）

Comments

[tetatetu]

ご回答ありがとうございます。具体例を挙げていただきありがとうございます。参考にさせて頂きます。

Answer 2

Unity がいいと思うんですが、
自分で考えたいということであれば、
Player
Party
Npc
Item
Shop
Map
Enemy
Battle
Script
Event
などのモノを考えて、それぞれがどのようなプロパティを持つべきかを
検討してみてはどうでしょうか。その次に、それをどのようにコントロール
するクラスがあるべきか、と。

Comments

[tetatetu]

ご回答ありがとうございます。「ゲームを作るならUnity」というのは良く聞きますね。
普段はゲームを作ることはないのですが、ゲームプログラムの制作はオブジェクト指向の勉強に向いている気がしたので、少しゲームまがいのプログラムを作ってみようと思い立ちました。
挙げていただいたクラスの例を参考に、作ってみたいと思います。

Answer 3

オブジェクト指向はまぁ難しいですが、実践あるのみという感じはあります。
またJavaScriptはプロタイプベースの言語であるため、オブジェクト指向の勉強には向かないと個人的には
考えています。
何で実践するのかという事ですが、
昔ならJavaですが、今ならUnity(C#)でゲームを作りつつ、オブジェクト指向を学ぶというのがおすすめかなと思っています。
ゲームなら楽しみながら作れますし。

Comments

[tetatetu]

ご回答ありがとうございます。
Javaですか。確かに「オブジェクト指向」で検索すると、なぜかJavaの情報ばかり出てきますね。「OOPの共通言語としてJavaが現状支配的である」ということでしょうか。今のところ特にJavaを使う予定はないので、出来れば普段使いそうなJavaScriptやC++で学習できれば、と思うところですが、リソースが少ないならJavaを覚えておくのも手なのかもしれません。
ゲームを作るのはよさそうですね。どちらかというとUnityの方が興味があるので、余裕があるときに触ってみたいと思います。

[mingos]

そうですね。
歴史的な背景でオブジェクト指向の本や情報はJavaでの実装例が多いです。
ちょうどオブジェクト指向が注目され出した時に、C++やJavaが主流だったという事もあるかと思います。
有名なデザインパターンという手法もJavaでの実装例が最初だったので。
でも普段Javaを触らないのであれば、必要ないかなと思います。
言語はお好きなものを使うとして、オブジェクト指向の勉強の題材としては他の方もおっしゃっているようにゲームが良さそうです。
ほどよい複雑さというか。