Web・フロントエンド・バックエンド– category –

Sinatraは2007年にBlake Mizeranyが発表したRuby製の軽量Webアプリケーションフレームワークである。Railsのようなフルスタック構成を取らず、HTTPメソッドとパスに対するブロックを直接記述するDSLでアプリケーションを組み立てる点が特徴で、わずか数行...

WCAG（Web Content Accessibility Guidelines）はW3CのWeb Accessibility Initiative（WAI）が策定するWebアクセシビリティの国際ガイドラインで、1999年5月にバージョン1.0が公開され、2008年12月にWCAG 2.0、2018年6月に2.1、2023年10月5日に2.2がRecomm...

CSP（Content Security Policy）はブラウザに対してページ上で実行・読み込みを許可するリソースの種類とオリジンを宣言するセキュリティ機構で、2014年2月にW3Cがレベル1のRecommendationを公開し、2016年にレベル2、2018年からはレベル3がCRとして整備さ...

CORS（Cross-Origin Resource Sharing）はブラウザがJavaScriptから別オリジンのHTTPリソースへアクセスする際の可否を制御する機構で、W3Cが2014年1月にRecommendationを公開し、現在はFetch Living Standardの一部として維持されている。同一オリジンポ...

Web Componentsは、フレームワークに依存せず再利用可能なUI部品を作るためのブラウザ標準仕様群の総称です。Custom Elementsで独自タグを定義し、Shadow DOMでスタイルとマークアップを内部に閉じ込め、HTML Templatesで初期テンプレートを用意する、とい...

Service Workerは、Webページとネットワークの間に常駐するJavaScript製のプロキシ層を提供するブラウザAPIです。W3Cのドラフトが2014年に登場し、2015年にGoogle Chromeが最初に正式実装しました。ページとは独立したワーカースレッドで動き、fetchイベン...

PWA（Progressive Web Apps）は、ブラウザで動く通常のWebサイトに、オフライン動作・ホーム画面追加・プッシュ通知といったネイティブアプリ並みの体験を後付けする実装スタイルの総称です。2015年にGoogle Chromeのエンジニアだったアレックス・ラッセル...

WebSocketは、HTTPで確立したコネクションを「Upgrade」してそのまま双方向のフルデュプレックス通信に切り替える、リアルタイムWeb向けのプロトコルです。2011年12月にIETFのRFC 6455として標準化され、W3C側のJavaScript APIと合わせて主要ブラウザに実...

shadcn/ui（シャドシーエヌ ユーアイ）は、Tailwind CSSとRadix UIをベースに作られたReactコンポーネント集を、npmパッケージではなく「ソースコードをそのままプロジェクトへコピーする」形で配布する変わり種ライブラリです。アメリカのデザインエンジ...

Bootstrap（ブートストラップ）はTwitter社（現X）が2011年に公開した、HTML／CSS／JavaScriptを組み合わせたフロントエンドフレームワークです。グリッドシステム、ボタン、ナビゲーションバー、モーダル、フォーム部品などを統一的に提供し、「Bootstrap...