技術とテスト さらに詳細 C · 業界の慣例 プラットフォーム: ウェブ

Hydration

ハイドレーション

ハイドレーションは、ブラウザの動作や状態を、サーバーやビルドですでに作られたHTMLに接続します。これにより、ページの選択された部分がインタラクティブなコントロールになります。

仕組みを見る
そう呼ぶかもしれません Hydrationハイドレーション

仕組みを見る

元の作業例ハイドレーション

もう一つの例

サーバーは、1つのカートコントロール付きの製品カードを送信します。カート領域だけがJavaScriptを読み込み、ページ上の既存のDOMを保持します。ブラウザ内で全てのHTMLを生成することは、ハイドレーションではなくクライアントレンダリングです。

主な部分

  1. 01サーバーレンダリングされたマークアップ
  2. 02クライアントモジュール
  3. 03ステート添付

以下の場合に使用します

ブラウザの動作がすでにレンダリングされたHTMLに関連付けられている場合、この用語を使用します。

以下の場合は使用しないでください

ブラウザの操作や状態変更がない静的コンテンツをハイドレートしないでください。

コードで使用する名前

rendered HTML + client module → interactive island

出荷前に

Check the runtime and version, integration limits, dependencies and licenses, and platform support. Verify security, failure, speed, monitoring, deploy, support owner, upgrade path, and rollback.

コピーできるリクエスト

Outcome:Complete the task with ハイドレーション (Hydration)。 User context:サーバーは、1つのカートコントロール付きの製品カードを送信します。カート領域だけがJavaScriptを読み込み、ページ上の既存のDOMを保持します。ブラウザ内で全てのHTMLを生成することは、ハイドレーションではなくクライアントレンダリングです。 Technology or engineering concept:ハイドレーション (Hydration)。 Why it fits:ブラウザの動作がすでにレンダリングされたHTMLに関連付けられている場合、この用語を使用します。 Do not use it when:ブラウザの操作や状態変更がない静的コンテンツをハイドレートしないでください。 Engineering fit: Define where it runs and which version to use. Set its job, interfaces, data flow, dependencies, supported systems, security, and speed limits. Explain how it fits the current stack. Lifecycle safeguards: Check dependency health and licenses. Add monitoring and a fallback. Name the upgrade owner. Do not add a second tool for the same job without a measured benefit. Acceptance criteria: A small integration proves the needed behavior. Test compatibility, security, failure, and performance. Document deploy, upgrade, support, and rollback steps. Evidence and limits (evidence boundary):単一の公式標準が全体の用語を管理するわけではありません。その意味はチーム、プラットフォーム、またはフレームワークによって変わる可能性があります。 Unknowns to confirm: Current stack, runtime and version rules, target systems, dependency owner, performance budget, support period, and migration limits.

このリクエストを確認する

Review how ハイドレーション (Hydration) is used now. Definition: ハイドレーションは、ブラウザの動作や状態を、サーバーやビルドですでに作られたHTMLに接続します。これにより、ページの選択された部分がインタラクティブなコントロールになります。 Release checks: Check the runtime and version, integration limits, dependencies and licenses, and platform support. Verify security, failure, speed, monitoring, deploy, support owner, upgrade path, and rollback. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

C
この用語はどれくらい公式か?

業界の慣例

この用語は職場でよく使われます。記載されている情報源は実践や制限をサポートする場合があります。用語のすべての部分を定義するものではありません。

単一の公式標準が全体の用語を管理するわけではありません。その意味はチーム、プラットフォーム、またはフレームワークによって変わる可能性があります。

範囲
ソースがカバーするもののみ:正式名、定義、プラットフォームAPI、実装、使用ガイド
ドキュメントステータス
安定
チェックオン
2026-07-30

証拠の情報源と範囲

権威のある情報源 + 用語参照 · Astro · 安定 Islands architecture 範囲: 正式名、定義、プラットフォームAPI、実装、使用ガイド ここでの役割: 直接用語参照 ソースの範囲: 正式名, 定義, プラットフォームAPI, 実装, 使用ガイド 権威のある情報源 · React · 安定 createRoot 範囲: 正式名、定義、プラットフォームAPI、実装、使用ガイド ここでの役割: 定義ではなく有用な背景情報 ソースの範囲: 正式名, 定義, プラットフォームAPI, 実装, 使用ガイド

自分でコピーする

ブラウザはこれをコピーできませんでした。下のリクエストを選択して自分でコピーしてください。