今週のWeb業界は「変わるもの」と「変わらないもの」を考えさせられる出来事が続きました。MDNがReactからWeb Componentsへの移行を完了させ、JetBrains調査ではAIツール利用率が開発者全体の90%に到達。一方でChrome 136は見えない形でセキュリティの土台を固めました。実務に直結する6本をお届けします。
Chrome 136 安定版リリース — :visitedリンクのプライバシー問題がついに解消
Chrome 136 安定版がリリースされました。今回の目玉は派手さゼロのセキュリティ改善です。これまで:visited擬似クラスによるリンクのスタイリングは「ユーザーがそのURLを過去に訪問したかどうか」をJavaScriptから読み取れる抜け穴として知られていました。悪意のあるサイトがCSSの色変化を検知することで、ユーザーの閲覧履歴を推定するサイドチャネル攻撃が実際に存在していたのです。
Chrome 136からは、:visitedスタイルが「そのサイトとそのフレーム」でクリックされたリンクにのみ適用される仕様に変更されました。他サイトで訪れたURLは:visited扱いされなくなります。多くのサービスが数十年放置してきた脆弱性を、仕様レベルで塞いだことになります。
また、RegExp.escape()メソッドがChrome 136で全ブラウザ対応しBaselineに新規追加。文字列を正規表現の特殊文字からエスケープする便利メソッドがついに安全に使えます。
セキュリティ系のアップデートは「効果が見えない」のが正常な証拠です。ただ、自分のサイトで「他サイトのリンクが紫になっていること」を前提にしたデザインがあれば、その部分は動作変更に気をつけてください。実務影響は最小限ですが、知っておいて損はない変更です。
💡 今すぐ試せる: Chrome DevToolsで自分のサイトのリンクを確認し、他サイトのURLが:visitedでスタイリングされていないか確認する。
MDN Web DocsがReactを捨て、Web Componentsへ移行完了
MDN Web Docsが、長年使ってきたReact（CRA + Webpack構成）からWeb ComponentsとLitを使った自前のサーバーコンポーネントシステムへ全面移行を完了しました。開発環境のスタートアップが従来の「2分」から「2秒」に短縮されたというパフォーマンスの変化は象徴的です。
採用したのはLit + Web Components + RsPack。「インタラクティブな部分だけをCustom Elementsとして遅延ロードし、静的な部分はサーバー側でレンダリングするアーキテクチャ」——いわゆるアイランドアーキテクチャを、ライブラリではなく自前で実装した形です。Baselineで安全に使えるWeb APIのみを採用するというルールも設けており、MDNらしいアプローチと言えます。
「Web標準の参照先であるMDN自身がWeb Componentsで作られる」という事実は、単なるリニューアル以上の意味を持ちます。Reactが支配的だったドキュメントサイトの世界に、「フレームワークなしでもここまでできる」という実証が生まれました。自分のプロジェクトの技術選定で、Web Componentsという選択肢が現実的かどうかを改めて考えてみる機会かもしれません。
💡 今すぐ試せる: MDNのフロントエンド解説記事を読んで、アーキテクチャの選択理由を確認してみる。
JetBrains AI Pulse調査：開発者の90%がAIツール利用、Claude Codeが1年で6倍成長
JetBrainsのAI Pulseレポート（2026年1月）が公開されました。10,000人超の開発者を対象にした大規模調査で、2026年1月時点で90%の開発者が何らかのAIツールを職場で使用しているという結果になりました。GitHubのデータでは2026年初頭のコミットのうち51%以上がAI生成またはAI補助によるものとも報告されています。
ツール別の数字が興味深い内容でした。GitHub Copilotは知名度76%・職場利用率29%で首位ながら、成長は昨年から鈍化。一方、Claude Codeは知名度57%・職場利用率18%に達し、1年前の約3%から6倍に急成長。満足度（CSAT）91%、NPS 54というスコアは全ツール中トップです。
数字が示しているのは「AIツールはもはやオプションではない」という現実です。問題は「使うかどうか」ではなく「何をどこまで任せるか」の設計に移っています。Claude Codeの満足度がずば抜けている理由として「コードベース全体を文脈として扱える」点が挙げられており、単なるコード補完からエージェント型の操作へ移行が進んでいます。
💡 今すぐ試せる: 現在使っているAIツールのNPSスコアやCSATを確認し、乗り換えコストと比較してみる。
WordPress 4月開発者アップデート — theme.jsonでナビゲーションのactive状態を制御可能に
WordPress開発者向け4月アップデートが公開されました。地味ながら実務で効いてくる変更が含まれています。
これまでNavigation Linkブロックの現在ページ（active状態）のスタイリングには、CSS specificity（詳細度）の回避策が必要でした。今回のアップデートでtheme.jsonから直接:is(.current-menu-item > a)相当のスタイリングが設定できるようになり、テーマ開発のコードがすっきりします。また、WordPress 7.0においてPHP 7.2・7.3のサポートが打ち切られ、最低要件がPHP 7.4に引き上げられます（推奨はPHP 8.2+）。
クライアントサイトにPHP 7系を使っているケースは2026年現在でも一定数残っています。WordPress 7.0のリリース前に確認して、必要であれば事前にアップグレード対応をとっておきましょう。
PHP要件の変更は静かに来て対応コストが大きい変更です。サーバー管理を任されているクライアントがいれば、早めに一報を入れておくと後々の「急ぎの相談」を防げます。theme.jsonのactive状態対応は小さな追加ですが、専用CSSを書いていた人には確実に楽になります。
💡 今すぐ試せる: クライアントサイトのPHPバージョンをWordPress管理画面の「サイトヘルス」→「情報」から確認する。
Remix 3正式リリースへ — ReactをPreactフォークに換装、Web標準主義へ全面転換
Remix 3の実態が明らかになってきました。2025年末に「Reactを手放す」と宣言したRemixチームが、今年初頭に正式リリース予定としていたv3の詳細がまとまりました。React Routerとの合流を経て一度整理されたあと、今度は「React自体を捨てる」という方向へ振り切った形です。
採用したのはPreactのフォーク。Reactとの互換性は保ちつつ、バンドルサイズと実行速度でアドバンテージを取る設計です。「AI最適化を視野に入れたAPIの簡素化」「Web APIに直接乗る設計」「バンドラー依存の排除」が3つのコア原則として掲げられています。特にAI最適化の文脈では、LLMが理解しやすい汎用的なコード構造を優先するというアプローチが新鮮です。
Remix 3の動きは「フレームワークの設計思想にAIが入ってくる」という2026年らしい変化を象徴しています。Next.js / Reactが大半を占める仕事市場の中で、Remixがこれからどんな位置を占めていくかは注目しています。全面移行は現実的ではないにしても、設計思想のインプットとして見ておく価値はあります。
💡 今すぐ試せる: Remixブログでv3の設計思想を確認し、自分のプロジェクトへの適用可否を考えてみる。
Chrome 137 Beta: CSS if()関数が搭載 — CSSだけでインライン条件分岐が可能に
Chrome 137 BetaでCSS if() 関数が搭載されました。これは「CSSプロパティの値を、条件次第で切り替える」ことをインラインで宣言できる新機能です。
たとえばボタンのバリアントごとにクラスを分けていた記述が、こう書けるようになります。
.btn {
--variant: default;
background: if(
style(--variant: primary): #2563EB;
style(--variant: danger): #DC2626;
else: #6B7280
);
}
.btn-primary { --variant: primary; }
.btn-danger { --variant: danger; }カスタムプロパティとstyle()条件を組み合わせることで、「バリアントごとの個別クラスを書かず、一か所で複数のスタイルを管理する」設計が可能になります。非対応ブラウザへの対応は@supports notで行います。まだ安定版ではないためプロダクション利用は早いですが、触り始めるなら今です。
See the Pen CSS if() 関数デモ by BaseKENT (@basekent) on CodePen.
CSSがどんどんプログラミング言語に近づいていきます。if()、カスタムプロパティ、@scope、@layer——この辺りをちゃんと使いこなせる状態にしておくと、Tailwindのような外部依存なしで「設計がシンプルなCSS設計」ができるようになる予感がしています。まずDevToolsのフラグを立てて試してみてください。
💡 今すぐ試せる: Chrome 137 Betaをダウンロードしてchrome://flagsでcss-ifを有効化し、デモコードを動かしてみる。
今週のひとこと
MDNがReactを手放し、Remixがその後を追い、調査結果ではAI利用率が9割——これが2026年4月の週次報告です。「フロントエンドはどこへ向かうのか」という問いへの答えが、複数の方向から同時に出てきている週でした。流れを追いながら、自分のプロジェクトに何が使えるかを見極めていきたいですね。
