(Google+)21この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。はじめに前回のこれからはじめるGulp(8):delモジュールとvinyl-pathsモジュールを使ったファイルの削除でタスクの同期とディレクトリ・ファイルの削除について勉強しました。今回はgulp-sassからRuby版のSassが使えるgulp-ruby-sassに乗り換えてみます。gulp-sassとgulp-ruby-sassの違いgulp-sassはnode-sassのwrapperでruby版のSassがなくても動作しコンパイルも早いようです。.sassだとコンパイルに問題もあるとか(回避策はある)。gulp-ruby-sassはRuby版のSassを使うのでコンパイルがやや遅いという点はありますが安心して利用できます。nodebrewでGulp環境を作ってみるで紹介した通りRuby環境とGemのインストールが必要です。gulp-sassで.sassファイルを使うときの注意点Sassプラグインの入れ替えインストール済みのgulp-sassをアンインストールしてgulp-ruby-sassをインストールします。gulp-util@2.2.20)gulp-ruby-sassのオプション指定require('gulp-sass')をrequire('gulp-ruby-sass')に置き換えます。gulp-ruby-sassはオブジェクトsass({})でオプションを渡します。bundleExecを省略できるようにしている場合はbundleExecオプションは不要です。.pipe(connect.reload());});オプションの詳細はgulp-ruby-sassのAPIの項に載っています。bourbonやneatを読み込むbourbonやneatを読み込むにはSassオプションのrequireを使います。requireには配列で読み込むLibraryを指定します。.pipe(connect.reload());});これで、bourbonやneatが@importして使えるようになります。'neat';ちなみにboubonやneatをgulp-sassで使いたい場合はnode-bourbon、node-neatが使えるようです。loadPathを指定して読み込むbourbonプロジェクトにbittersというLibraryがあります。installで作られたファイルをインポートする方法があります。bundlerでインストールしたbittersであれば下記のようにloadPathを指定して読み込むことができます。'base'を指定します。以上、gulp-ruby-sassの使い方でした。明日はgulp-connectからgulp-webserverへの移行を試してみたいと思います。1,571,870クラスメソッドのWebサイト全般の運用・制作を担当しています。〜ITエンジニアのお仕事とホンネ〜2月19日に新卒向けの会社説明会〜ITエンジニアのお仕事とホンネ〜を開催します。リモート】クラスメソッドの会社説明会を開催しますクラスメソッドでは、AWS・AI・ビッグデータ・モバイルなどの技術職や営業のメンバーとして一緒にお仕事をする仲間を大募集しています。#cmdevio新型コロナウイルスの感染拡大を受け、本イベントを延期させていただくことになりました(開催時期未定)。お申し込みいただいた皆様には大変申し訳ございませんが、何卒ご理解いただけますようよろしくお願いいたします。AWSについてライトに色んな情報交換をしましょう。カフェ店長のオカノです。使いたいときの注意点を書きました。EC2)環境において、不要な踏み台サーバをなくすことができる便利なアップデートです。環境をDockerで構築してみました。臼田佳祐295ワークフロー自動化OSSのn8nをAWS環境で建てて検証してみました。非常に期待できるサービスです。Fargateの勉強をしています。使ってみたい方は参考にしてください。洋介252SnowflakeがAWSの東京リージョン上で稼働するようになりました。データを日本に置けます。芳賀健231こんにちは!猫様の忠実なるしもべ、芳賀健です。Tokyoで開催されました。クラスメソッド株式会社が運営するAWS・iOS・HTML5に関する技術情報サイトです。