Web・フロントエンド・バックエンド– category –
-
PWA — Webサイトをアプリ品質に押し上げる総称
PWA（Progressive Web Apps）は、ブラウザで動く通常のWebサイトに、オフライン動作・ホーム画面追加・プッシュ通知といったネイティブアプリ並みの体験を後付けする実装スタイルの総称です。2015年にGoogle Chromeのエンジニアだったアレックス・ラッセル... -
WebSocket — ブラウザとサーバが常時双方向で対話する仕組み
WebSocketは、HTTPで確立したコネクションを「Upgrade」してそのまま双方向のフルデュプレックス通信に切り替える、リアルタイムWeb向けのプロトコルです。2011年12月にIETFのRFC 6455として標準化され、W3C側のJavaScript APIと合わせて主要ブラウザに実... -
shadcn/ui — コピペで取り込むTailwind+Radixの新潮流
shadcn/ui（シャドシーエヌ ユーアイ）は、Tailwind CSSとRadix UIをベースに作られたReactコンポーネント集を、npmパッケージではなく「ソースコードをそのままプロジェクトへコピーする」形で配布する変わり種ライブラリです。アメリカのデザインエンジ... -
Bootstrap — Twitter発、世界で最も普及したCSSフレームワーク
Bootstrap（ブートストラップ）はTwitter社（現X）が2011年に公開した、HTML／CSS／JavaScriptを組み合わせたフロントエンドフレームワークです。グリッドシステム、ボタン、ナビゲーションバー、モーダル、フォーム部品などを統一的に提供し、「Bootstrap... -
Chakra UI — アクセシビリティを軸にしたReact UI部品集
Chakra UIはナイジェリア出身のエンジニアSegun Adebayo氏が2019年に公開した、React向けUIコンポーネントライブラリです。WAI-ARIAに基づくアクセシビリティと、Styled SystemベースのPropsスタイリングが特徴で、「美しく、アクセシブルで、開発体験の良... -
MUI — マテリアルデザインを再現するReact UIライブラリ
MUI（エムユーアイ、旧名 Material-UI）は、GoogleのMaterial Designをベースに作られたReact向けUIコンポーネントライブラリです。2014年にOlivier TassinariとHai Nguyen Vanが個人プロジェクトとして公開し、ボタン・テーブル・ダイアログ・データグリ... -
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...
