TypeScript 6.0——strictデフォルトON・ESM優先化・TS7 Go移行前の最終JavaScriptベース版が変えること
TypeScript 6.0（2026年3月17日リリース）はstrictモードがデフォルト有効になり、ESModulesがデフォルト解決になる。TypeScript 7（Go製フルリライト）への橋渡しとなる最後のJSベース版の破壊的変更と移行手順を解説。
← タグ一覧
#frontend (18 件)
Figma Makeの「Skills」機能——スラッシュコマンドでAIプロトタイピングに再利用可能な規約を注入する
2026年5月11日リリースのFigma Make Skills機能。Markdownで書いた規約・ワークフローをスラッシュコマンドで呼び出すことで、チームの設計基準に沿ったプロトタイプをより少ないプロンプトで生成できる。
AG-UIプロトコル——AIエージェントとフロントエンドをつなぐ第三の標準がMCP・A2Aに加わり、オープンエージェントプロトコルスタックが完成
AG-UIはAIエージェントとUIの双方向通信を標準化するオープンプロトコル。MCP・A2Aと三層を形成し主要クラウドが採用。CopilotKitの$27M調達で加速するエージェントフロントエンド設計を解説する。
米上院司法委員会がGUARD Actを全会一致で可決——未成年向けAIコンパニオン禁止と年齢確認義務がアプリ開発者に突きつけるもの
2026年4月30日、GUARD Actが米上院司法委員会を全会一致で通過し全上院へ。18歳未満へのAIコンパニオン提供禁止・年齢確認義務・非人間開示要件の技術的含意と、EFFが指摘する過剰立法リスクを整理する。
Google I/O 2026直前ガイド——Antigravity IDE・Firebase Agent-Native・Gemini 3アップデートで開発者の何が変わるか
2026年5月19〜20日開催のGoogle I/Oに向け公開されたセッション情報から、開発者に直結するAntigravity（Google製エージェントIDE）・Firebase・Flutter GenUI・Gemini 3の最新動向を整理。
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推論や動画編集などのメモリ集約ワークロードが現実的に。
TypeScript 7がGoで書き直された——tscより10倍速いtsgoの仕組みと今すぐ試す方法
2026年1月公開のTypeScript 7（tsgo）はJavaScriptからGoへのコンパイラ全面書き直しにより、型チェックが30倍・コンパイルが10.8倍高速化。現在の本番利用範囲と移行の注意点を解説。
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構造から分析します。
GSAP ScrollTriggerでスクロール連動演出を組む：絶滅危惧野菜サイトから学ぶ実装パターン
スクロールに応じて3Dシーンが切り替わる没入型UIの駆動力はGSAP ScrollTrigger。タイムラインベースのアニメーション設計とスクロール同期の仕組みを、実在のサイトをケースに解説します。
Three.js + WebGLで野菜をアートにする：3Dレンダリングの仕組みと見どころ
黒背景に浮かぶ野菜が回転する没入型サイトの裏側。Three.jsがWebGLの複雑さをどう隠しているか、ライティング・マテリアル・カメラ制御の基本をこのサイトの表現から紐解きます。
YakuHanJPと日本語Webタイポグラフィ：約物半角化という地味だが強烈なこだわり
絶滅危惧野菜サイトが読み込んでいるYakuHanJPは、日本語の括弧・句読点だけを半角化するフォントです。一般には知名度が低いですが、日本語サイトの品質を無言で底上げする隠し技です。
Vite vs webpack vs esbuild：2026年のバンドラー選択
フロントエンドバンドラーの勢力図は変わった。開発速度・本番ビルド・エコシステムの観点からVite・webpack・esbuild・Rolldown・Rspackを比較します。
CSS GridとFlexboxの使い分け決定版
「GridかFlexboxか迷う」を解決。1次元レイアウトにはFlex、2次元にはGrid、という単純な話ではない使い分けの実践ガイドです。
React 19の新機能と変更点まとめ
React 19で導入されたActions・useActionState・use()・ref as prop・Server Actionsなど主要な新機能を実例コードで解説します。
Tailwind CSS v4の変更点と移行ガイド
Tailwind CSS v4はCSSファイルベースの設定・ゼロJavaScript・Viteプラグイン対応など大きく変わりました。v3からの主な変更点と移行ステップをまとめます。
Astro で静的ブログを作る理由
なぜ今 Astro なのか。Next.js や Hugo との比較も交えながら、Astro の設計思想と静的サイトにおける優位性を解説します。