Web Frontend の用語一覧

30件の用語

Astro.js

コンテンツ中心のサイト構築に特化したフレームワーク。デフォルトで JS をゼロ出力し、Islands Architecture により必要な部分のみクライアントサイド JS を有効化することで高い Core Web Vitals を実現する。

Web Frontend3

Edge Function（エッジ関数）

Edge Functions / エッジ関数 / Edge Runtime

CDN エッジノード上で動作するサーバーレス関数。ユーザーに地理的に近いノードで実行されるため低レイテンシを実現し、A/B テスト・認証・ジオルーティングなど軽量処理に適する。Node.js より制限の多い Edge Runtime で動作する。

Web Frontend3

Framer Motion（フレーマーモーション）

Motion / Framer Motion

React 向けの宣言的アニメーションライブラリ。`motion.div` などのコンポーネントに `animate`・`transition`・`whileHover` props を指定するだけで高品質なアニメーションを実装でき、ページ遷移やジェスチャー対応も容易。

Web Frontend5

Hono（ホノ）

Hono.js / 炎

日本発の超軽量・超高速マルチランタイム Web フレームワーク。Node.js・Bun・Deno・Cloudflare Workers・Vercel Edge などで動作し、RPC モードによる型安全 API と Zod バリデーションを統合したフルスタック開発を実現する。

Web Frontend3

Hydration（ハイドレーション）

ハイドレーション / クライアントハイドレーション

SSR で生成された静的 HTML に JavaScript を後から付与してインタラクティブにするプロセス。ユーザーには HTML がすぐ表示されるが、Hydration 完了まではクリック等のイベントが機能しない場合がある。

Web Frontend5

Inertia.js（イナーシャジェイエス）

Inertia.js / Inertia

サーバーサイドのルーティングを維持しつつ、React・Vue・Svelte をフロントエンドとして使えるアダプターライブラリ。SPA のような UX を API 設計なしで実現し、Laravel や Rails などの MVC フレームワークとの組み合わせで普及した。

Web Frontend3

ISR（インクリメンタル静的再生成）

Incremental Static Regeneration / インクリメンタル静的再生成

Next.js が導入した SSG と SSR のハイブリッド方式。ページごとに再検証間隔（revalidate）を設定し、一定時間後のアクセス時にバックグラウンドで HTML を再生成する。全ビルドなしにコンテンツを更新できる。

Web Frontend3

JavaScript（ジャバスクリプト）

JS / ECMAScript / ES2025

ECMAScript 仕様に基づくプログラミング言語。ブラウザのスクリプト言語として誕生し、Node.js・Deno・Bun により現在はサーバーサイド・エッジ環境でも標準的に利用される Web の共通言語。

Web Frontend3

Middleware（ミドルウェア）

Middleware / ミドルウェア / Next.js Middleware

HTTP リクエストとレスポンスの間に挟まる処理層。Next.js では `middleware.ts`（v15 以前）または `proxy.ts`（v16 以降）にルーティング制御・認証チェック・ジオリダイレクトなどを実装し、Edge Runtime で実行される。

Web Frontend3

Next.js（ネクストジェイエス）

Next.js / Nextjs

Vercel が開発する React ベースの Web フレームワーク。SSR・SSG・ISR・RSC・Server Actions を統合的に提供し、App Router によるファイルベースルーティングが特徴。2026 年現在最新は v16 系。

Web Frontend3

Nuxt（ヌクスト）

Nuxt.js / Nuxt 3

Vue.js の公式フルスタックフレームワーク。ファイルベースルーティング・自動 import・SSR/SSG/ISR・Nitro サーバーエンジンを統合し、Vue アプリに本番レベルの機能を付加する。

Web Frontend3

Proxy（プロキシ）

proxy.ts / Next.js Proxy / リバースプロキシ

Next.js v16 以降、`middleware.ts` の後継として採用されたファイル名。また一般的にはクライアントとサーバーの間でリクエストを中継する仕組みを指し、認証・キャッシュ・ロードバランシングを担う。

Web Frontend3

Radix UI（ラディックス UI）

Radix / Radix Primitives

アクセシビリティを最優先に設計された React 向けの UI プリミティブライブラリ。Dialog・Dropdown・Tabs など多数のコンポーネントが WAI-ARIA に完全準拠しており、shadcn/ui の土台として広く利用される。

Web Frontend3

React（リアクト）

React.js / ReactJS

Meta（旧 Facebook）が開発するコンポーネントベースの UI ライブラリ。仮想 DOM・JSX・Hooks により宣言的な UI 構築を実現し、Next.js・Remix・React Native のベースとして広く採用されている。

Web Frontend3

Remix（リミックス）

Remix.js / React Router v7

Shopify が支援する React ベースのフルスタックフレームワーク。Web 標準（Form・fetch・Web API）を重視した設計で、ネストされたルーティングと loader/action パターンによるデータフェッチが特徴。

Web Frontend3

RSC（React Server Components）

React Server Components / RSC / サーバーコンポーネント

