Web Stack Catalog
Webフレームワーク・サーバー
Catalog Scope
Collection 01
フレームワーク(5)
React
UI ライブラリ
コンポーネントで UI を宣言的に組むライブラリ。仮想 DOM と巨大なエコシステムを持ち、フロントエンドの事実上の標準。
Vue.js
プログレッシブ・フレームワーク
学習しやすく段階的に導入できるフレームワーク。単一ファイルコンポーネントとリアクティブなデータが特徴。
Angular
フルスタック・フレームワーク
ルーティング・フォーム・DI まで揃った“全部入り”フレームワーク。規約重視で大規模・チーム開発に向く。
Svelte
コンパイラ型 UI フレームワーク
ビルド時にコンパイルしてランタイムを最小化する新しいアプローチ。記述量が少なく、軽量で高速。
Next.js
React メタフレームワーク
React に SSR/SSG・ルーティング・最適化を足したメタフレームワーク。本番 React の定番(このサイトも Next.js 製)。
| 項目 | React | Vue.js | Angular | Svelte | Next.js |
|---|---|---|---|---|---|
| 種別 | UI ライブラリ | プログレッシブ・フレームワーク | フルスタック・フレームワーク | コンパイラ型 UI フレームワーク | React メタフレームワーク |
| ベース | JavaScript / JSX | JavaScript | TypeScript | JavaScript | React / JavaScript |
| 登場 | 2013年 | 2014年 | 2016年 | 2016年 | 2016年 |
| 一番の強み | コンポーネント指向・宣言的 | 学習が容易・ドキュメントが丁寧 | 全部入りで一貫した作法 | 記述量が少なく直感的 | SSR/SSG/ISR を標準サポート |
| 主な用途 | SPA・大規模 UI | 中小規模 SPA | 大規模エンタープライズ SPA | 軽量・高速な UI | 本番 Web アプリ・SEO 重視 |
Collection 02
Web サーバ(5)
Nginx
Web サーバ / リバースプロキシ
イベント駆動で大量同時接続に強い Web サーバ/リバースプロキシ。静的配信・ロードバランサ・SSL 終端に広く使われる。
Apache HTTP Server
Web サーバ
歴史ある定番 Web サーバ。モジュールが豊富で、.htaccess によるディレクトリ単位の柔軟な設定ができる。
Caddy
Web サーバ(自動 HTTPS)
Let’s Encrypt による HTTPS を自動化する新しい Web サーバ。設定が極めて簡単で、単一バイナリで動く。
IIS(Internet Information Services)
Web サーバ(Windows 標準)
Windows Server に標準搭載される Microsoft 製 Web サーバ。ASP.NET との統合や GUI 管理が強みで、Windows 中心の企業システムで使われる。
Apache Tomcat
Java サーブレットコンテナ
Java サーブレット/JSP を動かす定番のアプリケーションサーバ(サーブレットコンテナ)。Java Web アプリの実行環境として長年広く使われる。
| 項目 | Nginx | Apache HTTP Server | Caddy | IIS(Internet Information Services) | Apache Tomcat |
|---|---|---|---|---|---|
| 種別 | Web サーバ / リバースプロキシ | Web サーバ | Web サーバ(自動 HTTPS) | Web サーバ(Windows 標準) | Java サーブレットコンテナ |
| ベース | C | C | Go | Windows / .NET | Java |
| 登場 | 2004年 | 1995年 | 2015年 | 1995年 | 1999年 |
| 一番の強み | 大量同時接続に強い(イベント駆動) | 長年の実績と豊富な情報 | HTTPS を自動取得・更新 | Windows / .NET とシームレスに統合 | Java サーブレット/JSP の標準実装 |
| 主な用途 | 静的配信・リバースプロキシ | 汎用 Web サーバ | 手軽に HTTPS 化 | ASP.NET アプリのホスティング | Java Web アプリの実行 |