WebStorm
JavaScript/TypeScript開発の最強IDE。フロントエンドからNode.jsまで、モダンWeb開発を完全網羅します
名前変更、関数抽出、変数抽出などの安全なリファクタリング機能で、JavaScriptコードの品質を継続的に改善するショートカット
Shift+F6
名前変更
要素の名前を変更します。
💡 覚え方: Rename（名前変更）
🎯 プロジェクト全体で変数、関数、クラス名を安全に変更
Ctrl+Alt+M
メソッドの抽出
選択コードをメソッドに抽出します。
💡 覚え方: Method（メソッド抽出）
🎯 選択したコードを新しいメソッドとして抽出し、コードの再利用性を向上
Ctrl+Alt+N
変数のインライン化
変数をインライン化します。
💡 覚え方: Inline（インライン化）
🎯 不要な変数をその値で置き換えて、コードをシンプルに
Ctrl+F6
シグネチャ変更
関数やメソッドのシグネチャを変更します。
💡 覚え方: Signature（シグネチャ）
🎯 メソッドのパラメーターを安全に変更し、すべての呼び出し箇所を自動更新
F6
移動
要素を移動します。
💡 覚え方: Move（移動）
🎯 ファイルやクラスを別のディレクトリへ移動し、import文を自動更新
Alt+Delete
安全に削除
安全に削除を行います。
💡 覚え方: Delete safely（安全削除）
🎯 使用箇所を確認してから安全に削除し、不要なコードをクリーンアップ
Ctrl+Alt+Shift+T
リファクタリング
リファクターメニューを表示します。
💡 覚え方: This refactor（リファクタリング）
🎯 利用可能なすべてのリファクタリングオプションを表示