JavaScriptデザインパターンを学ぶ 第2版

第1章. デザインパターン入門

この作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている：[e-mail]

良いコードは、それをメンテナンスしてくれる次の開発者へのラブレターのようなものだ！

デザインパターンは、コードを構造化するための共通の語彙（ ）を提供し、コードを理解しやすくする。デザインパターンは、他の開発者とのつながりの質を高めるのに役立つ。デザインパターンの知識は、要求の中に繰り返し現れるテーマを特定し、それを明確な解決策にマッピングするのに役立つ。同じような問題に遭遇し、それに対処するために最適化されたメソッドを考案した他の人の経験に頼ることができる。この知識は、コードを書いたりリファクタリングしたりして保守性を高めるための道を開くものであり、かけがえのないものである。

サーバであれクライアントであれ、 JavaScriptは最新のウェブ・アプリケーション開発の要である。本書の前版では、JavaScriptの文脈で人気のあるデザインパターンをいくつか取り上げた。JavaScriptは長年にわたり、機能や構文の面で言語として大きく進化してきた。以前にはなかったモジュール、クラス、矢印関数、テンプレート・リテラルがサポートされるようになった。また、先進的なJavaScriptのライブラリやフレームワークもあり、多くのウェブ開発者の生活を容易にしている。では、現代のJavaScriptの文脈において、デザインパターンはどの程度適切なのだろうか？

ここで重要なのは、伝統的にデザインパターンは規定的なものでも、言語固有のものでもないということだ。あなたが適切だと思うときに適用することはできるが、そうする必要はない。データ構造やアルゴリズムのように、JavaScriptを含む最新のプログラミング言語を使って、古典的なデザインパターンを適用することはできる。すでに抽象化されているモダンなフレームワークやライブラリでは、これらのデザインパターンのいくつかは必要ないかもしれない。逆に、特定のパターンの使用を推奨しているフレームワークもある。

今回は、パターンに対する実用的なアプローチをとる。特定のパターンがなぜ特定の機能の実装に適しているのか、そしてそのパターンが現代のJavaScriptの文脈でも推奨されるものなのかを探っていく。

アプリケーションがよりインタラクティブになり、JavaScriptを大量に必要とするようになると、この言語はパフォーマンスに悪影響を与えるという批判に常にさらされるようになった。開発者はJavaScriptのパフォーマンスを最適化できる新しいパターンを探し続けている。本エディションでは、関連する限りにおいて、そのような改善に焦点を当てる。また、React.jsの時代に人気が高まっているReact HooksやHigher-Order Componentsといったフレームワーク固有のパターンについても説明する。

一歩戻って、デザインパターンの歴史と重要性を探ることから始めよう。この歴史についてすでにご存知の方は、「パターンとは何か」まで読み飛ばして読み取りを続けていただきたい。

デザインパターンの歴史

デザインパターンは、 クリストファー・アレクサンダーというアーキテクトの初期の仕事にまで遡ることができる。彼はしばしば、デザイン上の問題を解決した経験や、それが建物や街とどのように関係しているかについて書いていた。ある日、アレグザンダーは、ある種のデザイン構成が、繰り返し使われることによって、望ましい最適な効果をもたらすことに思い当たった。 ...