🙄

hydrate(ハイドレート)とはどんな意味なのか?

2022/02/01に公開

hydrateって言ったら水和

水和って意味なのに、なんでウェブで使っているんでしょ??
特にNext.js周りに多い気がする。
ググったらwikiに書いてありました。
https://en.wikipedia.org/wiki/Hydration_(web_development)

wikiの冒頭を和訳したらこんな感じでした。

『ハイドレーションとは、クライアントサイドのJavaScriptが静的ホスティングまたはサーバーサイドレンダリングによって配信された静的HTMLウェブページを、HTML要素にイベントハンドラをアタッチして動的ウェブページに変換する手法のことです』

ざっくり言うと、静的なウェブページを動的なものに変換する手法のようですね。具体的にはボタンを押したときなどのイベントにJavaScriptを紐付けて、ページが変化するようにします。
イメージとしては粉(流動性がないもの)に水を加えていって、ねるねるねるね(流動性があるもの)にするようなものでしょうか?

以上、現場からの報告でした。

Discussion