【母の日分散会】モジュール思考の重要性_html/css

ディスカッション (解決策) に返信

ホームページ

ウェブフロントエンド

htmlチュートリアル

【母の日分散会】モジュール思考の重要性_html/css_WEB-ITnose

Jun 24, 2016 pm 12:13 PM

転載の際は出典を明記してください、css探訪の旅 - 霧と雨の漂う館

ここでお話しすることは、フロントエンド開発のモジュラーデザインに関する私の個人的な表面的な見解の一部にすぎません。

モジュラー思考とは何ですか？モジュール化の考え方は、コンテンツの関連性に基づいて開発のためにページを異なる独立したモジュールに分解することを指します。各モジュール間には必要な接続がなく、相互に影響しません。

チームのコラボレーションが比較的少なかった初期の頃、モジュール性のアイデアは特に魅力的ではありませんでした。なぜなら、個人戦闘の場合は柔軟性、スピード、効率がより重視され、ルールに従って行われたからです。ただし、メンテナンス、再利用性、その他の側面についてはほとんど考慮されていません。

チームのコラボレーションがますます頻繁になる今日、モジュール思考の重要性が強調されています。特に、すでにモジュール化を使用している人は、すでにその利点を深く認識しているかもしれません。なぜなら、モジュール性は柔軟性のなさや非効率性を意味するものではないからです。モジュール開発モデルを理解すると、本来のことは実際にこの方法で実行できることがわかります。

私たちの目の前にある自動車は、製造過程でそれぞれの部品が組み立てられ、最終的には鉄の箱となって街を走り回っています。生産工程で部品が故障した場合でも、車両全体を考慮することなく、その部品を個別に見直すことができるため、メンテナンスコストを削減できます。

Web ページのモジュール化は、自動車製造のモジュール化とまったく同じです。まず、コンテンツの関連性に応じてページの各部分を異なるモジュールに分割し、1 つのページに複数のモジュールが含まれるようにし、次に各モジュールを分割します。または、同様に、制作のためにそれを別のチームメンバーに割り当て、最終的にすべてのモジュールをまとめて完全なページを形成します。

でも、なぜこんなことをするのですか？プロジェクトでは、1 つまたは複数のページに同じまたは類似した内容および外観を持つ部分が存在することがよくあります。モジュール化に従う場合、まず最初にページをモジュールに変換すると、これらは同じまたは類似したモジュールになります。こうすることで、チームメンバーがそれぞれ別々の作業を行うため、効率が大幅に向上し、コードの品質も大幅に向上します。同じまたは類似のものをコードで実装すると、コードの冗長性が生じます。

同時に、各モジュールはページの「一部」として存在し、互いに影響を与えることはありません。チームメンバーの開発は同時に実行でき、各モジュールの反復ではこれを開発した 1 人を見つけるだけで済みます。モジュールを搭載し、メンテナンスコストを節約します。

各モジュールは独立して存在するため、任意のページでこのモジュールを使用する必要がある場合、再開発することなく直接このモジュールを簡単に使用でき、再利用性が大幅に向上します。

モジュール思考の主な利点は、再利用性の向上、開発効率の向上、メンテナンスコストの削減、コード品質の向上などに反映されています。