Web・フロントエンド・バックエンド– category –
-
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が導入し、... -
SSG — ビルド時に静的HTMLを生成する高速配信方式
SSG（Static Site Generation）は、ソースコードとコンテンツからビルド時にあらかじめ静的なHTMLファイル群を生成し、CDN経由でそのまま配信するレンダリング方式です。2008年にTom Preston-Werner氏が公開したJekyllが起点で、Hugo（2013年Steve Francia... -
MPA — リクエストごとにHTMLを返す伝統的Web形態
MPA（Multi-Page Application）は、リンクをクリックするたびに新しいリクエストがサーバへ飛び、サーバ側でレンダリングされた完成HTMLでブラウザのページ全体が置き換わる伝統的なWebアプリ形態です。1990年代のCGIから始まり、PHP・Perl・Java Servlet...
