WebStorm 2026.1 ヘルプ

エンコード

ファイルを正しく表示および編集するには、WebStorm は使用するエンコーディングを認識する必要があります。ソースコードファイルは通常、UTF-8 でエンコードされます。他の要件がない限り、これが推奨されるエンコードです。

ファイルのエンコーディングを決定するために、WebStorm は次の手順を使用します。

  • バイトオーダーマーク (BOM) が存在する場合、WebStorm は他のすべての設定に関係なく、対応する Unicode エンコードを使用します。詳細については、バイト順マーク(英語)を参照してください。

  • ファイルがエンコーディングを明示的に宣言している場合、WebStorm は指定されたエンコーディングを使用します。例: これは XML または HTML ファイルに適用できます。明示的な宣言は他のすべての設定も上書きしますが、エディターで変更できます。

  • ファイルに BOM がなく、明示的なエンコーディング宣言がない場合、WebStorm は、ファイルエンコーディング設定でファイルまたはディレクトリに設定されたエンコーディングを使用します。ファイルまたはディレクトリにエンコーディングが設定されていない場合、WebStorm は親ディレクトリのエンコーディングを使用します。親ディレクトリのエンコーディングも設定されていない場合、WebStorm はプロジェクトのエンコーディングにフォールバックし、プロジェクトがない場合はグローバルエンコーディングにフォールバックします。

明示的なエンコーディングを含むファイルのエンコーディングを変更する

  1. エディターで目的のファイルを開きます。

  2. 明示的なエンコーディング情報を変更します。エラーハイライトを使用して間違ったエンコーディングを認識し、Ctrl+Space を押すと使用可能なエンコーディングのリストが表示されます。

    Explicit encoding

ファイルの表示に使用されるエンコーディングを変更する

WebStorm がファイル内の文字を正しく表示しない場合は、ファイルのエンコーディングを検出できなかった可能性があります。この場合、このファイルの表示と編集に使用する正しいエンコードを指定する必要があります。

  1. エディターでファイルを開きます。

  2. ステータスバーファイルエンコーディングウィジェットをクリックします。

    または、メインメニューからファイル | ファイルプロパティ | ファイルエンコーディングを選択します。

  3. 正しいエンコーディングを選択してください。

    Status bar encoding

    The triangle warning icon または The round error icon でマークされたエンコーディングは、ファイルの内容を変更する可能性があります。この場合、WebStorm は、ファイルの処理方法を選択できるダイアログを開きます。

    • 再ロード : ディスクからエディターにファイルをロードし、エンコードの変更をエディターのみに適用します。選択したエンコーディングに関連するコンテンツの変更が表示されますが、実際のファイルは変更されません。

    • 変換 : 選択したエンコーディングでファイルを上書きします。

これにより、ファイルの関連付けがファイルエンコーディング設定に追加されます。WebStorm は、指定されたエンコーディングを使用して、このファイルを表示および編集します。

プロパティファイルのデフォルトのエンコードを設定する

WebStorm は、プロパティファイルにシステムデフォルトのエンコーディングを適用します。他のエンコーディングを使用するには、エスケープシーケンスと Unicode として指定してください。または、プロジェクトレベルで .properties ファイルのデフォルトエンコーディングを定義し、定義したエンコーディングで .properties ファイルを読み込むことができる別の API を使用してください。

  1. 設定ダイアログ(Ctrl+Alt+S)で、エディター | ファイルエンコーディングを選択します。

  2. 以下のいずれか 1 つを実行します:

    • シンボルがエスケープシーケンスとしてプロパティファイルに保存されているが、通常の文字として表示される場合に特殊モードをオンにするには、オプションネイティブコードから ASCII コードへの自動変換を行うをオンにします。このオプションは、プロパティファイルが ISO 8859-1 でエンコードされている場合に役立ちます。エンコードを変更する特別な理由がない場合は、このアプローチを使用することをお勧めします。

    • プロパティファイルのデフォルトエンコードリストで、プロジェクト内のすべてのプロパティファイルに使用されるエンコーディングを選択します。

