Rails require_treeを排除し、アセットパイプラインで、コントローラー固有のCSS、JavaScriptを組み込む
これで、jqueryとjquery_ujsとturbolinksの JavaScriptを全Viewに組み込む。これはまぁ良しとしよう。問題は最後の1行である。このrequire_tree . この命令は、app/assets/javascripts/ フォルダ配下にある全ファイルを対象とするよという意味を持つ。これはいくら何でも気持ち悪い。実際に試したことがないので、正確なところは把握していないが、プロジェクトで利用する自作のJavaScriptファイルを全部まとめちゃうということになるので、変数名がバッティングしたり、function名がバッティングしたり、ページロード時にやたらと多くのfunctionが実行されたりすることになるんじゃないだろうか？？ CSSの方についても、同じような不具合が考えられる。自分で記述したCSSですら、別ページで利用するものと内容がバッティングしていないか
Railsでcontrollerやview毎にCSSを分ける - 自作のソフト開発記録
自分用メモ。 画面固有のスタイルは個別のファイルに書くようになっているわけですが、そのままの設定だと結局どの画面からも全部のファイルが読み込まれてしまい、セレクタがかぶらないように気を遣わないといけません。これだったら同じファイルに書く方が管理しやすいですね。 そこで、コントローラ毎にCSSを分ける方法の登場です。 一つ目の方法はyieldにパラメータをつける方法。まずは自動で読み込まれないようにするためにapp/assets/styleshet/application.cssから以下の行を消してきます。 *= require_tree .そしてlayouts/application.html.erbで <%= yield :css %>と書いておいて、Viewで <% content_for :css do %> <%= stylesheet_link_tag controller.co
railsはどこでcssを指定するのか？ - QA@IT
平素よりQA＠ITをご利用いただき、誠にありがとうございます。 QA＠ITは「質問や回答を『共有』し『編集』していくことでベストなQAを蓄積できる、ITエンジニアのための問題解決コミュニティー」として約7年間運営をしてきました。これまでサービスを続けることができたのは、QA＠ITのコンセプトに共感をいただき、適切な質問や回答をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、エンジニアの情報入手方法の多様化やQAサービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年2月28日（金）15:00をもちましてQA＠ITのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知らせとなり、誠に心苦しく思っております。何とぞ、ご理解をいただけますと幸いです。 QA＠ITの7年間で皆さまの知識
川o・-・）＜2nd life - JavaScript や CSS の query に自動で最終更新時間をつける Rails Plugin
最近いろいろなサイトで <script src="/javascripts/foo.js?1142509269" type="text/javascript"></script>や <script src="/javascripts/bar.js?v=2.3" type="text/javascript"></script>の記述を見るようになってきました。また CSS でも <link href="/stylesheets/foo.css?1142509300" media="screen" rel="Stylesheet" type="text/css" />といった記述もちらほら見かけます。 これは JavaScript や CSS を更新しても、ブラウザキャッシュが読み込まれているため、更新された JS ファイルなどがロードされない場合への対策です。上記のような最終更新時刻やバージ
Asset PipelineでController毎のJavaScriptを出力 - 仙台 Ruby Vim JavaScript フリーランスプログラマ
Rails 3.1以降。 コントローラーを生成すると、app/assets/javascripts/controller_name.js.cofeeが生成されているけど、標準だと、production環境では、どのコントローラーのviewを表示しているかに関係なく、これが全部まとめられてapplication.jsになって出力されている。 development環境の場合も、application.jsにまとめられていないだけで、全ファイルが出力されてる。 下記をfalseにすれば、development環境でもapplication.jsにまとめられて出力される挙動を見られる。 #config/development.rb config.assets.debug = true The Asset Pipeline — Ruby on Rails Guidesを読んでみました。 下記２箇所
RailsでCompass, zurui-design, Sassy-Buttons, Bootsrapを使う！ - 酒と泪とRubyとRailsと
RailsでCompass, Zurui-design, Sassy-Buttons, Bootsrapを使う！ Feb 8th, 2013 Tweet Railsはライブラリのsprocketsのお陰で、LESS/SCSS/SASSが混在していてもよしなにCSSに変換してくれるそうです。ということで、Rails + Bootstrap環境に今まで気になっていたCompass, Zurui-design, Sassy-Buttonsを導入してみました！ Compassとは？ Sassをさらに強化してくれる便利なmixin群、スプライト自動作成、プロジェクトごとに設定ファイルを適用などがセットになったフレームワークです。 CompassについてはCSSの常識が変わる！「Compass」、基礎から応用まで！ | 株式会社LIGにすごく丁寧な説明があります。 また、英語ですがCompassの
twitter bootstrap railsを使ったら職が見つかり彼女も出来て背も3センチ伸びました。 - ppworks.jp
twitter bootstrapを更に便利に使うgemがtwitter bootstrap railsです。 railsアプリを作りましょう。 rvmでgem set作ります。 rvm --create 1.9.3-p125@tbrsample railsアプリ生成します。 gem install rails --no-ri --no-rdoc rails new tbrsample gemを指定しましょう。 Gemfileのgroup :assetsに追加します。 cd tbrsample vim Gemfile gem "twitter-bootstrap-rails" どん bundle install --without=production bootstrapをgenerateしましょう。 必要なjsやcssをapp/assets配下に配置します。 rails g bootst
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
