timonweb/django-tailwind

これは何？

主な機能

• 01Djangoプロジェクト内に、すぐ使えるTailwindアプリを生成します。
• 02スタンドアロンバイナリモードではNode.jsなしで動作します。
• 03CSS、Tailwindの設定、Djangoテンプレートのホットリロードに対応します。
• 041つのコマンドでDjangoとTailwindの開発サーバーを起動します。
• 05ビルド済みコンポーネントを利用できるDaisyUI連携機能を任意で追加できます。
• 06Tailwindプラグインをインストールする管理コマンドを備えています。

ユースケース

• JavaScriptのビルド環境を用意せずに、既存のDjangoサイトへTailwind CSSのスタイルを追加する。
• ユーティリティクラスとライブリロードを使って、Djangoテンプレートのプロトタイプを作成する。
• Node.jsを利用できない、または利用したくないマシンでDjangoプロジェクトを構築する。

クイックスタート

1. 1

   推奨 extras を含めて django-tailwind をインストールする

   pip install 'django-tailwind[cookiecutter,honcho,reload]'
2. 2

   settings.py の INSTALLED_APPS に「tailwind」を追加する

3. 3

   Tailwind アプリを作成する

   python manage.py tailwind init
4. 4

   Tailwind CSS の依存関係をインストールする

   python manage.py tailwind install

使う前に知っておきたいこと

• !Python 3.11 以降と Django 5.2 以降が必要です。
• !npm を使ったインストールモードには Node.js 22 以降が必要です。

トピック

よくある質問

django-tailwind とは？

Node.js不要のスタンドアロンバイナリモードを備えた、DjangoプロジェクトにTailwind CSSを統合するアプリ。 django-tailwindを使うと、DjangoプロジェクトにTailwind CSSを導入できます。`tailwind init`コマンドで、Tailwindの設定ファイルとCSSファイルを含む新しいDjangoアプリ（デフォルト名はtheme）を生成し、`tailwind install`と`tailwind dev`コマンドで依存関係のインストールや開発を行います。

django-tailwind は無料で使えますか？ライセンスは？

django-tailwind は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

django-tailwind は今もメンテナンスされていますか？

活発にメンテナンス中。django-tailwind の最終コミットは 2026年10月15日 です。

django-tailwind は何に使えますか？

JavaScriptのビルド環境を用意せずに、既存のDjangoサイトへTailwind CSSのスタイルを追加する。 ユーティリティクラスとライブリロードを使って、Djangoテンプレートのプロトタイプを作成する。 Node.jsを利用できない、または利用したくないマシンでDjangoプロジェクトを構築する。

django-tailwind のインストール方法は？

推奨 extras を含めて django-tailwind をインストールする: pip install 'django-tailwind[cookiecutter,honcho,reload]' settings.py の INSTALLED_APPS に「tailwind」を追加する Tailwind アプリを作成する: python manage.py tailwind init Tailwind CSS の依存関係をインストールする: python manage.py tailwind install

django-tailwind はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/timonweb/django-tailwind