サーバーでのみ実行される React コンポーネント。クライアント JS バンドルにコードが含まれず、DB・ファイルシステムへの直接アクセスが可能。Next.js App Router ではデフォルトで Server Component として動作する。

Web Frontend3

Server Action（サーバーアクション）

Server Actions / サーバーアクション

React 19 / Next.js App Router で導入されたサーバーサイド関数。`'use server'` ディレクティブを付けた関数をクライアントから直接呼び出せ、API エンドポイントを定義せずにフォーム処理・DB 操作が実装できる。

Web Frontend3

shadcn/ui（シャドウシーエヌ）

shadcn/ui / shadcn

Radix UI プリミティブと Tailwind CSS を組み合わせたコンポーネントコレクション。npm パッケージではなく CLI でコンポーネントのソースをプロジェクトに直接追加する設計で、完全なカスタマイズを可能にする。

Web Frontend3

Solid（ソリッド）

SolidJS / Solid.js

Ryan Carniato が開発するリアクティブな UI ライブラリ。JSX を採用しつつ仮想 DOM を使わずきめ細かな DOM 更新を実現し、React に近い開発体験で最高クラスのランタイムパフォーマンスを提供する。

Web Frontend3

SSG（静的サイト生成）

Static Site Generation / 静的サイト生成

ビルド時に全ページの HTML を事前生成しておく方式。CDN から直接配信できるため TTFB が極めて短く、インフラコストも低い。ブログ・ドキュメント・マーケティングサイトに最適で、更新頻度が低いページに向く。

Web Frontend3

SSR（サーバーサイドレンダリング）

Server-Side Rendering / サーバーサイドレンダリング

各リクエスト時にサーバーで HTML を生成して返すレンダリング方式。初期表示が速く SEO に有利で、動的コンテンツやユーザー固有のデータを含むページに適する。Next.js では `getServerSideProps` や App Router のデフォルト動作が SSR に対応。

Web Frontend3

Streaming（ストリーミング）

Streaming SSR / HTML Streaming / ストリーミング

サーバーが HTML を一括生成するのではなく、準備できたチャンクから順次ブラウザに送信するレンダリング手法。Suspense と組み合わせて TTFB を改善し、ユーザーの体感速度を向上させる。

Web Frontend3

Suspense（サスペンス）

React Suspense / サスペンス

React の非同期レンダリング機能。データ取得やコード分割（lazy）の待機中にフォールバック UI（ローディングスピナー等）を表示し、準備完了後に自動で本コンテンツに切り替わる仕組み。

Web Frontend3

Svelte（スベルト）

Svelte.js / SvelteKit

Rich Harris が開発するコンパイラベースの UI フレームワーク。仮想 DOM を使わず、ビルド時にコンパイルして最小限の JS を出力するため、実行時パフォーマンスが高い。フルスタックは SvelteKit が担う。

Web Frontend3

Tailwind CSS（テールウィンド CSS）

Tailwind / Tailwind CSS

ユーティリティファーストの CSS フレームワーク。HTML クラスに `flex`・`p-4`・`text-blue-500` のような小粒なクラスを直接書くことで、カスタム CSS を書かずに UI を構築できる。v4 から CSS 変数ベースの設定に移行。

Web Frontend3

Turbopack（ターボパック）

Turbopack

Vercel が開発した Rust 製の高速 JavaScript バンドラー。Webpack の後継として設計され、インクリメンタルなキャッシュ戦略により大規模プロジェクトでの開発サーバー起動・HMR を大幅に高速化する。Next.js 15 以降でデフォルト採用。

Web Frontend3

TypeScript（タイプスクリプト）

TS / TypeScript言語

Microsoft が開発する JavaScript の静的型付きスーパーセット。コンパイル時の型チェックにより大規模開発でのバグ防止・IDE 補完強化を実現し、現代のフロントエンド・バックエンド開発の標準言語となっている。

Web Frontend3

Vite（ヴィート）

Vite.js / ヴィート

Evan You が開発した次世代フロントエンドビルドツール。開発時はネイティブ ESM を活用してバンドルなしで高速 HMR を実現し、本番ビルドには Rollup を使用する。Svelte・Vue・React・Remix・Hono など多数のフレームワークで標準採用。

Web Frontend3

Vue（ビュー）

Vue.js / VueJS

Evan You が開発するプログレッシブな UI フレームワーク。単一ファイルコンポーネント（SFC）・Composition API・Nuxt との組み合わせで中〜大規模アプリを構築でき、学習コストが低いことで知られる。

Web Frontend3

Webpack（ウェブパック）

webpack

JavaScript の静的モジュールバンドラー。JS・CSS・画像など複数のモジュールを依存グラフに基づいて 1 つまたは複数のバンドルに変換する。設定の複雑さと引き換えに高い柔軟性を持ち、長年フロントエンドのデファクト標準として君臨してきた。

他のカテゴリ

AI(45)AI Agent(28)AI Role(2)AI Model(19)AI Provider(6)SEO(25)Backend(25)Database(20)Infrastructure(25)Mobile(15)Game(10)Tooling(10)