WebStorm 2024.1 ヘルプ

ユーザーインターフェースのテーマ

インターフェーステーマは、ウィンドウ、ダイアログ、ボタン、ユーザーインターフェースのすべての視覚要素の外観を定義します。デフォルトでは、最初の実行時に変更しない限り、WebStorm はクラシック UI では Darcula テーマを使用し、新しい UI ではダークテーマを使用します。

UI テーマを変更する

  1. 設定ダイアログ(Ctrl+Alt+S)で、外観 & 振る舞い | 外観を選択します。

    あるいは、Ctrl+` を押して切り替えリストからテーマを選択します。

  2. テーマリストから UI テーマを選択します。

    • ダーク : WebStorm デフォルトのダークテーマ

    • ライト : WebStorm デフォルトのライトテーマ

    • ライトヘッダー付きライト : デフォルトのライトテーマとライトヘッダー

    • IntelliJ Light : クラシック UI の IntelliJ ベースの IDE 用の従来のライトテーマ

    • ハイコントラスト : 色覚多様性を持つユーザー向けに設計されたテーマ

    • Darcula: 代替ダークテーマ

    追加のテーマを取得をクリックして、JetBrains マーケットプレイス(英語)からプラグインとしてカスタムテーマをインストールします。

    Settings | Appearance & Behavior | Appearance
  3. 必要に応じて、エディターのカラースキームリストから配色を選択します。

    現在のテーマのデフォルトの配色がリストに表示されます。

OS と同期を選択すると、WebStorm が現在のシステム設定を検出し、それに応じてデフォルトの暗いテーマまたは明るいテーマを使用します。OS が昼夜モードを自動的に切り替えるように設定されている場合、IDE は明るいテーマと暗いテーマも自動的に切り替えます。

生産性のヒント

クイックスイッチャーを使う

  1. Ctrl+` を押すか、メインメニューから表示 | スキームのクイック切り替えを選択します。

  2. 切り替えポップアップでテーマを選択し、目的のインターフェーステーマを選択します。

ショートカットの作成

関連ページ:

WebStorm を初めて実行する

Toolbox アプリを使用して、任意の JetBrains 製品を実行できます。スタンドアロンインストールの場合、WebStorm の実行はオペレーティングシステムによって異なります。WebStorm を実行するには、Windows 開始メニューでそれを見つけるか、デスクトップショートカットを使用します。bin のインストールディレクトリでランチャーバッチスクリプトまたは実行可能ファイルを実行することもできます。Applications ディレクトリ、Launchpad、Spotlight から W...

新しい UI

新しいユーザーインターフェース (UI) は、WebStorm およびその他の JetBrains IDE の外観を再設計したものです。デザインを簡素化し、重要な機能にアクセスしやすくするために作成されました。その結果、よりクリーンでモダンなルックアンドフィールが得られます。この記事では、新しい UI の主な変更点と、それを使い始める方法について説明します。新しい UI はまだ開発中です。ご質問やご意見がございましたら、以下の説明に従って共有してください。新しい UI を有効にする方法: に移...

色とフォント

開発者は、エディターのソースコード、検索結果、デバッガー情報、コンソールの入出力など、多くのテキストリソースを操作します。このテキストのフォーマットには色とフォントスタイルが使用されており、一目で理解できるようになります。WebStorm では、IDE テキストで使用される色とフォントを定義する構成可能な配色から選択できます。事前定義された配色を使用するか、あなたの好みに合わせてカスタマイズすることができます。スキームを共有することも可能です。配色を選択を押して設定を開き、を選択します。あるいは...

プラグインのインストール

プラグインは WebStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。デフォルトでは、WebStorm には多数のプラグインがバンドルされています。バンドルされたプラグインを無効にするこ...

キーボードショートカットを設定する

WebStorm には定義済みのキーマップがいくつか含まれており、頻繁に使用するショートカットをカスタマイズできます。キーマップ構成を表示するには、設定ダイアログを開き、キーマップを選択します。WebStorm は、環境に基づいて事前定義されたキーマップを自動的に提案します。使用している OS と一致することを確認するか、使用している別の IDE またはエディターからのショートカットと一致するものを選択してください(たとえば、Eclipse または NetBeans)。キーマップは、対応するキ...

ユーザーインターフェース

WebStorm でプロジェクトを開くと、デフォルトのユーザーインターフェースは次のようになります。ナビゲーションバー、プロジェクトツールウィンドウ、エディター、ポップアップメニュー、コンテキストメニュー、ステータスバー、ツールウィンドウバー、ツールバー、ガター、プラグインのセットと構成設定によっては、IDE の外観と動作が異なる場合があります。ナビゲーションバー:フォーカス: 表示 / 非表示: ナビゲーションバーはプロジェクトビューの代わりとなるもので、プロジェクトの構造を確認したり、特定のフ...