フレームワークについて

恐らく、主にvuexについての質問です。

axiosや vuexなどを勉強しているのですが、
以下の画像のように細分化してファイルを分割するのはなぜですか？
そこまで細分化する理由はなんなのでしょうか？


https://shimablogs.com/vue-vuex

質問者からの補足コメント

• >１万行を超える
  
  つまり保守、改良、メンテナンスをしやすくするため　でしょうか？

  No.1の回答に寄せられた補足コメントです。 補足日時：2021/10/21 16:26

No.2 ベストアンサー 回答者： lv4u 回答日時： 2021/10/21 13:57

＞＞以下の画像のように細分化してファイルを分割するのはなぜですか？

そこまで細分化する理由はなんなのでしょうか？

図を参照すると分かりますが、

・フロントエンド：スマホやＰＣで動作するプログラム。
　フロントエンド内で、HTML、CSS、JavaScript、jQueryとかいくつもの言語を使って開発する。最近は、Ajaxもあってプログラミングは複雑化しがちなことも。
・バックエンド：サーバ上で動作するプログラム。

つまりは、動作するマシンがネットワークを隔てて複数あるし、開発言語も違ったりするので、どうしても細分化、いくつもの別ファイルが必要となります。

最新のマイクロソフトのフレームワーク＆Ｃ＃を使うと、ソースの自動生成などの手助けもあって、上記の図の流れを、ローカルなデスクトップアプリ感覚で作れたりしますけどね。

No.1 回答者： Georgia.Rain 回答日時： 2021/10/21 13:50

オブジェクト指向もそうですが多人数で作業する為と機能別に階層分けしたほうが効率も良いからではないでしょうか。

自分一人で全てやるのであれば１ファイルでも良いと思います。

しかしサンプルのような小さなモノならともかく他人が作ったモノで尚且つ１万行を超えるようなのを「これ修正しといて」なんて投げられたら私ならげっそりしますね。