Gulp で SCSS のコンパイルから bourbon の導入までを試す - Gulp で作る Web フロントエンド開発環境 #1 | PSYENCE:MEDIA
Gulp で SCSS のコンパイルから bourbon の導入までを試す - Gulp で作る Web フロントエンド開発環境 #1 wakamsha 2015.04.18 68 792230 そろそろ Gulp 始めたいと思います これまでは Ruby on Rails によるフロントエンド開発がメインだったのですが、最近アサインされた新規開発案件が Scala & Play によるものであるのと、API 中心でサーバーサイドとフロントエンドがハッキリ分離するという構成のため、それならばということで一からフロントエンド開発環境を構築することにしました。もともと Grunt は多少嗜んでいたので今回もそれを使い続けても良かったのですが、何かと新しい情報は Gulp 関連が多いことから、僕もこの機会に Gulp 入門してみたいと思います。 gulp.js - the streaming b
CSSCSSでCSSスタイルの重複を整理する - Qiita
CSSの面倒くさいところ CSSは簡単に書けることが良さでもありますが、ある時は試行錯誤を繰り返すうちに、またある時は運用を続けるうちに、記述がもりもりと肥大化してしまいがちです。 （CSSのスパゲッティコード…とはあまり言わないけどそんな感じ）これはCSSの面倒くさいところですよねー。 特に近年Bootstrapなど重量級CSSフレームワークを使用する機会も増えてきていますので、表示を高速化させるために、あるいは保守性を高めていくために可能な限りシンプルに記述していきたい。 …そんなこともありCSSをあの手この手でわちゃわちゃするわけですが、 未使用CSSを見つけ出してリムーブ プロパティ指定の重複を見つけ出して整理 OOCSSやSMACSSやBEMといったCSS設計を採用する SASSなどCSSプリプロセッサ(CSSメタ言語)を使用する .minファイル化やgzipで圧縮する CDN配
รูเล็ต ทดลองเล่นรูเล็ต เว็บพนันออนไลน์ อันดับ 1 เครดิตฟรีกดรับเอง
7 คาสิโนออนไลน์ ชั้นนำที่ดีเยี่ยมที่สุด Ichimaruni-design คาสิโนออนไลน์ ขอชี้แนะ 6 เว็บเดิมพันออนไลน์ชั้นหนึ่ง ที่มีครบทุกสิ่งที่มีความต้องการ ไม่ว่าจะเป็น คาสิโนออนไลน์ บาคาร่าออนไลน์ ไพ่โป๊กเกอร์ออนไลน์ พร้อมรับโปรโปรชันเครดิตฟรีที่แจกให้แบบจุใจ เว็บไซต์ตรงไม่ผ่าเอเย่นต์ เล่นง่าย ได้เครดิตฟรี ๆ ไปเลย UFABET เครดิตฟรี ไม่รับมิได้แล้ว กับโปรเด็ด โบนัสปัง UFABET เครดิตฟรี สิ่งดีๆที่เรามีให้เฉพาะสมา
[SCSS][Gulp]これからはじめるGulp（14）：gulp-cachedプラグインで変更されたSCSSファイルだけを処理させる
はじめに この記事はGulp.js（全俺） Advent Calendar 2014です。 前回のこれからはじめるGulp（13）：gulp-changedプラグインで変更されたファイルだけを処理させるでgulp-changedプラグインを使った画像処理の効率化を試しました。今回はgulp-cachedプラグインを活用しSassタスクの処理を効率化してみます。 gulp-cachedについて gulp-cachedは対象となるファイルをメモリにキャッシュし、変更された分だけを処理させることができます。 gulp-cachedをSassタスクに組み込む gulp-cachedをSassタスクに組み込んでみます。 gulp-cachedのインストール sudo npm install gulp-cached --save-dev Password: gulp-cached@1.0.1 node
![[SCSS][Gulp]これからはじめるGulp（14）：gulp-cachedプラグインで変更されたSCSSファイルだけを処理させる](https://cdn-ak-scissors.b.st-hatena.com/image/square/28ce70a4ba19573c729e61a380304d78f3fccffd/height=288;version=1;width=512/http%3A%2F%2Fwhiskers.nukos.kitchen%2Fassets%2Fimages%2Fogp.png)
gulp-ruby-sass 1.0.0 から記述方法が変わるらしい | BUN:Log
先日、gulp-ruby-sass 1.0.0-alpha にアップデートしたところ、Sass のコンパイルがエラーでコケるようになりました。 半年前に書いたgulp-ruby-sass 0.6 にアップデートしたらコケた話のように、オプションの指定方法が変わったのかな？と思いつつ公式リポジトリを確認したところ、タスク自体の書式が変わるようです。 sindresorhus/gulp-ruby-sass at rw/1.0： https://github.com/sindresorhus/gulp-ruby-sass/tree/rw/1.0 今後 1.0 未満のバージョンはサポートされないようですので、覚えておくとよさそうです。 やったことまず、gulp-ruby-sass 1.0.0-alpha にアップデートします。 $ npm update gulp-ruby-sass自分の場合、個別
gulp-sass から gulp-ruby-sass へ - Qiita
『これからはじめるGulp #9：Ruby版Sassが使えるgulp-ruby-sassへの乗り換え』 こんな記事があったので、gulp-ruby-sass に変更してみる。 そして、gulp-ruby-sass 1.0.0 からタスク自体の書式が変更になったようだ。 旧書式で記述されている記事が多いので注意。 ⇒ gulp-ruby-sass 1.0.0 から記述方法が変わるらしい ⇒ Gulp TypeError: Arguments to path.join must be strings タスクの書式 gulp.src ⇒ sass に変更。 それに伴いオプションの設定書式も変更。 ↓ 旧書式 gulp.task('sass', function() { return gulp.src('scss/*.scss') .pipe(sass({ style: 'expanded' })
[Gulp]これからはじめるGulp（3）：gulp.watchでファイルの変更を監視しタスクを実行する
はじめに この記事はGulp.js（全俺） Advent Calendar 2014です。 前回のこれからはじめるGulp（2）：gulp-sassを使ってSCSSをコンパイルするタスクを作ってみるでgulp-sassを使ってSCSSファイルをCSSにコンパイルするタスクを作成しました。今回はそのタスクをベースにSCSSファイルの変更を監視してタスクを実行するようにします。 watchタスクを作る まず、前回のgulpfile.jsをお復習いです。Sassを実行するだけのsassという名前のタスクが作られています。コメントの部分にwatchタスクを作ります。 var gulp = require('gulp'); var sass = require('gulp-sass'); gulp.task('sass', function(){ gulp.src('./src/scss/*.scs
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gulp インストール～基本設定の備忘録（windows） - Qiita
イマドキのコーダー環境構築2016
gulp + sass で目指せ倍速コーディング（東区フロントエンド勉強会 2015年 第1回） 本編