TailwindCSSを使用する方法

Web開発
Django
初級
DjangoでTailwindCSSを使用する方法を紹介します。 TailwindCSSをCDNから読み込むと、すべてのクラスが読み込まれるので、とても重くなってしまいます。 この方法を実行すると、軽量化したTailwindCSSを読み込むことができるようになります。 ぜひ参考にしてください。

学習内容

学習内容です。 ・Djangoプロジェクト作成 ・TailwindCSSでデザインする方法 ・npmコマンドでCSS軽量化する方法 ・軽量化CSSファイルを読み込む方法

機能

・DjangoでTailwindCSSの軽量化CSSファイルを出力

解説動画

YouTubeで解説をしています。
https://youtu.be/Piew13LGj_o

解説記事

ステップ

ステップ1
Web開発
Django
初級
はじめてのDjangoブログサイト
ステップ2
Web開発
Django
初級
はじめてのDjangoブログサイト(新機能追加編)
ステップ3
Web開発
Django
初級
ポートフォリオ構築
ステップ4
Web開発
Django
初級
カスタムユーザー構築
ステップ5
Web開発
Django
初級
書籍検索システム構築
ステップ6
Web開発
Django
中級
ECサイトシステム構築
ステップ7
Web開発
Django
中級
予約サイトシステム構築
ステップ8
Web開発
Django
中級
PostgreSQL、SendGrid、Cloudinary導入
ステップ9
Web開発
Django
初級
TailwindCSSを使用する方法