PhpStorm 2024.3 ヘルプ

色とフォント

開発者は、エディターのソースコード、検索結果、デバッガー情報、コンソールの入出力など、多くのテキストリソースを操作します。このテキストのフォーマットには色とフォントスタイルが使用されており、一目で理解できるようになります。

PhpStorm では、IDE テキストで使用される色とフォントを定義する構成可能な配色から選択できます。

Light editor scheme
Dark editor scheme
High Contrast editor scheme

事前定義された配色を使用するか、あなたの好みに合わせてカスタマイズすることができます。スキームを共有することも可能です。

このビデオを見て、PhpStorm のカスタマイズの可能性に関する概要を簡単に確認してください。

配色を選択

  1. Ctrl+Alt+S を押して設定を開き、エディター | カラースキームの切り替えを選択します。

    あるいは、外観 & 振る舞い | 外観ページでスキームを選択することもできます。

  2. 配色を選択するには、スキームリストを使用します。

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

    Select the color scheme

    IDE テーマの変更をクリックすると、インターフェーステーマを構成できる設定の外観 & 振る舞い | 外観ページに移動します。

定義済みのカラースキームには次のものがあります。

  • ダーク : ダークインターフェーステーマ用に設計されています

  • ライト : ライトおよびライトヘッダー付きライトインターフェーステーマ用に設計

  • ハイコントラスト : ハイコントラストインターフェーステーマ用に設計されています (色覚多様性のあるユーザーに推奨)

  • クラシックライト : macOS ライトおよび Windows 10 ライトインターフェーステーマ用に設計されています

  • Darcula: Darcula インターフェーステーマ用に設計されています

  • Darcula コントラスト : Darcula インターフェーステーマ用に設計されたハイコントラストスキーム

配色をカスタマイズする

事前定義された配色をカスタマイズできますが、カスタムの色とフォント設定の複製を作成することをお勧めします。

配色を複製する

  1. Ctrl+Alt+S を押して設定を開き、エディター | カラースキームの切り替えを選択します。

  2. 配色を選択して the Settings icon をクリックしてから複製をクリックします。

    Duplicate a color scheme
  3. (オプション)カスタムスキームの名前を変更するには、the Settings icon をクリックして名前変更を選択します。

色とフォントの設定を定義するには、エディター | カラースキームの切り替え設定ページ Ctrl+Alt+S を開きます。

Language Defaults section under Color Scheme settings

エディター | カラースキームの切り替えの設定はいくつかのセクションに分かれています。例: 一般セクションは、余白、行番号、エラー、警告、ポップアップ、ヒントなどの基本的なエディターの色を定義します。言語のデフォルトセクションには、サポートされているすべてのプログラミング言語にデフォルトで適用される共通の構文ハイライト設定が含まれています。

ほとんどの場合、言語のデフォルトを構成し、必要に応じて特定の言語を調整するだけで十分です。要素の継承されたカラー設定を変更するには、次の値を継承チェックボックスをオフにします。

フォントと色の設定を編集する

  1. Ctrl+Alt+S を押して設定を開き、エディター | カラースキームの切り替えを選択します。

    エディター | カラースキームの切り替えの設定はセクションにグループ化されています。

  2. カラースキームの切り替えノードを展開し、必要なセクションを選択します。

  3. 右側のペインで設定を変更します。

    フォントスタイルを変更したり、効果を追加したり、色の設定を変更したりできます。色を変更するには、カラーコードのフィールドをクリックします。カラーピッカーポップアップが開き、好きな色を選択できます。

    例: 未使用のコードのハイライトを変更できます。

    Changing the unused code highlighting color

セマンティックハイライト

デフォルトでは、カラースキームは、ソースコード内の予約語やその他のシンボル (演算子、キーワード、候補、文字列リテラルなど) の構文のハイライトを定義します。多数のパラメーターとローカル変数を持つ関数またはメソッドがある場合、一目で区別することが難しい場合があります。セマンティックハイライトを使用すると、各パラメーターとローカル変数に異なるランダムな色を割り当てることができます。

セマンティックハイライトを使用可能にする

  1. Ctrl+Alt+S を押して設定を開き、エディター | カラースキームの切り替え | 言語のデフォルト | セマンティックハイライトを選択します。

  2. セマンティックハイライトを選択し、必要に応じて色の範囲をカスタマイズします。

Semantic highlighting

配色を共有する

特定の配色に慣れている場合は、それをあるインストールからエクスポートし、別のインストールにインポートすることができます。また、他の開発者と配色を共有することもできます。

配色を XML としてエクスポート

PhpStorm はあなたの配色設定を .icls 拡張子を持つ XML ファイルとして保存することができます。その後、ファイルを別のインストールにインポートすることができます。

  1. Ctrl+Alt+S を押して設定を開き、エディター | カラースキームの切り替えを選択します。

  2. スキームリストから配色を選択し、The Settings icon をクリックしてからエクスポートをクリックして IntelliJ IDEA カラースキーム (.icls) を選択します。

  3. ファイルの名前と場所を指定して保存します。

配色をプラグインとしてエクスポートする

プラグインは、他の人がインストールできるようにプラグインリポジトリにアップロードできます。この形式には、メタデータ、フィードバック、ダウンロード統計、バージョン管理など、XML ファイルに比べていくつかの利点があります(プラグインの新しいバージョンをアップロードすると、ユーザーに通知されます)。

  1. Ctrl+Alt+S を押して設定を開き、エディター | カラースキームの切り替えを選択します。

  2. スキームリストから配色を選択し、The Settings icon をクリックしてからエクスポートをクリックしてカラースキームプラグインの .jar を選択します。

  3. カラースキームプラグインを作成するダイアログで、バージョン詳細とベンダー情報を指定します。次に OK をクリックします。

