
? ??? ? ???? ?? ??? ?? ????? ???? Tailwind ?????? ??? ?? CSS ?????? ???????.
? Rails ?????? ???
-
rails serve
?? ?? time
? ?? ??? ? ??? ???? ? ?????. ?? ???? 47?? ?????.
<code>$ rails -v
Rails 8.0.0
$ time rails new classless-css-tailwind
...
real 0m47.500s
user 0m33.052s
sys 0m4.249s</code>
Rails 8? "No Build" ??? ?? ????? Propshaft? ??? ????? ?????? ???? Importmap? JavaScript ?????? ?????. Importmap? JavaScript ??? ???? ????.
VSCode ?? ???? ???? ???? ????? ???
<code>$ rails -v
Rails 8.0.0
$ time rails new classless-css-tailwind
...
real 0m47.500s
user 0m33.052s
sys 0m4.249s</code>
Rails ?? ???? ?? app/views/layouts/application.html.erb
??…
- CoC(Convention Over Configuration) ??? ?? Rails? `application.html.erb`? ?? ?????? ???? ?? ???? ??????.
- Rails 8? ?? ?? ??? ??? ????? ???? ???.
<code>$ cd classless-css-tailwind && code .</code>
-
<head>
???? ??? ??? ? ??? ??? ?? ??? ?? ??? ???? ????. <head>
??? ??(JavaScript ??), ??(CSS ??), ?? ??? ? ????? ??, CSRF ? CSP ??? ?? ?? ??? ???? ? ??? ?? ?????? ??? ???? ???? ? ?????.
???? ?? ???? ERB ??? ?? - ??? ??????. ? ??? Rails?? ???? ???? ?? ???? ???? ?? ?? ?? ??? ???.
<body>
????? pages
, html_test_1
, html_test_2
? html_test_3
??html_test_4
? ???? ??? ???? ?????.
??…
``??
$ ??? g ???? ??? html_test_1 html_test_2 html_test_3 html_test_4
app/controllers/pages_controller.rb ??
??? "pages/html_test_1"? ????.
"pages/html_test_2"? ????
"pages/html_test_3"? ????
"pages/html_test_4"? ????
???
?/?/??? ??
app/views/pages/html_test_1.html.erb ??
app/views/pages/html_test_2.html.erb ??
app/views/pages/html_test_3.html.erb ??
app/views/pages/html_test_4.html.erb ??
??? ??
app/helpers/pages_helper.rb ??
````
????? ??? ??? ? ??? ????? ??? ??? ?? ??? ?? ???? ? ????. -
-
localhost:3000/pages/html_test_1
-
localhost:3000/pages/html_test_2
-
localhost:3000/pages/html_test_3
-
localhost:3000/pages/html_test_4
VSCode? ???? ?? ??config/routes.rb
?? ?? ?? ?? ???? ??? ??? ??? ??? - ???? ?
pages
???? ?????. ??? ?? ????? ???? ???? ? ???? ? ?? ???? html_test_1
????? pages
???? ???. ??? ??? Rails? ?? ???? ?????. html_test_1
<title></title><meta content="width=device-width,initial-scale=1" name="viewport"></meta><meta content="yes" name="apple-mobile-web-app-capable"></meta><meta content="yes" name="mobile-web-app-capable"></meta><link href="/icon.png" rel="icon" type="image/png"></link><link href="/icon.svg" rel="icon" type="image/svg+xml"></link><link href="/icon.png" rel="apple-touch-icon"></link>
???? ?? ? - ????? ???? ??? ??? ?? ?? ??? ??? ? ????.??? ???
rails g controller pages html_test_1 html_test_2 html_test_3 html_test_4 --skip-routes
? ???.
Rails ?? ??
??…
???? ???? ????(`-c` ??)? ???? ??? ??? ? ????(?: `pages` ????).
<code>$ rails -v
Rails 8.0.0
$ time rails new classless-css-tailwind
...
real 0m47.500s
user 0m33.052s
sys 0m4.249s</code>
?? ?? ??? ???? ?? ??? ??? ? ????.
<code>$ cd classless-css-tailwind && code .</code>
- ??
http://127.0.0.1:3000/rails/info/routes
? ???? ????? ?? ??? ???? ?? ????. ???? ???? bin/dev
?? ?? rails server
? ???? ?? ??? ???? ?? ?? ???. ?? ??? JavaScript ?? ? CSS ??? ?? ??? "??"?? ????? ???? ? ??? ??? ?????.
- ??? ??? ?? ??? ?? ???? ?????? ??? Rails Live Reload? ?? gem? ???? ???.
CSS ???? ????? ?? HTML ???? ??? 4?? ???? ?????.
Ruby on Rails? ????? MVC(Model-View-Controller) ????? ???? ???? ??? ?????. ???? ??? ?? ??? ???? ????.
- ???/???? ?? ? ???? ??? ???
app/models
??? ???? ???.
?? ?? ??(HTML, JSON, XML ?)? - ??? ????.
app/views
?? ????? ??? ??? ?? - ? ????.
app/controllers
??? ?? ??
html_test_1
??…
- https://github.com/dbohdan/classless-css/blob/master/screenshot-page.html ??? ???? `` ??? ?? ??? ?????. ??, ??? ??
<code>$ rails -v
Rails 8.0.0
$ time rails new classless-css-tailwind
...
real 0m47.500s
user 0m33.052s
sys 0m4.249s</code>
??? ?? ??
html_test_2
??…
- https://gist.github.com/tomaitland/5865229 ??? ???? ??? ?? `` ?? ?? ?? ??? ?????.
html_test_3
??...
https://github.com/cbracco/html5-test-page/blob/master/index.html ??? ???? `
?? ?? ???? ?????. ` ??(??? `` ??? ??)
? ??? Tailwind? ??? ?? CSS ?????? ???? ?? Ruby on Rails ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!