More than 1 year has passed since last update.

Ruby on RailsでJavaScriptのファイルを読み込む方法

Last updated at 2023-04-22Posted at 2023-04-21

・用意するファイル

・JavaScriptのファイル
・html.erbファイル

まずJavaScriptのファイルを`アプリ名/app/javascript`に置く。

そしてhtml.erbファイルのタグ内に
<%= javascript_include_tag '読み込みたいJSのファイル名' %>を入れる。

html.erb

<!DOCTYPE html>
<html>
#ここがJavaScriptを読み込むコード
<%= javascript_include_tag '読み込みたいJSのファイル名' %>
~~~~
</html>

これで読み込むことができる。

javascriptフォルダの中で任意のフォルダに入れたい場合は
<%= javascript_include_tag '任意のフォルダ名/読み込みたいJSのファイル名' %>
と書くことによってフォルダわけができる。

html.erb

<!DOCTYPE html>
<html>
#ここがJavaScriptを読み込むコード
<%= javascript_include_tag '任意のフォルダ名/読み込みたいJSのファイル名' %>
~~~~
</html>