配色をインポートする

  1. Ctrl+Alt+S を押して設定を開き、エディター | カラースキームの切り替えを選択します。

  2. スキームリストから配色を選択し、The Settings icon をクリックしてからスキームをインポートをクリックします。

フォント

デフォルトのエディターのフォントをカスタマイズする

このフォントは、デフォルトですべての配色で使用および継承されます。

  1. Ctrl+Alt+S を押して設定を開き、エディター | フォントを選択します。

  2. フォントリストからフォントを選択します。

    The Font settings page
  3. 適用をクリックして設定を保存します。

詳細は、フォントを参照してください。

配色フォントをカスタマイズする

必要に応じて、現在のスキームに別のフォントを設定します。

  1. Ctrl+Alt+S を押して設定を開き、エディター | カラースキームの切り替え | 色スキームフォントを選択します。

  2. デフォルトの代わりに配色フォントを使用するチェックボックスを選択します。

The Color Scheme Font settings page

詳細は、カラースキームの切り替えを参照してください。

コンソールフォントをカスタマイズする

デフォルトでは、コンソール内のテキストは配色と同じフォントを使用します。コンソールで別のフォントを使用するには:

  1. Ctrl+Alt+S を押して設定を開き、エディター | カラースキームの切り替え | コンソールフォントを選択します。

  2. デフォルトの代わりにコンソールフォントを使うチェックボックスを選択します。

新しいカスタムフォントをインストールする

PhpStorm は、オペレーティングシステムまたは PhpStorm の実行に使用される Java ランタイムで使用可能な任意のフォントを使用できます。別のフォントを追加したい場合は、それを OS にインストールする必要があります。PhpStorm は再起動後にそれを検出します。

  1. 目的の TTF フォントパッケージをダウンロードし、解凍してフォントファイル (.ttf ) を抽出します。フォントが正しく機能するには、少なくとも 4 つのファイル (Normal、Bold、Italic、太字斜体) が必要です。

  2. オペレーティングシステムに応じて、次のいずれかを実行します。

    すべてのフォントファイルを選択し、選択範囲を右クリックして、インストールを選択します。

    すべてのフォントファイルを選択し、選択したファイルをダブルクリックしてフォントブックプレビューを開き、下部にあるフォントのインストールをクリックします。

    フォントを現在のユーザー用に ~/.local/share/fonts に解凍するか、フォントをシステム全体にインストールするために /usr/share/fonts に解凍してから、fc-cache -f -v を実行します。

  3. PhpStorm を再起動し、エディター | フォント設定ページ Ctrl+Alt+S でインストールしたフォントを選択します。

生産性のヒント

現在のシンボルの配色設定を確認する

  • 目的のシンボルにキャレットを置き、Ctrl+Shift+A を押し、色およびフォントに移動アクションを見つけて実行します。

これにより、キャレットのシンボルに関連する配色設定が開きます。

エディターで現在使用されているフォントを確認する

  • Ctrl+Shift+A を押し、エディターで使用するフォントを表示アクションを見つけて実行します。

    これにより、フォントのリストを含むエディターで使用するフォントダイアログが開きます。

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

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

  2. 切り替えポップアップでエディターのカラースキームを選択し、目的の配色を選択します。

関連ページ:

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

インターフェーステーマは、ウィンドウ、ダイアログ、ボタン、ユーザーインターフェースのすべての視覚要素の外観を定義します。デフォルトでは、最初の実行時に変更しない限り、PhpStorm はダークテーマを使用します。UI テーマを変更する設定ダイアログで、外観 & 振る舞い | 外観を選択します。テーマリストから UI テーマを選択します。ダーク: PhpStorm デフォルトのダークテーマ、ライト: PhpStorm デフォルトのライトテーマ、ライトヘッダー付きライト: デフォルトのライトテーマと...

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

プラグインは PhpStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。プラグイン設定を開くを押して設定を開き、を選択します。マーケットプレースタブを使用して、JetBrains マーケッ...

フォント

このページを使用して、PhpStorm エディターで使用されるフォントを設定します。デフォルトでは、このフォントはすべての配色で使用されます。詳細については、フォントを参照してください。フォントエディターでテキストのフォントを選択します。サイズフォントのサイズをポイント / ポイントで指定します。エディターでフォントサイズをすばやく変更する必要がある場合は、を押して IDE 設定を開き、に移動して、オペレーティングシステムに応じてコマンド + マウスホイールでフォントサイズを変更するまたは Co...

外観

このページを使用して、IDE の全体的な外観を変更します。テーマリストから UI テーマを選択します。デフォルトでは、明るいテーマ、暗いテーマ、ハイコントラストのテーマから選択できます。他のテーマをプラグインとしてインストールできます。詳細については、ユーザーインターフェースのテーマを参照してください。OS と同期現在のシステム設定を検出し、それに応じてダークテーマまたはライトテーマを使用します。をクリックして、設定が OS と同期されるときに適用される配色とユーザーインターフェーステーマを選択...

IDE の起動 Java ランタイムを変更する

Java アプリケーションとして、PhpStorm には Java ランタイム環境(JRE)が必要です。デフォルトでは、PhpStorm は、IDE に含まれている JetBrains ランタイム(OpenJDK のフォーク)を使用します。JetBrains ランタイムは、さまざまな既知の OpenJDK および Oracle JDK のバグを修正し、パフォーマンスと安定性を向上させます。ただし、場合によっては、別の Java ランタイムまたは特定のバージョンの JetBrains ランタイムを使用...

キーボードショートカット

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