静的ファイルを配信する

静的ファイルとは、CSS ファイルなど、Web アプリケーションが特定の要求に対してそのまま返すコンテンツのことです。静的ファイルを配信するには、settings.py の INSTALLED_APPS リストに django.contrib.staticfiles が含まれている必要があります。これはデフォルトで含まれています。

Django で静的ファイルを配信するのは、特に本番環境にデプロイする場合、一種の技術です。ここで示すのは、Django 開発サーバーと Gunicorn のような本番サーバーの両方で機能するシンプルなアプローチです。ただし、静的ファイルの完全な扱いはこのチュートリアルの範囲外であるため、詳細については、Django ドキュメントの 静的ファイルの管理 を参照してください。

本番環境に切り替える際は、settings.py に移動し、DEBUG=False を設定し、ALLOWED_HOSTS = ['*'] を特定のホストを許可するように変更します。これにより、コンテナを使用する場合に追加の作業が必要になる場合があります。詳細については、Issue 13 を参照してください。

静的ファイル用のアプリを準備する

1. プロジェクトの web_project/urls.py に、次の import ステートメントを追加します。

   from django.contrib.staticfiles.urls import staticfiles_urlpatterns
   

2. 同じファイルで、最後に次の行を追加します。これにより、標準の静的ファイル URL がプロジェクトが認識するリストに含まれます。

   urlpatterns += staticfiles_urlpatterns()
   

テンプレート内の静的ファイルを参照する

1. hello フォルダーに static という名前のフォルダーを作成します。

2. static フォルダー内に、アプリ名と一致する hello というサブフォルダーを作成します。

   この追加のサブフォルダーの理由は、Django プロジェクトを本番サーバーにデプロイするときに、すべての静的ファイルを単一のフォルダーに収集し、それを専用の静的ファイルサーバーで提供するためです。static/hello サブフォルダーにより、アプリの静的ファイルが収集されたときに、アプリ固有のサブフォルダーに配置され、同じプロジェクト内の他のアプリからのファイルと衝突しないようになります。

3. static/hello フォルダーに、次の内容で site.css というファイルを作成します。このコードを入力した後、VS Code が CSS ファイルに提供する構文強調表示、および色プレビューも確認してください。

   .message {
       font-weight: 600;
       color: blue;
   }
   

4. templates/hello/hello_there.html の