PhpStorm 2024.3 ヘルプ

外観

このページを使用して、IDE の全体的な外観を変更します。

Settings | Appearance & Behavior | Appearance

オプション

説明

テーマ

リストから UI テーマを選択します。デフォルトでは、明るいテーマ、暗いテーマ、ハイコントラストのテーマから選択できます。他のテーマをプラグインとしてインストールできます。詳細については、ユーザーインターフェースのテーマを参照してください。

OS と同期

現在のシステム設定を検出し、それに応じてダークテーマまたはライトテーマを使用します。

the Settings button をクリックして、設定が OS と同期されるときに適用される配色ユーザーインターフェーステーマを選択します。

エディターのカラースキーム

さまざまなテキストリソースの色、フォント、構文のハイライトを定義する配色を選択します。

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

the Settings button をクリックすると、カラースキーム設定に移動したり、スキームをファイルにエクスポートしたり、カラースキームをインポートしたりできます。

アクセシビリティ

オプション

説明

ズーム

IDE 全体を拡大または縮小して、すべての UI 要素のサイズを一度に拡大または縮小します。

メインメニューからこの設定にアクセスすることもできます: 表示 | 外観 | IDE の倍率変更を選択します。

カスタムフォントの使用

PhpStorm UI で使用するカスタムフォントファミリとサイズを指定します。

スクリーンリーダーのサポート

PhpStorm のスクリーンリーダーのサポートを有効にします。詳細については、アクセシビリティを参照してください。

コントラストスクロールバーを使用する

エディターのスクロールバーをより見やすくします。

赤緑色覚多様性の方のために色を調整する

UI の色を調整して、色覚多様性や重度の場合の色をよりよく知覚します。

UI オプション

オプション

説明

コンパクトモード

このモードでは、IDE のツールバーとツールウィンドウのヘッダーの高さが縮小され、間隔とパディングが縮小され、アイコンとボタンが小さくなります。このモードは、小さい画面に適しています。

常にウィンドウのヘッダーにフルパスを表示する

プロジェクトと現在のファイルへのフルパスをメインウィンドウのヘッダーに表示します。無効にすると、ヘッダーにはプロジェクトとファイルの名前のみが表示されます。

メインツールバーでプロジェクトカラーを使用

色付きのヘッダーを使用すると、開いている複数のプロジェクト間のナビゲーションが簡単になります。詳細については、ツールバーの色の設定を参照してください。

メインメニューを別のツールバーに表示する

(Windows および Linux)

メインメニューを別のツールバーとして表示します。メインメニューは、ファイル編集表示などのメニューを含むアプリケーションウィンドウの標準メニューバーです。

Alt が押されたときのみドラッグアンドドロップを有効にする

ファイル、エディタータブ、ツールウィンドウボタン、その他の UI コンポーネントを誤って移動しないようにします。有効になっている場合は、Alt キーを押したまま移動します。

デフォルトではこのオプションは無効になっており、追加のキーなしですべてを移動できます。

スムーズスクロール

行ごとではなく、ピクセルごとに UI をスムーズにスクロールします。

これにより、デフォルトで Windows および Linux のアニメーションによるスムーズスクロールも可能になります。これを無効にして、代わりに正確なスクロールを使用することができます。Ctrl+Shift+A を押し、スムーズスクロールオプションダイアログを見つけて開き、アニメーションスムーズスクロールチェックボックスを無効にします。

Smooth Scroll Options dialog

このダイアログでは、スクロールアニメーションの継続時間を設定し、https://cubic-bezier.com/#.17,.67,.83,.67(英語) に基づいてアニメーションの外観を変更することもできます。

コントロールのニーモニックを有効にする

ダイアログでコントロールを使用するために押すことができるホットキーに下線を引きます。

メニューのニーモニックを有効にする

メニュー操作を実行するために押すことができるホットキーに下線を引きます。

メニュー項目にアイコンを表示する

メインメニューとコンテキストメニューの項目の左側にアイコンを表示します。

メインメニューとウィンドウタイトルをマージ

(Windows および Linux)

メインメニューと IDE ウィンドウのタイトルを同じバーに表示します。

トグル項目のポップアップを開いたままにする

この機能を有効にすると、オプションを有効または無効にしている間、メニューは開いたままになります。フォーカスを別の UI 要素に切り替えるか、Escape を押すと、メニューは閉じます。

背景画像

IDE のカスタム背景イメージを構成します。

ツリービュー

項目

説明

インデントガイドの表示

ツリービューでインデントレベルを示す垂直線を表示します (例: プロジェクトツールウィンドウ Alt+1)。これらの線は、プロジェクト内のコンポーネントの階層をよりよく理解できます。

The Show tree indent guides is on
The Show tree indent guides is off

小さなインデントを使用する

ツールウィンドウの境界とツリービュー内のテキスト間のスペースを減らします (例: プロジェクトツールウィンドウ Alt+1)。

ツールウィンドウ

項目

説明

ツールウィンドウバーを表示する

