フレームワークとはWebアプリケーションなどを操作するための処理や機能が実装されているものです。

他に必要な処理がある場合は自身で開発・実装などをして、使用しているフレームワークに組み込んで使用することができます。

こちらもライブラリと同じく開発する際に、一から作成する負担を減らすことにより楽に開発をすることができるようになります。

・JavaScriptのフレームワーク

　■Vue.js
　■Angular.js
　■Bootstrap

・JavaScriptのライブラリ

　■React.js
  ■jQuery
　■Node.js


JavaScriptの分類分けをすると上記のようになります。

上の説明を踏まえフレームワークとライブラリは何が違うのか説明したいと思います。

ライブラリとフレームワーク両方ともWeb開発をするにあたり、必要なコードを少なくすることにより効率よく開発が進められるという点は共通しています。

両方とも同じように見えるのですが、元をたどると作成の意味が異なります。

ライブラリに関してはよく使用する関数やクラスの集合体であり、開発を簡単・効率化するために予め定義されているものです。

フレームワークに関してはアプリケーションを開発するために必要となる土台という認識になります。


ライブラリは開発者が使用したいタイミングで関数やクラスを呼び出すことができ、なおかつWebアプリケーション側の開発プロセスを制御することができます。

ライブラリで実行される操作は正確でかつ具体的に定義をされています。

ですので、Webアプリケーション開発などでライブラリを使用する際には、必要な特定の機能を効率的に実装する為に使用されます。


フレームワークは予め定義されている枠組みや開発フローがありそれを開発者に伝える。

そのため、ライブラリとは違いプログラマーは必要に応じたコードを追加してフレームワークを補助する。

以上がライブラリとフレームワークの違いになります。


ライブラリもフレームワークも効率的に開発するうえで必要なものなので、各々が自分の必要としている作業に応じたものを使用して少しでも開発を楽に出来ればいいなと思います。

SPAは従来のページ遷移をする表示方法ではなく、単一ページでコンテンツの切り替えを行えるWebアプリケーションのアーキテクチャです。

SPAはブラウザのページ遷移を行わないため、ユーザーへの待ち時間などのストレスを排除することができ利便性を向上させることができます。


なぜSPAだと更新が早いのかというと従来のWebページでは、ページ遷移の際に更新しなくてもよいページ全て（DOM）を書き換えるので余計に時間がかかっていました。

ですが、SPAではWebページ内のHTMLの更新が必要な一部だけを差し替えることにより、従来の余分に更新していた時間が削減することができるようになりました。

ですので、ページ更新の高速化やブラウザの挙動に縛られないUIの実現などのパフォーマンスの向上が可能になりました。

有名な使用例と言いますと開発元のFaceBookなどがあります。


また、上記の利点だけではなくSPAではUIをできる限りわかりやすく作成する必要性があります。

１ページに全ての処理や機能を簡潔させるため、同じページに複数の機能が集約されることになります。

それを、うまく整理して機能や処理を同一のページ内に配置しなければ、UIがうまく機能せずに使用しずらいものとなってしまいます。


そのため、React、Vue等のライブラリやフレームワークを使用することにより、完成度の高いUIまたは機能を簡単・効率よく開発をすることができます。