新しい UI
新しいユーザーインターフェース (UI) は、PhpStorm の外観を新しく再設計したものです。これは、視覚的な複雑さを軽減し、重要な機能に簡単にアクセスできるようにし、必要に応じて複雑な機能を段階的に公開することを目的として作成されており、その結果、見た目も操作性もすっきりします。
主な変更点には、簡素化されたメインツールバー、新しいツールウィンドウレイアウト、新しいテーマ、更新されたアイコンがあります。
新しい UI を有効にする
Ctrl+Alt+S を押して設定を開き、
を選択します。新しい UI の有効化チェックボックスを選択し、変更を適用します。IDE を再起動します。
主な変更点
テーマ、アイコン、フォント
新しいライト、ダーク、ライトヘッダー付きライト カラーテーマは、コントラストと一貫したカラーパレットを改善しました。
Inter フォントは、サポートされているすべての OS の UI に使用されます。
新しいアイコンセットには、読みやすさと視覚的なバランスを考慮して設計された、より識別しやすい形と色があります。
ウィンドウヘッダー
ウィンドウヘッダーのツールバーには、いくつかのウィジェットが配置されています。左から右へ:
メインメニュー (Windows および Linux のみ)
メインメニューがハンバーガーアイコンに隠れるようになりました。メニューカテゴリにアクセスするには、アイコンをクリックするか、Alt+\ を押します。要素は他のヘッダーウィジェットの上に水平に表示されます。
メインメニューを別のツールバーとして表示できます。メインメニューを別のツールバーに表示するオプションを有効にします。あるいは、 に移動してメインメニューを別のツールバーに表示を有効にします。
に移動し、プロジェクトウィジェット
ウィジェットには現在のプロジェクトの名前が表示され、最近のプロジェクトを切り替えたり、新しいプロジェクトを作成したり、既存のプロジェクトを開いたりすることができます。
VCS ウィジェット
ウィジェットは現在のブランチを表示し、ブランチを切り替えることができ、プロジェクトの更新、変更のコミットおよびプッシュなどの最も人気のある VCS アクションを提供します。
これは、以前はメインウィンドウの下部にあるステータスバーにあったブランチウィジェットと、以前は右上隅のナビゲーションバーにあった VCS アクションアイコンに取って代わりました。
実行ウィジェット
ウィジェットを使用すると、実行 / デバッグ構成を開始し、実行する他の構成を選択し、現在の構成のモード (実行またはデバッグ) を変更できます。このウィジェットを使用して、構成を編集、固定、削除できます。
プロセスの実行中に、ウィジェットを使用してプロセスを再起動または停止できます。
メインツールバーからより多くの機能に直接アクセスできる一方で、新しいウィンドウヘッダーウィジェットはドロップダウンメニューのアクションを非表示にしてレイアウトを簡素化します。
ツールウィンドウ
ツールウィンドウには新しいレイアウトと動作があります。
ツールウィンドウバーには大きなアイコンがあり、視覚的なナビゲーションが簡単になり、見た目もすっきりします。コンパクトモードでは、小さいアイコンを選択できます。ツールウィンドウ名を表示するには、アイコンの上にマウスポインターを置くとツールヒントが表示されます。
左右のバーの上部にあるツールウィンドウアイコンは、IDE ウィンドウの左右に垂直のツールウィンドウを開きます。
バーの下部にあるアイコンは、IDE ウィンドウの下部にある水平ツールウィンドウを開きます。
垂直分割と水平分割を使用してツールウィンドウを配置します。ツールウィンドウアイコンをサイドバーに沿ってドラッグし、垂直分割の場合はセパレータに、水平分割の場合は別のサイドバーにドロップします。
他のツールウィンドウボタンは、どのツールウィンドウストライプにもまだ存在しないツールウィンドウを表示します。ツールウィンドウが選択されると、それが開かれ、そのボタンがこのツールウィンドウのデフォルトのストライプに表示されます。
エディタータブ
タブは読みやすくするために、より多くのスペースと大きなフォントを使用します。
複数のエディタータブの操作がより便利になりました。タブが画面に収まらない場合は、スクロールバーを使用するか、タブをすべて画面に収まるように絞るか、タブを行に配置するかを選択できます。 に移動し、必要なオプションを選択します。
ガター
水平方向のスペースを節約するために、デフォルトでブレークポイントが行番号の上に配置されるようになりました。
行番号の近くにブレークポイントを配置できます。Ctrl+Shift+A を押し、行番号の上にブレークポイントと入力して、オプションを無効にします。
折りたたみアイコンが更新されました。展開された領域のアイコンはホバー時に表示され、見た目がすっきりします。
折りたたみアイコンを常に表示するように IDE を構成できます。コードの折りたたみの矢印を表示するの隣にある常時を選択します。
に移動し、アノテーション (Git Blame) には、最近の変更をより早く確認できるように更新されたカラーパレットが含まれています。
デバッグツールウィンドウ
メインのデバッグアクションを含む 2 つの個別のツールバーが合理化され、ツールウィンドウタブの近くにある 1 つのツールバーに移動され、画面スペースの管理が改善されました。
スレッドと変数ビューとコンソールを切り替えるためのタブは、実行中の構成が 1 つの場合にツールウィンドウのタブにも表示されるようになりました。
実行ツールウィンドウ
実行アクションを含むツールバーも、デバッグツールウィンドウとの一貫性のためにツールウィンドウのタブに移動されました。
ナビゲーションバー
ナビゲーションバーは、メインウィンドウの下部にあるステータスバーに配置されました。
以前の場所を希望する場合は、上部に戻すか、完全にオフにすることもできます。これを行うには、メインメニューに移動して
を選択します。コンパクトモード
小さい画面で作業する場合は、コンパクトモードを有効にできます。このモードでは、IDE のツールバーとツールウィンドウヘッダーの高さが縮小され、スペースとパディングが縮小され、アイコンとボタンが縮小されます。
コンパクトモードを有効にする
メインメニューで、
に移動します。Ctrl+Alt+S を押して IDE 設定を開き、コンパクトモードオプションを有効にします。
を選択して、
関連ページ:
ユーザーインターフェースのテーマ
インターフェーステーマは、ウィンドウ、ダイアログ、ボタン、ユーザーインターフェースのすべての視覚要素の外観を定義します。デフォルトでは、最初の実行時に変更しない限り、PhpStorm はクラシック UI では Darcula テーマを使用し、新しい UI ではダークテーマを使用します。UI テーマを変更する設定ダイアログで、外観 & 振る舞い | 外観を選択します。テーマリストから UI テーマを選択します。ダーク: PhpStorm デフォルトのダークテーマ、ライト: PhpStorm デフォル...
バージョン管理
PHP 開発環境 PhpStorm の使い方や高等テクニック満載の JetBrains 日本語公式ヘルプ。最新の英語版ヘルプ内容が随時反映されます。
実行 / デバッグ構成
PhpStorm は、実行 / デバッグ構成を使用して、コードを実行、デバッグ、テストします。各構成は、何を実行し、どのパラメーターと環境を使用するかを定義する、名前付きのスタートアッププロパティのセットです。実行 / デバッグ構成には 2 つのタイプがあります。一時的 — コンテキストメニューからを選択するたびに作成されます。コンテキストメニューを呼び出すには、オブジェクトまたは領域を右クリックします。永続的 — テンプレートから明示的に作成されるか、一時的な構成を保存することによって作成されま...
メニューおよびツールバー
IDE を操作するとき、いくつかのアクションを他のアクションより頻繁に実行します。生産性を最大化するには、お気に入りのアクションのデフォルトのショートカットを学ぶか、それらにショートカットを割り当てます。メニューとツールバーをカスタマイズして、必要なアクションのみを含め、再グループ化し、アイコンを構成することもできます。メニューおよびツールバーをカスタマイズを押して設定を開き、を選択します。使用可能なメニューとツールバーのリストで、カスタマイズするノードを展開し、目的の項目を選択します。をクリッ...
エディターの基本
PhpStorm エディターは、コードの作成、読み取り、変更に使用する IDE の主要部分です。エディターは次の領域で構成されています。スクロールバーは現在のファイルのエラーと警告を表示します。パンくずリストは、現在のファイルのコード内を移動できます。ガターには、行番号、アノテーション、コンテキスト依存のアクションアイコンが表示されます。タブには、現在開いているファイルの名前が表示されます。ナビゲーション:さまざまなショートカットを使用して、エディターウィンドウとさまざまなツールウィンドウを切...
ユーザーインターフェース
PhpStorm でプロジェクトを開くと、デフォルトのユーザーインターフェースは次のようになります。ナビゲーションバー、プロジェクトツールウィンドウ、エディター、ポップアップメニュー、コンテキストメニュー、ステータスバー、実行ツールウィンドウ、プラグインのセットと構成設定によっては、IDE の外観と動作が異なる場合があります。ナビゲーションバー:フォーカス: 表示 / 非表示: ナビゲーションバーはプロジェクトビューの代わりとなるもので、プロジェクトの構造を確認したり、特定のファイルを開いたり、現...