ユーザーインターフェースのテーマ
インターフェーステーマは、ウィンドウ、ダイアログ、ボタン、ユーザーインターフェースのすべての視覚要素の外観を定義します。デフォルトでは、最初の実行時に変更しない限り、WebStorm はダークテーマを使用します。
UI テーマを変更する
設定ダイアログ(Ctrl+Alt+S)で、外観 & 振る舞い | 外観を選択します。
あるいは、Ctrl+` を押して切り替えリストからテーマを選択します。
テーマリストから UI テーマを選択します。
ダーク : WebStorm デフォルトのダークテーマ
ライト : WebStorm デフォルトのライトテーマ
明るいヘッダーのライト : デフォルトのライトテーマとライトヘッダー
ハイコントラスト : 色覚多様性を持つユーザー向けに設計されたテーマ
Darcula: 代替ダークテーマ
アイランドダーク : UI セクションを明確に分離した代替ダークテーマ
アイランズライト : UI セクションを明確に分離した代替ライトテーマ
追加のテーマを取得をクリックして、JetBrains マーケットプレイス(英語)からプラグインとしてカスタムテーマをインストールします。

必要に応じて、エディターのカラースキームリストから配色を選択します。
現在のテーマのデフォルトの配色がリストに表示されます。
OS と同期を選択すると、WebStorm が現在のシステム設定を検出し、それに応じてデフォルトの暗いテーマまたは明るいテーマを使用します。OS が昼夜モードを自動的に切り替えるように設定されている場合、IDE は明るいテーマと暗いテーマも自動的に切り替えます。
生産性のヒント
クイックスイッチャーを使う
Ctrl+` を押すか、メインメニューからを選択します。

切り替えポップアップでテーマを選択し、目的のインターフェーステーマを選択します。
ショートカットの作成
テーマアクションを推奨するキーの組み合わせにマップできます。
関連ページ:
WebStorm を初めて実行する
Toolbox アプリを使用して、任意の JetBrains 製品を実行できます。スタンドアロンインストールの場合、WebStorm の実行はオペレーティングシステムによって異なります。WebStorm を実行するには、Windows 開始メニューでそれを見つけるか、デスクトップショートカットを使用します。bin のインストールディレクトリでランチャーバッチスクリプトまたは実行可能ファイルを実行することもできます。Applications ディレクトリ、Launchpad、Spotlight から W...
色とフォント
開発者は、エディターのソースコード、検索結果、デバッガー情報、コンソールの入出力など、多くのテキストリソースを操作します。このテキストのフォーマットには色とフォントスタイルが使用されており、一目で理解できるようになります。WebStorm では、IDE テキストで使用される色とフォントを定義する構成可能な配色から選択できます。事前定義された配色を使用するか、あなたの好みに合わせてカスタマイズすることができます。スキームを共有することも可能です。配色を選択を押して設定を開き、を選択します。あるいは...
プラグインのインストール
プラグインは WebStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。デフォルトでは、WebStorm には多数のプラグインがバンドルされています。バンドルされたプラグインを無効にするこ...
キーボードショートカットを設定する
WebStorm には定義済みのキーマップがいくつか含まれており、頻繁に使用するショートカットをカスタマイズできます。キーマップ構成を表示するには、設定ダイアログを開き、キーマップを選択します。WebStorm は、環境に基づいて事前定義されたキーマップを自動的に提案します。使用している OS と一致することを確認するか、使用している別の IDE またはエディターからのショートカットと一致するものを選択してください(たとえば、Eclipse または NetBeans)。キーマップは、対応するキ...
メニューおよびツールバー
IDE を操作するとき、いくつかのアクションを他のアクションより頻繁に実行します。生産性を最大化するには、お気に入りのアクションのデフォルトのショートカットを学ぶか、それらにショートカットを割り当てます。メニューとツールバーをカスタマイズして、必要なアクションのみを含め、再グループ化し、アイコンを構成することもできます。メニューとツールバーのカスタマイズを押して設定を開き、を選択します。使用可能なメニューとツールバーのリストで、カスタマイズするノードを展開し、目的の項目を選択します。選択した項目...
スキームを切り替える
IDE 設定を呼び出すことなく、さまざまなユーザーインターフェーステーマ、カラースキーム、コードスタイルスキーム、キーマップ、表示モード、レイアウト、およびズーム率をすばやく切り替えることができます。を押すか、メインメニューからを選択します。開いたポップアップで、変更する IDE 設定を選択します。候補リストで、必要なオプションを選択します。2025 年 11 月 25 日