Python
 Computer >> コンピューター >  >> プログラミング >> Python

DjangoプロジェクトにDebug Toolbar（デバッグツールバー）を導入する方法

Django Debug Toolbarは、データベースクエリの確認やWebサイトの読み込み速度の計測など、さまざまなデバッグ作業に活用できる強力なツールです。開発者の間で非常に人気が高く、多くのプロジェクトで採用されています。この記事では、その具体的な導入手順をステップごとに解説します。

実装例

まず、「myapp」という名前のアプリを作成しておきましょう。

1. django-debug-toolbarのインストール

最初に、django-debug-toolbarをインストールします。

pip install django-debug-toolbar

2. INSTALLED_APPSへの追加

次に、settings.pyのINSTALLED_APPSに「debug_toolbar」を追加します。

INSTALLED_APPS = [
    # ...
    'debug_toolbar',
    'myapp'
]

これにより、デバッグツールバーがアプリとしてプロジェクトに登録されます。

3. ミドルウェアの設定

続いて、MIDDLEWAREに以下を追加します。

MIDDLEWARE = [
    # ...
    'debug_toolbar.middleware.DebugToolbarMiddleware',
    # ...
]

この設定により、データベースへのアクセス情報を取得できるようになります。

4. URLの設定

プロジェクトのメインディレクトリにあるurls.pyに、デバッグツールバー用のURLを追加します。

import debug_toolbar
from django.conf import settings
from django.urls import include, path

urlpatterns = [
    ...
    path('__debug__/', include(debug_toolbar.urls)),
    path('', include('myapp.urls'))
]

このURL設定により、デバッグレポートの表示場所や、デバッグツールバーをホストする場所が定義されます。

5. INTERNAL_IPSの設定

settings.pyに新しい変数INTERNAL_IPSを追加し、localhostを指定します。

INTERNAL_IPS = [
    # ...
    '127.0.0.1',
    # ...
]

この変数によって、どのURLに対してデバッグを実行し、どこにデバッグ情報を表示するかが決定されます。

6. ビューの作成

次に、アプリのviews.pyに以下のコードを追加します。

from django.shortcuts import render

# Create your views here.
def home(request):
    return render(request,"home.html")

これにより、フロントエンドのテンプレートファイルがレンダリングされます。

7. アプリ側のURL設定

アプリのurls.pyに以下を追加します。

from django.urls import path
from . import views

urlpatterns = [
    path('',views.home,name="home" ),
]

これでメインビューが正しく呼び出されるようになります。

8. テンプレートの作成

次に、アプリディレクトリ内に「templates」というフォルダを作成し、その中にhome.htmlを配置します。home.htmlには、以下のシンプルなコードを記述します。

<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>
        <h1>success</h1>
    </body>
</html>

これは単純なメッセージを画面に表示するだけの最小構成のテンプレートです。

出力結果

すべての設定が完了すると、どのURLエンドポイントにアクセスしても、画面の右側にデバッグツールバーが表示されるようになります。

DjangoプロジェクトにDebug Toolbar（デバッグツールバー）を導入する方法

  1. Windowsデスクトップにサイドバーを追加する方法【Windows 10/11対応】

    Windowsサイドバーとは、デスクトップの右側に表示されていたグラフィカルなUI要素で、Windows Vistaに搭載されていた機能です。「ガジェット」と呼ばれるミニアプリを配置するためのコンテナとして機能していました。 Microsoftはその後のバージョンのWindowsでサイドバーを廃止しましたが、少し工夫と回避策を組み合わせれば、簡単に復活させることができます。この記事では、Windowsにサイドバーを追加する具体的な方法を詳しく解説します。それでは早速見ていきましょう。 Windowsデスクトップにサイドバーを追加する方法 Microsoftが公式にサイドバーを廃止したため、現在

  2. Windows 10のタスクバーにツールバーを追加・作成する方法

    Windows 10のタスクバーは、主にアプリケーションの起動や切り替えに使われていますが、実は自分専用のツールバーを追加することもできます。ツールバーを活用すれば、PC内の任意のフォルダの中身にワンクリックでアクセス可能になります。特定のフォルダ内のファイルを頻繁に開くという方は、タスクバーにツールバーを追加しておくと、目的のファイルまでたどり着くまでのクリック数を大幅に減らせます。 標準で用意されている3種類のツールバー ツールバーを作成するには、タスクバー上で右クリックし、表示されたメニューから「ツールバー」にマウスカーソルを合わせます。ここには、クリック1つで追加できる3つのデフォル