Sign in
There are a total of 4 posts.
2026-01-26
daisyUIを活用してテーマ切替を簡単に行える色名とクラスパターンを一目で整理したチートシートです。primary、secondary、accentなどの意味ベースの色とbg-{COLOR}、text-{COLOR}などのクラス規則を表でまとめ、初心者やバックエンド／フルスタック開発者にも迅速なUI実装をサポートします。テーマ変更時にUI全体のトーンが自動的に反映される方法を確認できます。
2026-01-25
daisyUIが提供する35色パレット（テーマ）を活用し、色を直接指定せずトークンベースで一貫したUIを構築する方法を紹介します。data-theme1行で全アプリの色を変更し、セクション単位の適用やカスタムテーマ設定まで段階的に解説します。
Tailwind CSSのユーティリティクラスだけでは、繰り返し使われるUIパターンを作るのが面倒になることがあります。daisyUIはボタン・カード・モーダルなどをコンポーネントクラスとテーマシステムで提供し、HTMLを短くしデザインの一貫性を迅速に確保します。この記事では、daisyUIのインストール、使い方、テーマ切替、実際の例を解説します。
2025-12-04
DjangoプロジェクトでTailwind CSSを使用しながらDockerイメージを軽量化する方法を紹介します。Node.jsをビルド段階にのみ含め、最終ランタイムには純粋なPython環境だけを残すマルチステージビルド戦略を段階的に解説します。
