今週のWeb業界は動きが多かった。Next.js 16.2という大型リリースがあり、WordPressからはセキュリティリリースが立て続けに4本。そしてFigmaのアップデートが、デザインとコードの関係を本格的に変え始めています。それぞれ実務への影響を整理しました。
Next.js 16.2リリース — 開発サーバー起動が約4倍速に
3月18日、Next.js 16.2がリリースされました。今回の目玉はTurbopackの大幅改善で、開発サーバーの起動時間が従来比約75%短縮（4倍速相当）、レンダリング速度も約50%向上しています。
主な変更点をまとめると：
- Server Fast Refresh — サーバーサイドでも細粒度のHot Reloadingが可能に
- Web Worker Origin — WASMライブラリのWorker対応が強化
- Turbopack — 200件以上のバグ修正
- create-next-app に
AGENTS.mdテンプレートが追加（AIによるコード生成支援） - 500エラーページのリデザイン
開発体験が大きく変わる内容です。特にサーバーFast Refreshは、バックエンドロジックを書きながらフロントエンドの変更確認をリアルタイムで行えるようになるため、フルスタック開発のDXが上がります。AGENTS.mdの追加はAI前提のフレームワーク設計へのシフトを象徴していて、このトレンドはしばらく続くと思います。
💡 今すぐ試せる: npx create-next-app@latest でプロジェクトを作り、起動速度の変化を体感してみる。
WordPress.com、AIエージェント機能を正式追加
3月20日、WordPress.comがAIエージェントによるコンテンツ管理機能を発表しました。AIが記事の下書き・編集・公開だけでなく、コメント管理・メタデータ更新・タグとカテゴリの整理まで担えるようになります。
すべては自然言語で制御できます。「先週の記事をリライトして、SEOタイトルをAで始まるキーワードに合わせて」という指示をすれば、AIがその通りに動く。
昨秋に導入されたMCP（Model Context Protocol）サポートがベースになっており、Claude Desktop・Cursor・VS Codeなどから接続可能。自分のWordPressサイトをAIのワークスペースとして使える時代が来ています。WordPress.orgのセルフホスト版への展開はまだですが、方向性は明確。メディア運営のワークフローが根本から変わる可能性があります。
💡 今すぐ試せる: WordPress.comアカウントでMCPサポートを確認し、Claude Desktopからの接続を試してみる。
CSSネイティブMixin（@mixin / @apply）— Sassが不要になる日が来る？
2026年のCSS進化で注目度が高いのが、ネイティブMixinの登場です。Sassでは長年使ってきた @mixin と @include に相当する機能が、ついにCSS本体に組み込まれました。
/* Mixinを定義 */
@mixin --card-base {
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
/* 複数のコンポーネントで再利用 */
.card-light { @apply --card-base; background: #fff; }
.card-dark { @apply --card-base; background: #1e1e2e; }ビルドステップなしでスタイルの再利用ができる。これはSassを使っていた主な理由の一つがなくなることを意味します。
See the Pen Untitled by BaseKENT (@basekent) on CodePen.
現状はChrome・Safari最新版での対応が進んでいる段階。プロダクション投入にはまだ早いですが、Sassの依存を少しずつ減らしていける環境が整いつつあります。「CSSがSassを飲み込む」流れは数年前から続いていますが、Mixinは最後の砦の一つでした。これが崩れると、フロントエンドのビルドパイプラインがかなりシンプルになる可能性があります。
💡 今すぐ試せる: Chrome DevToolsのコンソールで @mixin --test { color: red; } を定義し、サポート状況を確認してみる。
WordPress、今週だけで4本のセキュリティリリース
WordPress.orgでは今週、6.9.2〜6.9.4と続けてセキュリティリリースがありました。経緯は次のとおりです。
- 6.9.2（3月10日）— XSS・SSRF・パストラバーサルなど10件の脆弱性を修正
- 6.9.3 — 6.9.2適用後にサイト表示が白くなる不具合（一部テーマで発生）を修正
- 6.9.4 — 6.9.2のセキュリティ修正が完全に適用されていなかったことが判明、再修正
一連のリリースで「修正の修正」が続いた形になりました。WordPressのセキュリティチームは即日で対応しており、体制としては評価できます。ただ、テーマ互換性を含めたQAプロセスの課題は残る印象です。「6.9.4を適用すればOK」ですが、アップデートを自動にしている環境では6.9.2→6.9.3→6.9.4と3回再起動が走った可能性があります。本番環境は確認しておきましょう。
加えてWordPress 7.0 Beta 5もリリース。リリース予定は4月9日で、コマンドパレット（Ctrl+K / ⌘K）のOmnibar統合が目玉機能です。
💡 今すぐ試せる: WordPressの管理画面から現在のバージョンを確認し、6.9.4以降であることを確かめる。
Figma MCPサーバー × GitHub Copilot — デザインとコードが双方向に
FigmaのMCPサーバーが、GitHub Copilotとの連携を正式サポートしました。
これまでは「Figmaでデザイン → 開発者がコードに翻訳」という一方通行が基本でした。MCPサーバーを経由することで、コード側からFigmaのキャンバスにUIをプッシュしたり、Figmaのデザインコンテキストをコードエディタで直接参照したりできます。
対応ツールはCursor・Warp・Factory・Firebender・VS Code（GitHub Copilot）。VS Code対応は「今後対応予定」でしたが、今回の発表で対象に入りました。
あわせてFigmaは「Slots」機能もリリース。コンポーネントのインスタンスをデタッチせずに動的カスタマイズができるようになり、デザインシステムの運用コストが下がります。デザイナーとエンジニアの境界線がまた一段と薄くなっています。「Figmaを触れるエンジニア」の価値がしばらくは上がり続けると思います。
💡 今すぐ試せる: FigmaのMCPサーバー設定ページにアクセスし、使用中のエディタとの接続を試してみる。
AIコーディングツールランキング（2026年3月）— Claude Opus 4.6が首位
LogRocketのAI開発ツールランキング3月版が公開されました。モデル部門のトップ3は以下のとおりです。
- 1位: Claude 4.6 Opus — SWE-benchスコア75.6%、コンテキストウィンドウ1M（ベータ）
- 2位: Gemini 3.1 Pro — ARC-AGI-2スコア77.1%、前世代から推論性能が2倍以上に向上
- 3位: Claude Sonnet 4.6 — claude.aiの無料デフォルトモデルに昇格
AIコーディングIDEではWindsurfが引き続きトップ。Stack Overflowの調査では開発者の84%がAIツールを使用・検討中と回答しており、1年前の76%から着実に上昇しています。Claude Opus 4.6の首位はうれしいニュースですが、Geminiの急成長も見逃せません。特定ツールへの依存より、複数モデルを使い分けるスキルが今後は重要になってきそうです。
💡 今すぐ試せる: 使い慣れたAIコーディングツールと並行して別のモデルを1週間試してみて、用途別の使い分けを探る。
今週の所感：AIが「作る側」に入ってきた週
今週は「AIが道具として使われる」から「AIが作業主体になる」という転換を感じるニュースが並んだ週でした。WordPressがAIエージェントに公開・管理を任せられるようにし、FigmaがデザインとコードをAIで双方向につなげ、Next.jsがAGENTS.mdをデフォルトで用意する。
実務者として感じるのは、「まだ早い」と言っている間に標準が変わっていく速さです。AIを前提にしたワークフローを今のうちに自分なりに設計しておくことが、半年後・1年後の差になると思います。
