WebStorm の新機能 
WebStorm の新機能 現代のフロントエンドアプリケーションは、より大規模でモジュール化が進み、TypeScript の要素がますます。強くなっています。WebStorm 2026.1 は、IDE の TypeScript 基盤を強化し、進化するフロントエンドエコシステムへのサポートを拡大し、大規模な React および TypeScript プロジェクト向けに IDE をさらに最適化することで、こうした環境下でも生産性を維持できるよう支援することに重点を置いています。
今回のリリースの主な内容は以下のとおりです。
Junie、Claude Agent、最近追加された Codex(英語) に加えて、WebStorm では AI チャット内でより多くの AI エージェントと直接連携できるようになりました。
エージェントクライアントプロトコル (ACP) を介してサポートされている GitHub Copilot、Cursor などのエージェントから選択することもできます。新しい ACP レジストリを使用すると、これらのエージェントを簡単に検出してインストールできます。統合を手動で設定する必要はなく、利用可能なエージェントを参照して、ワンクリックでインストールできます。
次の編集候補が、JetBrains、AI Pro、Ultimate、Enterprise サブスクリプションの AI クォータを消費することなく利用できるようになりました。これらの候補は、JavaScript、TypeScript、HTML、CSS の従来のコード補完を凌駕するものです。カーソル位置のみを更新するのではなく、ファイル全体に関連する変更をインテリジェントに適用することで、最小限の労力でコードの一貫性と最新性を維持できます。
コード補完のこの自然な進化により、 タブと タブのシームレスな体験が実現し、スムーズな操作性を維持できます。
TypeScript プロジェクトが拡大するにつれ、IDE 内型エンジンの精度とパフォーマンスを維持することがますます。困難になってきました。WebStorm は、サービス駆動型の TypeScript エンジンをデフォルトで使用し、コード解析のために公式の TypeScript 言語サービスに直接依存するようになりました。
大規模プロジェクトに携わる開発者にとって、これは次のことを意味します。
その結果、編集作業がよりスムーズになり、IDE が報告する内容とビルドによって実際に生成される内容との間の不一致が減少します。
最近の TypeScript リリースでは、コンパイラーのデフォルト設定にいくつかの変更が加えられており、ビルド動作と IDE のコードインサイトとの間に微妙な違いが生じる可能性があります。
WebStorm 2026.1 では、プロジェクト構成はこれらの変更に合わせて調整されます。たとえば、次のようになります。
types オプションの更新されたデフォルト動作に従うようになり、node_modules/@types からのすべてのパッケージの自動的な組み込みを回避します。rootDir のデフォルト設定と一致するようになりました。baseUrl から明示的な paths マッピングへと移行していることを反映しています。これらのアップデートにより、エディターに表示される内容が、TypeScript がプロジェクト内で実際に型を解決する方法と一致することが保証されます。
import/export のサポート WebStorm は、文字列リテラルの import および export 指定子をサポートするようになり、完全なコード分析とリファクタリングのサポートを備えたカスタムエクスポート名が可能になります。
export { a as "ab" }; import { "ab" as a } from "./file.js";React プロジェクトは、新しい use memo および use no memo ディレクティブのハイライトが改善されたことで恩恵を受けます。
これらの指示は、use client や use server などの既存の指示と一貫して扱われるようになり、コンポーネントの動作を一目で理解しやすくなりました。
最近の Angular テンプレートはより強力になり、テンプレートコード内に、より複雑な式を直接記述できるようになりました。
WebStorm は、Angular 21.x リリースで導入されたいくつかの追加機能をサポートするようになりました。これには、アロー関数、instanceof チェック、正規表現、テンプレート式内のスプレッド構文などが含まれます。これらの機能により、テンプレートの柔軟性が向上すると同時に、ナビゲーション、インスペクション、コードインサイトに関する IDE の完全なサポートが維持されます。
WebStorm 2026.1 は更新された @vue/typescript-plugin を統合し、.vue コンポーネント内の TypeScript のサポートとコード分析機能を向上させます。これにより、WebStorm は進化し続ける Vue ツールエコシステムとの整合性を保ち、TypeScript とのよりスムーズな相互運用性を確保します。
Astro プロジェクトでは、JSON 設定フィールドがサポートされるようになりました。これにより、設定を Astro 言語サーバーに直接渡すことができます。この変更により、言語サーバーによるプロジェクトの分析方法をより詳細に制御できるようになり、WebStorm と Astro の拡大するエコシステムとの連携が強化されます。
WebStorm 2026.1 では、<script> タグの generics 属性のサポートが追加され、ナビゲーション、 名前変更リファクタリングの使用、汎用型パラメーターの使用箇所検索が可能になります。また、IDE は @attach ディレクティブのサポートを導入し、バンドルされている Svelte 言語ツールを更新します。
WebStorm は、最新の color() CSS 関数を理解し、定義済みのカラースペース全体で値を認識するようになりました。
これにより、正確なカラープレビュー、検証が可能になり、従来の sRGB を超える高度なカラーワークフローへのサポートも向上します。
このバージョンには、パフォーマンス、フレームワークとの統合、IDE 全体の信頼性に関する多数の改善が含まれています。変更点の完全なリストについては、リリースノート全文を参照してください。最新の改善点を体験するには、今すぐ WebStorm 2026.1 にアップデートし、ぜひフィードバックをお寄せください。