Web・フロントエンド・バックエンド– category –
-
Broadcast Channel API — 同一オリジンのタブ間でメッセージを配信するAPI
Broadcast Channel APIは、同じオリジンの複数のタブ・ウィンドウ・iframe・Service Worker・Web Workerの間で、名前付きチャンネルを介してメッセージを送受信するためのWeb APIです。WHATWGがHTML仕様の一部として策定し、2015年末頃にFirefoxが先行実装... -
sessionStorage — タブを閉じると消える一時的なキー値ストア
sessionStorageは、localStorageとAPIが完全に同じでありながら、データの寿命が「ブラウジングコンテキスト」つまりタブやウィンドウを開いている間だけに限定されるストレージです。2011年12月にW3CがWeb Storage勧告として localStorage とともに標準化... -
localStorage — ドメインに永続保存される手軽なキー値ストア
localStorageは、Webブラウザ上で文字列のキーと文字列の値の対を、明示的に削除しない限りずっと保持する単純な永続ストレージAPIです。HTML5の一部としてWHATWGで仕様化が始まり、2011年12月にW3CのWeb Storage勧告として標準化されました。それ以前のブ... -
IndexedDB — ブラウザ内に常駐するNoSQL型オフラインデータベース
IndexedDBは、ブラウザに大量の構造化データを保存し、インデックスを使って検索できるクライアントサイドのNoSQLデータベースです。W3Cが2010年9月に最初の草案を発表し、2015年に勧告候補（CR）に到達した後、現在もWHATWG IndexedDB仕様として更新され... -
Web Workers — メインスレッドを止めない並列JavaScript実行API
Web Workersは、ブラウザ上のJavaScriptをメインスレッドとは別のバックグラウンドスレッドで実行するためのW3C仕様です。2009年4月にW3Cが最初のワーキングドラフトを公開し、その後WHATWG HTML Living Standardに統合されて今日まで進化を続けています。... -
Streaming SSR — HTMLを少しずつ送って初動を速める手法
Streaming SSR（ストリーミングSSR）は、サーバが生成したHTMLを「全部できてから一気に返す」のではなく、出来上がった部分から順次チャンクに分けて送り出すレンダリング手法です。Reactは2022年3月に正式リリースされたReact 18でrenderToPipeableStrea... -
Partial Hydration — 必要部分だけJS化する中間アプローチ
Partial Hydration（部分的ハイドレーション）は、SSR/SSGで返した静的HTMLのうち、ページ全体ではなく一部のコンポーネントだけをHydrateしてインタラクティブ化する技法の総称です。従来のHydrationが「ページの全コンポーネントをまとめて起こす」のに... -
Islands Architecture — 静的の海に対話要素を点在させる設計
Islands Architecture（アイランズアーキテクチャ）は、ページ全体は静的HTMLとして配信し、対話が必要な部分だけを「島（Island）」と呼ばれる独立コンポーネントに切り出して、それぞれが個別にJavaScriptで動くよう設計するフロントエンド構成です。命... -
Hydration — サーバ生成HTMLにJSの息吹を吹き込む処理
Hydration（ハイドレーション）は、SSRやSSGによってサーバ側で生成された静的HTMLに対し、クライアント側でJavaScriptを実行してイベントハンドラや状態管理を後付けし、ボタン・フォーム・モーダルなどをインタラクティブに動作させる処理を指します。Re... -
ISR — 静的ページを必要なときだけ再生成する仕組み
ISR（Incremental Static Regeneration）は、SSGの拡張として登場したレンダリング方式で、事前にビルドした静的HTMLをベースに、一定時間ごと、あるいはオンデマンドの指示でページを再生成する仕組みです。2020年7月公開のNext.js 9.5でVercelが導入し、...
