Tailwind CSSをRailsで利用する手順を記載します。 stylesheet_pack_tagへの変更 stylesheet_link_tagをstylesheet_pack_tagに変更します。 下記のようにapplication.cssを追加しapplication.jsから参照します。 app/javascript: ├── packs: │ └── application.js ...

Rails 7 + Tailwind CSS を Docker で動かそうとしたとき、 docker compose up で Web コンテナがエラー終了。 ログにはこの一文。 npx: not found Tailwind のコンパイルプロセス（bin/dev 内部）で npx tailwindcss を呼び出しているけれど、 コンテナ内に npx が存在しない状態になって ...

本章では、開発環境にTailwindをインストールする方法に加えて、設定ファイルの記述方法や、エディタの設定などについて説明します。執筆時点でのTailwindの最新バージョンである、3. 2.4の使用を前提にします。 Tailwind CSSのインストール Tailwindは、さまざま ...

CSSフレームワークのTailwind CSSが注目を集めています。その特徴は、flex、pt-4、text-centerといったユーティリティクラスの組み合わせだけで、ほとんどすべてのスタイリングをしてしまおうという大胆なアプローチです。これまでのベストプラクティスと真っ向 ...

A production-ready Ruby on Rails 8 starter template with Kamal deployment configuration. This template includes modern Rails defaults with Hotwire, Tailwind CSS, and everything needed to deploy to any ...

最近はこれまで以上にユーティリティクラスを使用したTailwind CSSの需要が高まっている気がします。さまざまなフレームワークやライブラリ、AIツールにも使用されており、ますます人気が高まっています。 2025年現在、最新のTailwind CSS v4.1をサポートした ...