JavaScriptフレームワークによるプログラミングに関する世界観です。JavaScript、Webフレームワークも参照のこと。
JavaScript フレームワーク入門を参考にしています。
JavaScriptフレームワークは、新技術が目白押しです。
たとえばAjaxやjQueryのように、ブラウザで動かすためにもっとデザイナブルかつフレシキブルな効果を与えるものから、サーバーサイドのNode.js、Web技術でデスクトップアプリケーションを開発できるElectron、AltJSとして注目されるTypeScript、React + ReduxやVue.js + Vuexのようなモダンなフレームワークなど、多種多様です。
こうしたJavaScriptの最先端の技術は、今まさに開拓途上であり、数年後どうなっているかは分かりません。ですが、たくさんの応用技術があり、他の(サーバーサイドの)言語と比べても面白い分野ではないかと思います。
Google Mapsのように、Web上でインタラクティブな非同期通信を行う技術。Ajaxを参照のこと。
セレクタと言うものを使って、簡単に「いつどうされたらどうなるか」と言う処理を行うことが出来る技術。jQueryを参照のこと。
サーバーサイドのJavaScript技術。Node.jsを参照のこと。
レスポンシブデザインに対応した、ちょっとリッチなWebインターフェースができるフレームワーク。Bootstrapを参照のこと。
AltJS/TypeScriptを参照のこと。
Vue.jsを参照のこと。
Backbone.jsを参照のこと。
Angularを参照のこと。
Reactを参照のこと。
Next.jsを参照のこと。
Svelteを参照のこと。
Electronを参照のこと。
npmを参照のこと。
Ember.jsはフロントエンド向けのフレームワーク。
2025.07.13
Meteor.jsはフルスタックなフロントエンド・バックエンド向けのフレームワーク。
2025.07.13
TanStackはフロントエンド開発を便利にするライブラリ群。
2025.07.13
Vikeはフレームワークで、好きなフレームワークを好みで選んで自分で組み合わせられる。
2025.07.13
Alpine.jsは、Reactのように巨大かつ高機能なフレームワークではないものの、JavaScriptを用いて簡単にちょっとした動くページを作ることのできるフレームワーク。
2026.03.18
Astroは最近のフロントエンドフレームワークのひとつで、静的サイトジェネレータ。
Jekyllも参照のこと。
2026.05.17
Qwikは最近のフロントエンドフレームワークのひとつ。QwikCityはReactでいうNext.jsに対応する。
2026.05.17
Inertia.jsは、バックエンドとフロントエンドを分離するのではなく、モノリスに一緒に管理することができるフレームワーク。LaravelやRailsと、ReactやVueを、APIなしで繋ぐことができる。
2026.05.19
最新のさまざまなフレームワークについては以下が参考になる。
以下はX(旧ツイッター)のネタ投稿。
後日注記:フロントエンドフレームワークは雨後の筍のように生まれており、とても移り変わりのスピードが速い印象を受けますが、以下の動画がその理由を解説してくれています。フレームワークはどんどん変わりますが、状態管理の問題や仮想DOMによる効率化、コンポーネントの分割など、本質的なところは変わりません。なので、最新のフレームワークを追いかけ続ける必要はありません。
2025.07.13
2026.05.17編集
Best of JSはJavaScriptのトレンドやランキングを表示するサイト。
2025.07.13
Webでアセンブリのバイナリを使うことが出来る技術。
WebAssemblyを参照のこと。
JSONを参照のこと。
プログレッシブWebアプリ(PWA)は、サイトにアクセスするだけでそのサイトがローカルにインストールしたモバイルアプリケーションと同じ感覚で使うことのできる技術。プッシュ通知なども利用できる。
JavaScriptのパッケージ管理システム。
書籍