タグ

SassとRailsに関するd_animal141のブックマーク (4)

  • sassc-railsでsassのコンパイルを高速化 - Qiita

    課題:sassのコンパイルが遅い Railsプロジェクトで、css(scss)を修正するたびにコンパイルが行われて非常に遅くて辛い思いをしていました。基的にはChromeのデベロッパーツール側で入力して試してから反映しているので、間違うことは基的にはないのですが、bootstrap-sassを使ったgridの幅の計算や、sassの計算を使うような処理の場合は試行錯誤するので困ります。 今では1回のコンパイルに25秒近くかかるようになっていました。 検討:sassc-railsを使いたい okayama-jsで発表するためにJS周りでのsassを調査しているときに、libsassの存在を知りました。これをrailsでも使えたらいいのではないか?と思い、調査してみたところ、sassc-railsというgemがあることがわかりました。これを使えないか調査してみました。 さらなる課題:com

    sassc-railsでsassのコンパイルを高速化 - Qiita
  • compass-railsが導入されたRailsにsassc-railsを導入する - Qiita

    0. 背景 一緒に開発をしているメンバーから開発時のロードが遅いという意見があり、特にデザイナーがscssを編集するときに時間がかかるという報告がありました。私はエンジニアですので、ほとんどscssを触る機会はないのですが、開発環境が遅いと、ユーザーに素早く価値を提供できないという判断もあり、開発環境の高速化の一環として、sassc-railsの導入を試みました。 sassc-railsは、sassのc++実装のgemであり、コンパイルがsass-railsよりも速いと言われているものです。前職の技術基盤の方に紹介してもらい、その他に有効な手立ても思い浮かばないことから、sassc-railsの導入に踏み切りました。 このRailsアプリケーションのディレクトリ構成としては、app/assets配下にscssやjsが置かれるという、一般的なRailsのディレクトリ構成です。(多分) 1.

    compass-railsが導入されたRailsにsassc-railsを導入する - Qiita
  • Ruby Sass is deprecated and will be unmaintained as of 26 March 2019. - Qiita

    Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.RubyRailsSass Ruby Sass is deprecated and will be unmaintained as of 26 March 2019. * If you use Sass as a command-line tool, we recommend using Dart Sass, the new primary implementation: https://sass-lang.com/install * If you use Sass as a plug-in for a Ruby web framework, we recommend using the sassc gem: https://github.com/sas

    Ruby Sass is deprecated and will be unmaintained as of 26 March 2019. - Qiita
  • SMACSSを試す - rono23

    Railsで小さなwebアプリを作り始めたけど、その際に、SMACSS(スマックス)を試して見ることに。 SMACSSを選んだのは、単にBEMはちょっと見た感じ好きになれなかったり、メリット・デメリットとか調べるのがめんどくさかったからです。 あと、「この手のやつは、サービスを中長期的に運用してみて、初めてその真価がわかるよー」的なことをお世話になっている方々から伺ったのも1つです。 ぐだぐだ言ってないで、さっさ動くもの作って、公開しろ、ハゲチャビン! 公開しねぇ奴に発言権ねぇから!おめーの席ねぇから!お゛め゛ぇ゛の゛席゛ね゛ぇ゛がら゛あ゛! SMACSSは、CSSの書き方を5つにカテゴライズしたスタイルガイドみたいなもんです。 SMACSSの5つのカテゴリー base : body, h1, aとか layout : .l-grid、. l-constrainedとかレイアウト関連。クラ

    d_animal141
    d_animal141 2014/02/10
    SMACSSを試す
  • 1