Rails で CSS,JSを分離する意味って何ですか？

CSS JS を別ファイル(assets に設置）することにメリットってあるんでしょうか

パーシャルビューごとに中に

<% content_for :css do %>
#test_submit {
  ...
}
<% end %>

<form action=... id="test_form" ...>
  <input type="submit" id="test_submit">
</form>

<script>
$('#test_form').on('test_submit', () => {
...
});
</script>

のように HTML と関連するJS　CSSだけビュー内かいておけば render しただけで必要なものがよばれるし
必要なくなったら render だけを消せば表示も制御もデザインも不要なものは一切残らなくなります

CSS JS を application に分離すると部品を使うときやめるとき３つのファイルを修正する必要があり
またセレクタにIDやクラス等わかりやすい名前がついていればいいですが
親要素からのセレクタで記述してる場合記述してる場所もわかりにくくなります

またJSの中で erb 記述が使えることが大きく、
JS ではみせたくない内容を Rails 側で制御することができるのが非常に便利です
（権限によって制御をかえたり　言語によってメッセージをかえたり）

なにより関連性の高いものが１つのファイルに集約されるというのは
管理の上でもコーディングの上でも非常にメリットが大きいと思います

スクラッチでHTMLを書く場合にはCSS　JS　を分離することでHTMLをわかりやすくし、
保守性や可読性をや持つのは重要だと思いますが
フレームワークでHTMLを出力する場合HTML自体はｗ３ｃ規約さえ守られていれば直接読むことはほとんどなく
（開発ツールのポインタで該当箇所にとべれば十分）
view の可読性の方が重要な気がします

JS　CSS　を分離すること　と　１つの view にすべてかいてしまうのとで
自分が知らないメリット・デメリットがあれば教えていただきたいです

行動規範の内容に同意します

回答2件

JS　CSS　を分離すること　と　１つの view にすべてかいてしまうのとで

自分が知らないメリット・デメリットがあれば教えていただきたいです

Railsでは標準でTurbolinksという仕組みが入っていて、これは「JavaScriptでページ遷移を乗っ取って、ブラウザまるごとの書き換えを減らす」という仕掛けとなっている関係上、全ページで同じCSS/JavaScriptファイルを適用する必要があります。

Turbolinksを使わないのなら、ページごとに入れても構いません（ただし、本来<style>要素は<head>内あるいは<body>直下にしか置けないのは要注意です）。

投稿2018/12/21 02:26

maisumakun

総合スコア145183

退会済みユーザー

2018/12/21 02:48

>本来<style>要素は<head>内あるいは<body>直下にしか置けないのは要注意ですそうなのですね header から名前付き yield して content_for にいれる感じになるんでしょうか Turbolink はもともときっているのでデメリットはあまりない感じなのですね回答ありがとうございます

行動規範の内容に同意します