ファイルのエンコード設定を構成する

  • Ctrl+Alt+S を押して設定を開き、エディター | ファイルエンコーディングを選択します。

WebStorm はこれらの設定を使用して、エンコードを検出できなかったファイルを表示および編集し、新しいファイルには指定されたエンコードを使用します。詳細については、ファイルエンコーディングを参照してください。

コンソール出力エンコーディングを選択する

デフォルトでは、WebStorm はシステムエンコーディングを使用してコンソール出力を表示します。

  1. 設定ダイアログ(Ctrl+Alt+S)で、エディター | 一般 | コンソールを選択します。

  2. デフォルトエンコードリストからデフォルトのエンコーディングを選択します。

  3. 変更を適用するには、OK をクリックします。

コンソール出力設定の詳細については、「コンソール」を参照してください。

2026 年 3 月 26 日

関連ページ:

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

WebStorm でプロジェクトを開くと、デフォルトのユーザーインターフェースは次のようになります。プラグインのセットと構成設定によっては、IDE の外観と動作が異なる場合があります。ナビゲーションバー:フォーカス: 表示 / 非表示: ナビゲーションバーはプロジェクトビューの代わりとなるもので、プロジェクトの構造を確認したり、特定のファイルを開いたり、現在のファイル内の特定のコード要素に移動したりできます。メインウィンドウの下部にあるステータスバーにあります。ナビゲーションバーの位置は変更できま...

ツールウィンドウのスピード検索

スピード検索は、ツールウィンドウ内の項目をすばやく見つけるのに役立ちます。たとえば、プロジェクトツールウィンドウ () 内のファイルやフォルダー、構造ツールウィンドウ内のメンバー、コミットツールウィンドウ () 内の変更リスト、TODO リスト内の項目などです。ツールウィンドウ、ツリー、リスト、ポップアップを選択します。ファイル、クラス、フィールドの名前など、アイテム名の入力を開始します。入力すると、入力した文字を示すフィールドがツールウィンドウ上に表示され、選択範囲が指定した文字列に一致する最初...

プロパティファイル

プロパティファイルは .properties 拡張子を持つテキストファイルであり、UI でアクセスしてレンダリングできるキーと値のペアの形式でローカライズ文字列が含まれています。WebStorm は、これらのファイルをアイコンでマークします。WebStorm は XML 形式のプロパティファイルも認識します。これらのファイルにはアイコンが表示されます。同じベース名と言語固有の接尾辞を持ついくつかのプロパティファイルは、便宜上、リソースバンドルに組み合わせることができます。プロパティファイルを作成する...

ファイルエンコーディング

WebStorm は、これらの設定を使用して、エンコーディングを検出できなかったファイルを表示および編集し、指定されたエンコーディングを新しいファイルに使用します。WebStorm がファイルまたはディレクトリのエンコーディングを判別できない場合、設定されたプロジェクトエンコーディングにフォールバックします。プロジェクトが存在しない場合は、WebStorm はグローバルエンコーディングを使用します。ファイルまたはディレクトリのエンコーディングはプロジェクトエンコーディングよりも優先され、プロジェ...

コンソール

このページを使用して、WebStorm がコンソール出力を表示する方法を構成します。これらの設定により、行の折りたたみ、折り返し、トリミングが制御され、コンソール出力が読みやすく理解しやすくなります。コンソールで行の折り返しを使用するコンソール出力の長い行は単語境界で折り返します。コンソールコマンドヒストリーサイズコンソール履歴に含めて表示するコンソールコマンドの数を指定します。コンソールのサイクルバッファーサイズを上書き ({0} KB) コンソールバッファサイズが指定された値を超えると、古いメ...

日本語化

言語:WebStorm は英語で利用可能ですが、中国語、韓国語、日本語をサポートするバンドルされたプラグインも含まれています。オペレーティングシステムがサポートされている言語であり、WebStorm が別の言語である場合、揃えるための提案が表示されます。このタイプの通知を表示したくない場合は、非表示にすることができます。言語パックプラグインを有効にするこの機能は、WebStorm にデフォルトでバンドルされ有効になっている中国語、日本語、韓国語言語パックプラグインに依存しています。関連する機能...