メインウィンドウの端の周囲にツールウィンドウバーを表示します。詳細については、ツールウィンドウバーとボタンを参照してください。

ツールウィンドウ名を表示する

ツールウィンドウバーにツールウィンドウ名を表示します。

ワイドスクリーンのツールウィンドウレイアウト

ワイドスクリーンディスプレイ用にツールウィンドウのレイアウトを最適化します。水平ツールウィンドウの幅を制限することで、垂直ツールウィンドウの高さを最大化します。詳細については、ワイドスクリーンモニター用に最適化を参照してください。

左側で横並びレイアウトを有効にする

左側の上端と下端に取り付けられたツールウィンドウを 2 列で表示します。詳細については、ワイドスクリーンモニター用に最適化を参照してください。

右側で横並びレイアウトを有効にする

右側の上下端に取り付けられたツールウィンドウを 2 列で表示します。詳細については、ワイドスクリーンモニター用に最適化を参照してください。

各ツールウィンドウのサイズを記憶する

ツールウィンドウを再度開いたり切り替えたりするときに、各ツールウィンドウの個々の幅を覚えておいてください。

このオプションを無効にすると、ツールウィンドウの既定の幅は統一され、ウィンドウを切り替えてもサイズは一定のままになります。

プレゼンテーションモード

項目

説明

ズーム

プレゼンテーションモードで IDE 全体を拡大または縮小します。

アンチエイリアス

オプション

説明

IDE

IDE に適用するアンチエイリアシングモードを選択します (メニュー、ツールウィンドウなどを含む)。

  • サブピクセル : このオプションは LCD ディスプレイに推奨されており、カラー LCD の各ピクセルが赤、緑、青のサブピクセルで構成されているという事実を利用しています。これにより、テキストを滑らかにしてより詳細にレンダリングすることができます。

  • グレースケール : このオプションは、非 LCD ディスプレイまたは垂直に配置されたディスプレイに推奨されます。ピクセルレベルのテキストを処理します。

  • アンチエイリアスなし : このオプションは、アンチエイリアス処理されていないフォントがより速くレンダリングされ、よりよく見える高解像度のディスプレイに使用できます。

エディター

どのアンチエイリアシングモードをエディターに適用するかを選択します。

  • サブピクセル : このオプションは LCD ディスプレイに推奨されており、カラー LCD の各ピクセルが赤、緑、青のサブピクセルで構成されているという事実を利用しています。これにより、テキストを滑らかにしてより詳細にレンダリングすることができます。

  • グレースケール : このオプションは、非 LCD ディスプレイまたは垂直に配置されたディスプレイに推奨されます。ピクセルレベルのテキストを処理します。

  • アンチエイリアスなし : このオプションは、アンチエイリアス処理されていないフォントがより速くレンダリングされ、よりよく見える高解像度のディスプレイに使用できます。

関連ページ:

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

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

色とフォント

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

カラースキームの切り替え

このセクションを使用して、PhpStorm エディターの配色を選択します。スキームワークスペースで使用する配色を選択してください。このボタンをクリックすると、次のコマンドが呼び出されます(選択したスキームに応じて)。複製: 現在選択されているカラー設定を新しいスキームとして保存します。新しいスキームを保存するにはを押し、操作をキャンセルするにはを押します。デフォルトの復元: 選択したカラースキームを PhpStorm に同梱されている初期デフォルトにリセットします。定義済みのカラースキームを...

アクセシビリティ

PhpStorm を使用すると、さまざまなユーザー補助機能を使用してニーズに合わせることができます。スクリーンリーダーを使用したり、フォントサイズ、色、特定の UI 要素の動作を調整して、PhpStorm で作業するプロセスを簡単にすることができます。スクリーンリーダーを設定する:PhpStorm は、Windows と macOS の両方でスクリーンリーダーを完全にサポートしています。スクリーンリーダーを有効にするお好みのスクリーンリーダーをダウンロードして有効にします。NVDA: PhpS...

メニューおよびツールバー

IDE を操作するとき、いくつかのアクションを他のアクションより頻繁に実行します。生産性を最大化するには、お気に入りのアクションのデフォルトのショートカットを学ぶか、それらにショートカットを割り当てます。メニューとツールバーをカスタマイズして、必要なアクションのみを含め、再グループ化し、アイコンを構成することもできます。メニューおよびツールバーをカスタマイズを押して設定を開き、を選択します。使用可能なメニューとツールバーのリストで、カスタマイズするノードを展開し、目的の項目を選択します。選択した...

背景画像

PhpStorm のエディターおよびすべてのツールウィンドウのカスタム背景として任意の画像を設定できます。プロジェクトを開いている場合、画像の構成が可能です。カスタム背景画像を構成する PhpStorm でプロジェクトを開きます。を押して設定を開き、を選択します。背景画像ボタンをクリックしてください。背景画像ダイアログで、背景として使用する画像を指定し、OK をクリックして変更を適用します。オプションの詳細については、「背景画像の設定」を参照してください。背景画像の設定:背景画像ダイアログには、次...