1

Ruby on Railsでcooffeeスクリプトをいくつか書くと、それらはアセットパイプラインで一つのスクリプトにまとめられて、javascript_include_tagを仕込んでおけばOKとなると思うんですが、 そこそこややこしい事やってるからcoffeescriptで書きたい、だけど量は多くない、だからスクリプトを読み込むリクエストがもったいない事になっている、という状況のとき、 コンパイルしたjavascriptを直接HTMLに埋め込む事って出来るんでしょうか? もしそれができるのならcssでも同じことが出来るんですかね?

まあ遅延読み込み使えとか、javascriptくらい手書きしろ、っていうのはあると思うんですが、 もしかしてjavascript埋めこもうとしたらjQueryで大変な事になるとかもありますかね?

--追記

話がややこしくなりそうなので、jQueryもひっくるめて埋める、ということにしたいと思います。 coffeescriptのコンパイル結果がjQueryを使わないようにする等の話はまたの機会にするとして、ここではコンパイル済みのjavascriptを<script type="text/javascript">として埋め込めるかの話に限定させて下さい。

2 件の回答 2

8

View 側でコンパイルされたJSを埋め込むことで実現可能です。Railsのプリコンパイルの仕組みに乗っているので、Javascript/CoffeeScript いずれの場合でもそのまま動きますし、require すれば jQuery も埋め込めます。

<script type="text/javascript">
  <%= raw Rails.application.assets["moemoe.js"].to_s %>
</script>

以下の点にご注意ください。

  • config/application.rb で、"moemoe.js" をコンパイル対象に指定する必要がある: config.assets.precompile << "moemoe.js"
  • application.js 側で、require_tree を無効にしておかないと二重に読み込まれる
1
  • rawを知りませんでした。そしてRails.application.assets["moemoe.js"].to_sこういう書き方ができるんですね。このへんちょっと勉強してみようと思います。ありがとうございました。 Commented 2014年12月27日 2:59
3

いまでも動くかわからないですが CoffeeBeans っていうのが Rails 3.1 時代にあったみたいです。 ソースを見ると、複雑なことはしていないので、 仮に最新のRubyで動かなくても、比較的容易に修正&移植できるように感じました。

CoffeeBeans を使うと

<%= coffee_script_tag do %>
  alert 'coffee script is awesome!'
<% end %>

こんな風に書けるらしいです。


追記: 仕組み解説

<%= coffee_script_tag do %> ってのはただの View のメソッド呼び出しです。 メソッドを呼び出してその戻り値の文字列で、 <% end %> までを置き換えてくれます。

で、このメソッドですが ココ で定義されています。 あとは普通にタグ間の文字列を capture(&block) して、 CoffeeScript として JS へコンパイルしていますね。 なお coffee_script_tag メソッドが View に生えているのは、 ココでinclude しているから、となります。

コンパイルが実行されるタイミングとしては、 このタグが書かれたテンプレートがHTMLとしてレンダリングされる時です。 つまりリクエストがあるたびに毎回 CoffeeScript をコンパイルすることになるので、 普通に assets としてコンパイルする場合よりも、 当然遅くなる(サーバの負荷は上がる)でしょう。

個人的には、普通に assets とするほうが良いとは思いますが、参考まで。

3
  • あーこれ便利そうですね。 ただこれの仕組みが理解できないところが本件のそもそもかもしれません。 <%= coffee_script_tag do %> alert 'coffee script is awesome!' <% end %> こういう風に書いたときに、doとendの間をどのソースがどのタイミングで書き換えているんでしょうか? (話が脱線しすぎるようなら別途質問しなおします。) Commented 2014年12月26日 15:32
  • @IchiroHari 解説を追加しました。
    – KoRoN
    Commented 2014年12月26日 16:21
  • あー「ただの View のメソッド呼び出し」なんですね。 あとはコンパイルのタイミングはうっかり忘れてしまいそうですね。 こちらもmost helpfulにしたい気分なんですが、ごめんなさい。 ありがとうございました。 Commented 2014年12月27日 2:57

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。