PyCharm 2026.1 Help

Django テンプレートのライブプレビュー

Django プラグインを有効化

この機能は、Django プラグインに依存しており、PyCharm にはデフォルトでバンドルされて有効になっています。 関連機能が利用できない場合は、プラグインが無効になっていないことを確認してください。

  1. Ctrl+Alt+S を押して設定を開き、 プラグイン​ を選択します。

  2. インストール済み タブを開き、 Django プラグインを見つけて、プラグイン名の横にあるチェックボックスを選択します。

PyCharm で Django テンプレートを編集中にプレビューできます。 エディターでテンプレートを開くと、プレビューが自動的に表示されます。

Django テンプレートをプレビューする

  1. エディターでテンプレートを開きます。 テンプレートが URL パターンに関連付けられている場合、プレビューは自動的に表示されます。

  2. エディターの右上隅にあるセレクターを使用して、プレビューモードを切り替えることができます。

    Django テンプレートのプレビュー

    次のいずれかのモードを選択します。

    • エディター - エディターのみを表示するには

    • Editor and Preview - エディターとプレビューを表示する

    • プレビュー - プレビューのみを表示するには

  3. 進む​​ および 戻る アクションを使用して、最近プレビューしたテンプレート間を移動できます。

    現在開いているテンプレートのプレビューを再読み込みするには、 再読み込み をクリックします。

    Django テンプレートのプレビューアクション
  4. urlpatterns で定義された URL によっては、テンプレートをプレビューするために URL パラメーターを指定する必要がある場合があります。

    Django テンプレートプレビューの URL パラメーターの指定
  5. アドレスバーには任意の URL を指定できます。 いずれかの URL パターンに一致すると、対応するテンプレートのプレビューが表示されます。

    その場合、 address:port 部分を除いた URL を指定します (たとえば、 http://localhost:8000/ を含めないでください)。

  6. テンプレートは複数の URL パターンに関連付けられている場合があります。 特定の URL に対してレンダリングされたテンプレートを表示するには、アドレスバーを展開し、目的のパターンを選択します。

    アドレスバーで URL を選択する
  7. JCEF 開発ツール ダイアログを開くには、 開発者ツールを開く開発者ツールを開く をクリックします。

    開発者ツールを開く

エディターを分割して水平方向にプレビュー

デフォルトでは、エディターとプレビューは垂直(並列)に分割されており、ワイドモニターに便利です。 また、水平方向に分割してプレビューをエディターの下部に表示することもでき、縦長ディスプレイの方が便利です。

  1. エディターの右上隅にある Open Editor Preview ボタン をクリックして、 エディタープレビュー ペインを開きます。

  2. Open Editor Preview ボタン をクリックして、エディターとプレビューを水平に分割します。

Django テンプレートの水平プレビュー
2026 年 6 月 1 日