Web Development
PyCharm 2026.1 におけるウェブ開発の基本サポートの拡張
PyCharm 2026.1 では IDE の基本機能がさらに進化しており、より幅広い業務レベルのウェブツールがすべてのユーザーに無料で提供されるようになります。初心者からバックエンドファーストの開発者まで、すべてのユーザーが以前は Pro サブスクリプションでのみ提供されていた重要な JavaScript、TypeScript、および CSS の機能を使用できるようになります。
React、JavaScript、TypeScript、および CSS のサポート
以下のようなモダンなウェブ言語用の包括的な編集および整形ツール一式を PyCharm 内で使用できるようになります。
- React の基本サポート: コード補完、コンポーネントと属性の移動操作、React コンポーネントと props の Rename（名前の変更）リファクタリングが可能になります。
- 高度なインポート管理:
- 作業しながら JavaScript と TypeScript の自動インポートを実行できます。
- Optimize imports（インポートの最適化）機能を使用して不要な参照をマージまたは除去できます。
- コードをエディターに貼り付けると、必要なインポートが自動的に追加されます。
- 高度なスタイル設定: CSS 向けのコード補完、インスペクション、およびクイックフィックスを使用し、組み込みのウェブプレビューを通じて変更をリアルタイムで確認できます。
- スマートなエディター動作: ウェブ開発用に設計されたスマートキー、Code Vision のインレイヒント、および後置コード補完を使用できます。
移動操作とコードインテリジェンス
以下を可能にするツールにより、さらに効率よくウェブプロジェクトに取り組めるようになりました。
- プロ仕様の移動操作: アクション、反復的な呼び出し、および TypeScript ソースマッピングへの Jump to…（移動…） 専用のガターアイコンを使用できます。
- 基本的なウェブのリファクタリング: 信頼性の高い Rename（名前の変更）リファクタリングやアクション（Introduce variable（変数の導入）、Change signature（シグネチャーの変更）、Move members（メンバーの移動）など）を使用して基本的なコード変更を実行できます。
- 品質管理: プロ仕様のインスペクション、インテンション、およびクイックフィックスで高いコード水準を維持できます。
- コードのクリーンアップ: JavaScript および TypeScript の重複検出により、冗長なコードブロックを発見できます。
フレームワークと統合ツール
ごく一般的なフロントエンドフレームワークとツールの一部に対する基本的なサポートを追加しました。これにより、以下の機能を使用できるようになります。
- プロジェクトの初期化: 組み込みの Vite ジェネレーターを使用し、新しいウェブプロジェクトを素早く作成できます。
- 標準ツール一式: Prettier、ESLint、TSLint、および StyleLint のサポートを組み込みで提供することで、コードの品質を均一化できます。
- スクリプト管理: npm スクリプトを検出し、
package.jsonから直接実行できます。 - セキュリティ: プロジェクトの依存関係を確認してセキュリティ脆弱性を検出できます。
上記の実績ある機能を PyCharm の基本機能に追加して無料で提供することになりました！ これらのツールにより、初心者、学生、ホビイストが 1 つの強力な IDE 内で実際のタスクに取り組めるようになると確信しています。何よりも素晴らしいことに、基本の PyCharm は商用および非商用プロジェクトの両方に使用できます。そのため、PyCharm はユーザーが学習段階から業務開発に移行するのに合わせて成長します。
オリジナル（英語）ブログ投稿記事の作者：
