Web・フロントエンド・バックエンド– category –
-
SWR — Vercelが公開したNext.js友達のフェッチ用Hooks
SWRはVercelが2019年に公開した、Reactアプリ向けのデータ取得Hooksライブラリです。名称はキャッシュ戦略「Stale-While-Revalidate」の頭文字に由来し、「古いキャッシュをまず返し、裏で再検証して新しい値で更新する」という挙動をシンプルなAPIで実現... -
TanStack Query — サーバ状態を分離する非同期データ管理
TanStack Query（旧 React Query）は、API経由で取得するサーバ状態（リモートデータ）をキャッシュ・再フェッチ・無効化までまとめて扱うためのJavaScriptライブラリです。Tanner Linsley氏が2019年に「React Query」として公開、後に他フレームワーク版... -
Jotai — 日本語「状態」を名前にしたatom型ライブラリ
Jotai（じょうたい）はDaishi Kato（加藤大志）氏が2020年に公開した、React向けの状態管理ライブラリです。ライブラリ名はそのまま日本語の「状態」をローマ字表記したもので、Recoilと同じatomベースの設計思想を、より小さく・よりTypeScriptフレンドリ... -
Recoil — Facebookが提案したatom指向のReact状態管理
RecoilはFacebook（現Meta）が2020年に公開した、React向けの実験的状態管理ライブラリです。「atom」と「selector」という小さな状態の単位を組み合わせて、コンポーネント間で粒度の細かい状態共有を実現する、Reactとほぼ同じメンタルモデルで書けるAPI... -
Zustand — Poimandresが作った軽量Reactステート管理
Zustand（ツーシュタント）はドイツ語で「状態」を意味する単語をそのまま名前にした、Reactアプリ向けの軽量な状態管理ライブラリです。オープンソースコレクティブ「Poimandres（pmndrs）」のDaishi Katoらが2019年に公開し、「create関数1つでストアを... -
Redux — Reactの状態管理を変えた単一ストア型ライブラリ
Reduxはアプリケーション全体の状態を「単一のストア」に集約し、アクションとリデューサーという純粋関数の組み合わせで状態を更新する、JavaScript向けの状態管理ライブラリです。2015年にDan Abramov（ダン・アブラモフ）とAndrew Clarkが、React Europ... -
Tailwind CSS — ユーティリティクラスでUIを組み立てる新世代CSSフレームワーク
Tailwind CSSは2017年、Adam Wathan が個人で開発して公開したCSSフレームワークです。BootstrapのようなコンポーネントベースではなくUtility-Firstを掲げ、「p-4 bg-blue-500 rounded-lg のような小さなクラスを組み合わせてUIを作る」発想で世界中の開... -
WordPress REST API — CMSをヘッドレス化するJSON APIゲートウェイ
WordPress REST APIは2016年のWordPress 4.7で標準搭載された、WordPressのコンテンツ・設定をJSON経由で読み書きできるWeb APIです。「WordPressをヘッドレスCMSとして使う」「外部システムから記事を投稿する」「モバイルアプリと連携する」など、従来の... -
WebRTC — ブラウザだけで実現するリアルタイム音声・映像・データ通信
WebRTC（Web Real-Time Communication）は、ブラウザ同士で音声・映像・任意データをP2Pでやり取りするためのWeb標準APIおよびプロトコル群です。Googleが2011年にOSSとして公開、後にW3CとIETFで標準化されました。「プラグインなしのビデオ通話」「ブラ... -
WebAssembly — ブラウザで高速にネイティブ言語を動かす標準バイナリ
WebAssembly（Wasm）は2017年にW3C標準として公開された、Web向けの低レベルバイナリ命令フォーマットです。C/C++/Rust/Go等で書いたコードを Wasm に変換すれば、ブラウザ上で JavaScript と協調しながらネイティブに近い速度で動作。「ブラウザを真の汎...
