WordPress 7.0 リアルタイム共同編集が直前撤回——レースコンディション・メモリ効率・WP Engine訴訟が絡む舞台裏
WordPress 7.0（2026/5/20リリース予定）でリアルタイム共同編集（RTC）がRC3直前に削除された。技術的欠陥に訴訟が絡む複雑な経緯と、開発者が今知るべきことを解説。
← カテゴリ一覧
frontend (28 件)
The Android Show I/O Edition 2026——Android 17の「AppFunctions API」でアプリがGeminiエージェントに機能を公開できる
2026年5月12日開催のAndroid ShowでAndroid 17の開発者向け新機能が公開。AppFunctions APIでアプリがGeminiに機能を自己記述・公開可能に。Luminous Design・Android XR・Adaptive Everywhere構想も明らかに。
Next.js / React 2026年5月の集中パッチ13件——CVE-2026-23870 RSC低帯域DoSとMiddlewareバイパスの仕組みと対策
Next.js 15.5.18・16.2.6とReact 19.x.6が2026年5月6日に13件のセキュリティアドバイザリを一括パッチ。React Server ComponentsのDoS、Middlewareバイパス、SSRF、CSP XSSを解説。
Remix 3 BetaがReactを離れた——独立フルスタックフレームワークへの再発明とその設計思想
Remix 3 Beta（2026年4月30日公開）はReact/React Router依存を完全に廃し、Fetch API基盤の独立フルスタックフレームワークとして再設計された。新設計の核心と開発者への移行判断基準を解説。
AG-UIプロトコル——AIエージェントとフロントエンドをつなぐ第三の標準がMCP・A2Aに加わり、オープンエージェントプロトコルスタックが完成
AG-UIはAIエージェントとUIの双方向通信を標準化するオープンプロトコル。MCP・A2Aと三層を形成し主要クラウドが採用。CopilotKitの$27M調達で加速するエージェントフロントエンド設計を解説する。
WebAssembly 3.0 仕様確定——WasmGC・Memory64・例外処理で「4GBの壁」を越え、JavaがブラウザでGCなし動作
2026年4月24日に更新されたWebAssembly 3.0仕様書は、GC統合・64ビットメモリ・例外処理・複数メモリ・末尾呼び出し・128-bit SIMDを標準化。Java/Kotlin/Dart/ScalaがブラウザのGCを直接利用でき、LLM推論や動画編集などのメモリ集約ワークロードが現実的に。
4月28日締め切り：iOS 26 SDKでビルドしないとApp Storeに提出できなくなる——Liquid Glass・CI/CD・デプロイターゲットへの全影響
2026年4月28日からApp Store提出にはiOS 26 SDK（Xcode 26）が必須。Liquid GlassのデフォルトUI適用とCI/CDパイプラインへの影響を開発者向けに解説。既存アプリの強制更新は不要。
TypeScript 7がGoで書き直された——tscより10倍速いtsgoの仕組みと今すぐ試す方法
2026年1月公開のTypeScript 7（tsgo）はJavaScriptからGoへのコンパイラ全面書き直しにより、型チェックが30倍・コンパイルが10.8倍高速化。現在の本番利用範囲と移行の注意点を解説。
Remix 3がReactを捨てた——Preact Forkへの大転換と開発者の選択肢
Remix v3はReactを完全廃止しPreact Forkで再構築。移行パスはなく、React Router 7（安定）かRemix 3（実験的）という二択を迫られる。両者の違いと選択基準を整理する。
Vite 8がRolldownを採用——Rustビルダーで本番ビルドが最大25倍高速化
2026年3月リリースのVite 8はesbuild+RollupのデュアルバンドラーをRust製Rolldownに統合。25倍のビルド高速化と移行の破壊的変更を整理する。
EAA施行から1年：Webアクセシビリティ違反で初の制裁通知が届き始めた
EU欧州アクセシビリティ法（EAA）が2025年6月に施行され、2026年4月現在、未対応企業への制裁通知が始まった。日本・米国企業も対象。WCAG 2.1 AA準拠の具体的な実装ポイントを整理する。
Astroで没入型サイトを作る設計判断：住友金属鉱山「絶滅危惧野菜」を読み解く
endangeredveggies.smm.co.jpはAstro + Three.js + GSAPで構築された没入型サイトです。なぜSPAではなくAstroのMPAアーキテクチャが選ばれたのか、コンポーネント設計の意図を実際のDOM構造から分析します。
Google JSIR：MLIRベースのJavaScript中間表現がJSツールチェーンを変える可能性
GoogleがMLIR上に構築したJavaScript中間表現JSIRをオープンソース化。Hermesバイトコード逆コンパイルと難読化解除に本番利用し、LLVM標準化も提案している。
GSAP ScrollTriggerでスクロール連動演出を組む：絶滅危惧野菜サイトから学ぶ実装パターン
スクロールに応じて3Dシーンが切り替わる没入型UIの駆動力はGSAP ScrollTrigger。タイムラインベースのアニメーション設計とスクロール同期の仕組みを、実在のサイトをケースに解説します。
Three.js + WebGLで野菜をアートにする：3Dレンダリングの仕組みと見どころ
黒背景に浮かぶ野菜が回転する没入型サイトの裏側。Three.jsがWebGLの複雑さをどう隠しているか、ライティング・マテリアル・カメラ制御の基本をこのサイトの表現から紐解きます。
YakuHanJPと日本語Webタイポグラフィ：約物半角化という地味だが強烈なこだわり
絶滅危惧野菜サイトが読み込んでいるYakuHanJPは、日本語の括弧・句読点だけを半角化するフォントです。一般には知名度が低いですが、日本語サイトの品質を無言で底上げする隠し技です。
TanStack 2026：Start v1.0 RC・DB・AIでReactフルスタックの常識が変わる
TanStack Startがv1.0 RCに到達し、TanStack DB・TanStack AIがアルファで公開中。SSRパフォーマンストップを記録しつつNext.jsに真っ向挑戦するTanStackエコシステムの現状と実際の採用判断基準を解説します。
Vite vs webpack vs esbuild：2026年のバンドラー選択
フロントエンドバンドラーの勢力図は変わった。開発速度・本番ビルド・エコシステムの観点からVite・webpack・esbuild・Rolldown・Rspackを比較します。
Web Vitals完全ガイド：Core Web Vitalsを改善する具体的手法
LCP・INP・CLSの計測方法と改善策を実例で解説。Lighthouseスコアを上げるだけでなく、実際のユーザー体験を改善するための実践的アプローチを紹介します。
CSS GridとFlexboxの使い分け決定版
「GridかFlexboxか迷う」を解決。1次元レイアウトにはFlex、2次元にはGrid、という単純な話ではない使い分けの実践ガイドです。
ChromeのDevToolsで知っておきたい機能5選
Chromeの開発者ツールで知らないと損する便利機能5選。$0・console.table・Force State・Logpoints・Networkスロットリングを実践的に解説します。
ES2026新機能：Temporal APIでJavaScriptのDate問題に終止符
TC39 Stage 4を通過したTemporal APIがChrome 144+でネイティブ対応。不変オブジェクト・タイムゾーン・正確な日付演算など、長年の問題をまとめて解決する新APIを解説します。
フロントエンド開発者が知るべきHTTPキャッシュの仕組み
Cache-Control・ETag・Last-Modified・Service Workerキャッシュの違いと使い分けを整理。「なぜ古いファイルが表示される？」を解決するHTTPキャッシュの完全ガイド。
React 19の新機能と変更点まとめ
React 19で導入されたActions・useActionState・use()・ref as prop・Server Actionsなど主要な新機能を実例コードで解説します。
Tailwind CSS v4の変更点と移行ガイド
Tailwind CSS v4はCSSファイルベースの設定・ゼロJavaScript・Viteプラグイン対応など大きく変わりました。v3からの主な変更点と移行ステップをまとめます。
TypeScriptで陥りやすい型の罠10選
中級者がよくハマるTypeScriptの型エラーとその解決策。any濫用・型の絞り込み失敗・as const・satisfies演算子など実践的なパターンを解説します。
WebAssemblyをゼロから理解する
WebAssembly（Wasm）がなぜ速いのか、どんな場面で使うべきか、JavaScriptとの連携方法、実際の活用事例までをわかりやすく解説します。
Astro で静的ブログを作る理由
なぜ今 Astro なのか。Next.js や Hugo との比較も交えながら、Astro の設計思想と静的サイトにおける優位性を解説します。