1

railsで簡単なアプリを作ったのですが、javascriptが正常に読み込まれる場合とそうでない場合があることに気がつきました。初回読込では読まれなくて、再読み込みをすると、javascriptが読み込まれています。

$ rails sで現象を再現してログを読んでみると、あるページでは次のようになっていました。

Started GET "/customers/sign_up" for 127.0.0.1 at 2014-12-21 19:19:17 +0900
Processing by Customers::RegistrationsController#new as HTML
  Rate Load (0.2ms)  SELECT  "rates".* FROM "rates"   ORDER BY "rates"."id" ASC LIMIT 1
  CACHE (0.0ms)  SELECT  "rates".* FROM "rates"   ORDER BY "rates"."id" ASC LIMIT 1
  Rendered admin/_header.html.erb (3.3ms)
  Rendered customers/registrations/new.html.erb within layouts/application (9.2ms)
  Rendered layouts/_footer.html.erb (0.0ms)
Completed 200 OK in 442ms (Views: 440.3ms | ActiveRecord: 0.2ms)

以上のみですが、再読み込みをすると

Started GET "/customers/sign_up" for 127.0.0.1 at 2014-12-21 19:20:05 +0900
Processing by Customers::RegistrationsController#new as HTML
  Rate Load (0.1ms)  SELECT  "rates".* FROM "rates"   ORDER BY "rates"."id" ASC LIMIT 1
  CACHE (0.0ms)  SELECT  "rates".* FROM "rates"   ORDER BY "rates"."id" ASC LIMIT 1
  Rendered admin/_header.html.erb (1.5ms)
  Rendered customers/registrations/new.html.erb within layouts/application (8.5ms)
  Rendered layouts/_footer.html.erb (0.0ms)
Completed 200 OK in 403ms (Views: 401.2ms | ActiveRecord: 0.2ms)

Started GET "/assets/metronic/components.css?body=1" for 127.0.0.1 at 2014-12-21 19:20:06 +0900

Started GET "/assets/metronic/plugins.css?body=1" for 127.0.0.1 at 2014-12-21 19:20:06 +0900

Started GET "/assets/metronic/default.css?body=1" for 127.0.0.1 at 2014-12-21 19:20:06 +0900

以下、ログが続く

となっていて、/assets以下を読み込んでいます。 基本的には当たり前のように読み込まれると思っていたのですが、なぜこのような挙動になるか不明です。どなたかご教示いただけないでしょうか。

1
  • javascriptのタグを追加しました。
    – tomute
    Commented 2014年12月21日 11:06

1 件の回答 1

1

「初回読込み」の表現ですが、他のページからリンクを踏んで飛んできていると思って大丈夫ですか?(直接リンクをブラウザのアドレスバーに入れると CSS も読み込まれると思います)。

であれば、これは Rails の Turbolinks 機能だと思います。

詳しくは参考文献を読んでいただければと思いますが、高速化のために Rails 4 以降では Turbolinks という機能がデフォルトでオンになります。

この機能はリンクをクリックされた際に全ページを読み込むのではなく、body タグ内のものを入れ替える、ということを行うため、CSS や JavaScript を再度サーバに取りにいきません。

1
  • 1
    ご回答いただきありがとうございました。 結論から申し上げると、おっしゃるとおり Turbolinks 機能が原因でした。offにしたところ、期待する動作となりました。 jQueryの着火問題でTurbolinksはいろいろ調べて理解したつもりになっていたんですが、足下をすくわれてしまいました。。。 この度は本当にありがとうございました!
    – nashirox
    Commented 2014年12月21日 15:19

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

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