「Tep3-onk-2」の版間の差分
提供: wikipokpok
(→new) |
(→new) |
||
| 10行目: | 10行目: | ||
% rails db:migrate | % rails db:migrate | ||
% rails server | % rails server | ||
| + | |||
| + | === daisyui === | ||
| + | tailwind css UIコンポーネント インストール | ||
| + | % yarn add daisyui | ||
| + | |||
| + | config/tailwind.config.js | ||
| + | <nowiki>plugins: [ | ||
| + | require('@tailwindcss/forms'), | ||
| + | require('@tailwindcss/aspect-ratio'), | ||
| + | require('@tailwindcss/typography'), | ||
| + | require('daisyui'), // ← 追記する | ||
| + | ],</nowiki> | ||
| + | |||
| + | app/views/layouts/application.html.erb | ||
| + | <html data-theme="light"> // テーマを選ぶ | ||
2022年9月17日 (土) 09:45時点における版
new
% rails new tep5 -d postgresql --css tailwind % cd tep5 % bundle install % rails db:create または % rails db:reset % rails db:migrate % rails server
daisyui
tailwind css UIコンポーネント インストール
% yarn add daisyui
config/tailwind.config.js
plugins: [
require('@tailwindcss/forms'),
require('@tailwindcss/aspect-ratio'),
require('@tailwindcss/typography'),
require('daisyui'), // ← 追記する
],
app/views/layouts/application.html.erb
<html data-theme="light"> // テーマを選ぶ
