タグ: #speculation-rules
GPU・LLM・MLOps・Kubernetes、そしてマインドセット · 4 件
Web 標準 & CSS 2026 — Container Queries / View Transitions / Popover / Anchor Positioning / Scroll-driven Animations 徹底ガイド
2026 年、ウェブプラットフォームはついに私たちが 10 年間待ち続けてきた姿になった。Container Queries はコンポーネント単位レスポンシブの基礎となり、View Transitions API は単一ページからクロスドキュメントまで広がり、SPA なしでもスムーズなページ遷移を実現する。Popover API はモーダルの標準となり、Anchor Positioning はツールチップ配置の悪夢を終わらせた。Scro
2026-05-16 · 21 分で読めます #web-standards#css#container-queries#view-transitions#popover-apiPWA & Service Workers 2026 — Workbox 7 / vite-pwa / Capacitor / TWA / iOS Web Push / Storage Buckets 深掘りガイド
2026年のPWAは、もはや「iOSでは動かないあれ」ではない。iOS 16.4以降はWeb Pushが動作し、2024年2月にAppleがEUのホーム画面ウェブアプリを一度削除して3週間後に復活させた政治ドラマも今や歴史となり、Service Workerは標準の中の標準となった。Workbox 7がキャッシュ戦略のデファクト・ライブラリとなり、vite-pwa / next-pwa / Astro PWAがフレームワーク統合をもたら
2026-05-16 · 33 分で読めます #pwa#service-worker#workbox#vite-pwa#next-pwaウェブプラットフォーム 2025 完全攻略:Container Queries・:has()・CSS Nesting・Subgrid・Popover API・Anchor Positioning・WebGPU・WASI・Speculation Rules・Baseline 2024-2025 — Season 6 Ep 5
プラットフォームが大きくなればフレームワークは軽くなる。2024-2025 年にウェブプラットフォームへ到着した中核機能の総まとめ。Container Queries・@container、:has() 親セレクタ、CSS Nesting のネイティブ化、Subgrid、Popover API、Dialog element、CSS Anchor Positioning、Web Components の 2025 年の現在地、WebGPU
2026-04-15 · 14 分で読めます #web-platform#container-queries#has-selector#css-nesting#css-subgrid現代Webパフォーマンスの科学 深掘りガイド — Core Web Vitals、INP、LCP、CLS、RUM、Lighthouse、Critical Rendering Path、Speculation Rulesまで (2025)
なぜ自分のサイトは遅いのか。2024年にINPがFIDを公式に置き換え、Core Web Vitals 3指標が再編された。同年にSpeculation Rules API、Partial Hydration、HTTP/3、Early Hintsが一斉に成熟した。Lighthouseが外しやすい理由、RUMとLab Dataの違い、Long Taskの分割、Critical Rendering Pathの短縮を、原理から実務最適化まで追
2026-04-15 · 26 分で読めます #web-performance#core-web-vitals#inp#lcp#cls