Ruby on Rails で Tailwind CSS をインストール

Ruby on Rails v7+ プロジェクトで Tailwind CSS をセットアップする。

まだプロジェクトをセットアップしていない場合は、新しい Rails プロジェクトを作成することから始めます。最も一般的な方法は、Rails コマンドラインを使用することです。

ターミナル

rails new my-project
cd my-project

`tailwindcss-ruby` gem と `tailwindcss-rails` gem をインストールし、インストールコマンドを実行して、プロジェクトに Tailwind CSS をセットアップします。

ターミナル

./bin/bundle add tailwindcss-ruby
./bin/bundle add tailwindcss-rails
./bin/rails tailwindcss:install

`./bin/dev` でビルドプロセスを実行します。

ターミナル

./bin/dev

Tailwind のユーティリティクラスを使用してコンテンツをスタイリングし始めます。

index.html.erb

<h1 class="text-3xl font-bold underline">
  Hello world!
</h1>