フロントエンドニュース2026年5月号

フロントエンドチーム Frontendチームのブログ

はじめに

こんにちは！Frontendチームの薄羽です。今月からFrontendチームで気になったフロントエンドニュース（と言いつつ、Node.jsなども触れます）をまとめていきます！

axios Compromised on npm - Malicious Versions Drop Remote Access Trojan

Announcing TypeScript 7.0 Beta

  • Betaがリリースされた
  • APIは7.1かららしい😢

pnpm 11 RC 0

  • minimumReleaseAge がデフォルトで1日になる
  • pnpm clean が地味に嬉しい

Bun v1.3.12

  • Bun.WebView: Headless Browser Automationがネイティブサポートされた
    • macOSではWKWebViewを使用するため、Chromium等のインストールをせずに動かせる
  • Bun.markdown.ansi(): ターミナル上にMarkdownを描画できるようになった

Next.js Across Platforms: Adapters, OpenNext, and Our Commitments

  • Next.js 16.2でAdapter APIがリリース
  • Vercel以外のプラットフォーム（e.g., Netlify、Cloudflare）でも同等に動かせる仕組み

@chenglou/pretext

  • DOMのレイアウトリフローを発生させずに、テキストの高さや行数をJavaScriptで高速計算できるライブラリ
  • Demo

WICG/html-in-canvas

  • <canvas> 内でHTMLタグをレンダリングするためのWICG提案
  • 現時点ではChrome Canaryで chrome://flags/#canvas-draw-element から試せる

Developer feedback requested: focus group

  • focusgroup HTML属性のRFC
  • 以下のように記述することで、矢印キーやタブでの操作が行えるようになったり、ブラウザがロールをつけたりしてくれる
<div focusgroup="toolbar" aria-label="Text formatting">
    <button type="button">Bold</button>
    <button type="button">Italic</button>
    <button type="button">Underline</button>
    <button type="button">Strikethrough</button>
</div>

Introducing EmDash — the spiritual successor to WordPress that solves plugin security

vercel-labs/emulate

  • CI環境やサンドボックス向けのローカルAPIエミュレーター
  • npx emulate だけで以下のサービスをエミュレートできる
    • Vercel、GitHub、Google、Slack、Apple、Microsoft、AWS
  • モックではなく、本番同等のステートフルなAPIエミュレーションを提供

TSRX is a TypeScript language extension for building declarative UIs in an agentic era.

  • TypeScriptの言語拡張で、JSXの精神的後継を目指す
  • if や for、スコープ付きCSS、ローカル変数をテンプレート内に直接記述できる
  • Reactのhooksを条件分岐内で呼び出せる（コンパイラが自動で別コンポーネントに分割）
  • Reactへもコンパイル可能

Storybook MCP for React

Agents, meet the Figma canvas

  • use_figma toolを使うことでAgent経由でFigmaに書き込みができるようになった
  • SKILL.md を書くことでAgentのFigma上での振る舞いを定義できる

講評

  • TS 7.0 Betaのリリースが嬉しいが、APIが解放されないと typescript-eslint とかが使えなそう（なので、itandi-frontend としてはもう少し導入に時間がかかりそう）
  • axiosに依存している必要はないと思うため、どこかで fetch に置き換えたい…