WebStorm 2019.1ヘルプ

WebStormのキーボードショートカットをマスターする

WebStormには、編集、ナビゲーション、リファクタリング、デバッグ、およびその他のタスクに関連するほとんどのコマンドのキーボードショートカットがあります。これらのホットキーを覚えておくと、キーボードから手を離すことなく生産性を維持できます。

次の表は、最も便利なショートカットをいくつか示しています。

ショートカット

アクション

ダブル Shift

どこでも検索

WebStormやプロジェクトに関連するものを見つけて開き、実行したり、ジャンプしたりしてください。

Ctrl+Shift+A

アクションの検索

コマンドを検索して実行するか、ツールウィンドウを開くか、設定を検索します。

Ctrl+N
Ctrl+Shift+N
Ctrl+Shift+Alt+N

クラス、ファイル、またはシンボルを検索する

必要なクラス、ファイル、またはシンボルを検索し、ジャンプします。

Ctrl+E

最近のファイルを見る

リストから最近開いたファイルを選択します。

Alt+Enter

インテンション・アクションの表示

コード構造を改善または最適化します。

Ctrl+Space

基本コード補完

可視性スコープ内のクラス、メソッド、フィールド、およびキーワードの完全な名前。

Ctrl+W
Ctrl+Shift+W

選択範囲を拡大または縮小する

特定のコード構成に従って選択の範囲を増減します。

Ctrl+/
Ctrl+Shift+/

行またはブロックのコメントを追加/削除

行またはコードブロックをコメントアウトします。

Ctrl+Shift+F7

ファイル内のハイライトの使用箇所

現在のファイルで選択されているフラグメントのすべての出現箇所を強調表示します。

正しいキーマップを選択する

キーマップ設定を表示するには、設定/環境設定ダイアログ(Ctrl+Alt+S)を開いてキーマップを選択します。

  • 定義済みのキーマップを使用する

    WebStormはあなたの環境に基づいて自動的に事前定義されたキーマップを選択します。使用しているOSと一致することを確認するか、または使用している別のIDEまたはエディターのショートカットと一致するものを選択してください(たとえば、EclipseまたはNetBeans)。

  • キーマップを調整する

    定義済みのキーマップのコピーを変更して、頻繁に使用するコマンドに独自のショートカットを割り当てることができます。

  • カスタムキーマップをインポートする

    慣れ親しんだカスタマイズされたキーマップがある場合は、それをインストール先に転送できます。

キーマップを印刷する

ハードコピーをご希望の場合は、デフォルトのWebStormキーマップリファレンスをダウンロードしてカードとして印刷してください。

作業をしているときにショートカットを学ぶ

WebStormは、ショートカットを学ぶためのいくつかの可能性を提供します:

  • アクションの検索は、すべてのメニューとツールでコマンドと設定を検索できる最も重要なコマンドです。

    Ctrl+Shift+A を押して、入力を開始し、推奨される操作のリストを取得します。必要なアクションを選択し、Enter を押して実行します。

    Find Action
  • Key Promoter X(英語)はコマンドがマウスを使って実行されるときはいつでも対応するキーボードショートカットでポップアップ通知を表示するプラグインです。また、頻繁に実行されるコマンドのショートカットを作成することをお勧めします。

  • OS用の事前定義されたキーマップの 1つを使用しているなら、必要ならばそれを調べるためにデフォルトのキーマップ参照カードを印刷して机の上に置いておくことができます。このチートシートはヘルプ | キーマップ・リファレンスでも入手可能です。

高度な機能を使用する

以下の便利な機能を使用して、生産性をさらに向上させることができます。

  • クイック・リスト

    頻繁に使用するアクションのグループがある場合は、カスタムショートカットを使用してアクセスするためのクイックリストを作成します。例:次の定義済みのクイックリストを使用して試すことができます。

    • リファクタリング Ctrl+Shift+Alt+T

    • VCS 操作 Alt+`

  • スマート・キー

    WebStormは、ペアになったタグや引用符を自動的に追加し、キャメルハンプ単語を検出するなど、さまざまな支援を提供します。

  • スピード検索

    ツリー、リスト、またはテーブルを持つツールウィンドウにフォーカスがあるときは、入力を開始して一致する項目を表示します。

  • 2 回押し

    WebStormの多くのアクションは、複数回実行するとより多くの結果が得られます。例:フィールド、パラメータ、変数宣言の一部に Ctrl+Space指定して基本コード補完を呼び出すと、現在のスコープ内の項目タイプに応じて名前が提案されます。もう一度呼び出すと、モジュールの依存関係を通じて利用できるクラスが含まれます。3回連続で呼び出されると、提案のリストにはプロジェクト全体が含まれます。

  • ツールウィンドウのサイズを変更する

    マウスを使用せずにツールウィンドウのサイズを調整することができます:

    • 垂直ツールウィンドウのサイズを変更するには、Ctrl+Shift+LeftCtrl+Shift+Rightを使用します

    • 水平ツールウィンドウのサイズを変更するには、Ctrl+Shift+UpCtrl+Shift+Downを使用します

最終更新日: 2019年5月16日

関連事項

関連ページ:

名前でターゲットを検索する

プロジェクト内またはその外側にある項目をその名前で見つけることができます。ファイル、アクション、クラス、シンボル、設定、およびUI要素を単一のエントリポイントから検索できます。テキスト検索については、プロジェクトで検索するまたはファイルを検索するセクションを参照してください。アイコンをクリックすると...

ソースコードナビゲーション

さまざまなアクションやポップアップを使用して、エディター内のコードを素早くナビゲートすることができます。WebStormで利用可能なナビゲーションオプションをチェックするためにビデオチュートリアルを見ることから始めることができます。エディターウィンドウとツールウィンドウ間のナビゲーションの詳細につい...

インテンション・アクション

エディターで作業するときに、WebStormはコードを分析し、コードを最適化する方法を検索し、潜在的な問題と実際の問題を検出します。IDEがコードを改善する方法を見つけるとすぐに、現在の行の隣に黄色い電球のアイコンがエディターに表示されます。このアイコンをクリックすると、現在のコンテキストで利用可能...

コードとパスの自動補完

コード補完はWebStormエディターの重要な機能の1つです。補完候補を表示するために、WebStormはプロジェクトファイルをソースコードで調べ、それらに定義されているクラス、メソッド、関数、および変数を特別な内部インデックスに追加します。JSDocのコメント、TypeScript型定義などからの...

ソースコードで作業する

コードを扱うとき、WebStormはあなたの作業がストレスフリーであることを保証します。コードの追加、選択、コピー、移動、編集、折りたたみ、保存に役立つさまざまなショートカットや機能があります。エディター内のナビゲーションについては、エディターの基本を参照してください。アクションの検索:使用したいア...

キーボードショートカットの設定

WebStormには定義済みのキーマップが含まれており、頻繁に使用するショートカットをカスタマイズできます。キーマップ設定を表示するには、設定/環境設定ダイアログを開いてキーマップを選択します。WebStormはあなたの環境に基づいて自動的に事前定義されたキーマップを選択します。使用しているOSと一...