用語ミニ辞典（ふりがな付き）
📖 このページのゴール：本編で出てきた用語を、よみ＋やさしい一言＋関連ページでいつでも引けるようにする。 ← 目次・はじめにへもどる
作り方の考え方
- DOM（ドム） … ブラウザが持つ「画面の部品ツリー」。JSはこれを書き換えて表示を変える。→02
- 命令的（めいれいてき） … 「こう操作しろ」と手順を1つずつ書くやり方（素のJS）。→01
- 宣言的（せんげんてき） … 「状態がこうなら画面はこう」と書き、変化は道具が反映するやり方（React/Vue）。→01
- リアクティブ … 状態が変わると自動でUIが追従する性質。→03
- コンポーネント … UIを再利用できる部品に分ける単位。→03
- 仮想DOM（かそうドム）（🔧） … 変更を一度メモリ上で計算し、本物のDOMには最小限だけ反映して速くするしくみ（React/Vue）。Svelte/Solidは使わない。
- JSX（ジェイエスエックス） … JSの中にHTMLっぽく書ける記法（React）。→03
- SFC（単一ファイルコンポーネント） … テンプレ・スクリプト・スタイルを1つの
.vueにまとめる書き方（Vue）。→04
描画戦略（どこで画面を作るか）
- SPA（シングルページアプリ） … ブラウザのJSが画面を組み立てるアプリ。→06
- CSR（クライアントサイドレンダリング） … SPA の描画方式。ブラウザ側で描く。→06
- MPA（マルチページアプリ） … 昔ながら。ページごとにサーバーがHTMLを返す。→01
- SSR（サーバーサイドレンダリング） … サーバーでHTMLを作って返す。初回が速くSEOに強い。→07
- SSG（静的サイト生成） … ビルド時にHTMLを作り置きしてCDNから配る。最速・最安。→08
- ISR（増分静的再生成）（🔧） … 古くなったページだけ後から作り直すSSGの発展。→08
- ハイドレーション … サーバーが作った静的HTMLに、ブラウザでJSをかぶせて“動く”ようにすること（乾物に水）。→07
- RSC（React Server Components） … Reactの部品の一部をサーバーで実行するしくみ。秘密やDBをサーバー側に置ける。→09
- Server Actions（サーバーアクション） … フォーム送信などをサーバーの関数で直接処理するしくみ。→09
- アイランド（islands）（🔧） … 基本は静的HTMLで、動く所だけ部分的にJSを効かせる（Astro）。→09
- ハイブリッド … ページごとにCSR/SSR/SSGを混ぜること。→09
- メタフレームワーク … React/Vueの上で描画戦略やルーティングを全部まとめる土台（Next.js/Nuxt/Astro）。→09
- ストリーミング / エッジレンダリング（🔧） … 部分的に早く返す／CDNの“端っこ”で描画して速くする工夫。
道具・周辺
- バンドラ … たくさんのファイルを少数にまとめる道具。→10
- トランスパイル … TS→JS、新しい構文→古い形へ“翻訳”すること。→10
- Vite（ヴィート） … いま定番のビルドツール。開発が爆速。→10
- ホスティング … 作ったものを置いて配信する場所。→10
- CDN（しーでぃーえぬ） … 世界中に置いた配信用の倉庫。近くから届くので速い。
- SEO（エスイーオー） … 検索で見つけてもらいやすくすること。SSR/SSGが有利。
- TTFB（🔧） … 最初の1バイトが返るまでの時間。サーバー処理の速さの目安。
名前（フレームワーク・ツール）
- React（リアクト） … Meta製。コンポーネント＋JSX、求人最多。→03
- Vue（ビュー） … 学びやすい宣言的フレームワーク。→04
- Svelte（スベルト） … コンパイラ型、記述が少ない。→05
- Solid（ソリッド） … React風＋超高速。→05
- Angular（アンギュラー） … Google製の全部入り、企業向け。→05
- jQuery（ジェイクエリー） … いにしえの立役者。今もWordPress等で現役。→05
- Next.js（ネクスト） … Reactのメタフレームワーク。SSR/SSG/RSC。→09
- Nuxt（ナクスト） … Vueのメタフレームワーク。→09
- Astro（アストロ） … 静的＋アイランドで軽い。→09