Web・フロントエンド・バックエンド– category –
-
CSPとは|Webページの実行ポリシーを宣言するHTTPヘッダ
CSP（Content Security Policy）はブラウザに対してページ上で実行・読み込みを許可するリソースの種類とオリジンを宣言するセキュリティ機構で、2014年2月にW3Cがレベル1のRecommendationを公開し、2016年にレベル2、2018年からはレベル3がCRとして整備さ... -
CORSとは|オリジン間リソース共有を許可するブラウザ機構
CORS（Cross-Origin Resource Sharing）はブラウザがJavaScriptから別オリジンのHTTPリソースへアクセスする際の可否を制御する機構で、W3Cが2014年1月にRecommendationを公開し、現在はFetch Living Standardの一部として維持されている。同一オリジンポ... -
Web Components — 標準仕様で組む再利用可能UI部品
Web Componentsは、フレームワークに依存せず再利用可能なUI部品を作るためのブラウザ標準仕様群の総称です。Custom Elementsで独自タグを定義し、Shadow DOMでスタイルとマークアップを内部に閉じ込め、HTML Templatesで初期テンプレートを用意する、とい... -
Service Worker — ブラウザに常駐するプロキシ層
Service Workerは、Webページとネットワークの間に常駐するJavaScript製のプロキシ層を提供するブラウザAPIです。W3Cのドラフトが2014年に登場し、2015年にGoogle Chromeが最初に正式実装しました。ページとは独立したワーカースレッドで動き、fetchイベン... -
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が個人プロジェクトとして公開し、ボタン・テーブル・ダイアログ・データグリ...
