gulp Webサイトコーディングを効率化する必要最小限4つのプラグインの導入手順
2016/11/15 gulp-compassをやめて、gulp-sassに変更しました。 gulpプラグインは多数公開されていますが、実務に必要なものはそう多くありません。 4つあるだけで作業時間をかなり短縮できますから、その導入手順を紹介します。 gulpの準備については、1つ前の記事をご覧ください。 目次4つのプラグインプラグインをインストール作業用ディレクトリを構築gulpfile.js 作成gulp 起動gulp 停止プラグインのアンインストール方法 4つのプラグインBrowsersyncファイルを保存するとブラウザに反映するライブリロード系。 ブラウザ間の同期機能があり、現時点では最も便利。 gulpなしの単体でも使える。 gulp-sassgulp-compassは謎エラーが多いので、gulp-sassを利用。 gulp-autoprefixerコンパイル後のCSSに、現時点
ペライチのWebページをすばやく作り始められるやつ「Rin 3.0」作った - MEMOGRAPHIX
Rin 3.0 というのを作った。 Rin - A lean, gulp-based HTML and SASS boilerplate by sanographix僕はいわゆるペライチのWebサイトを作ることが多いんだけど、そういう制作時に使っているフレームワークというかBoilerplate的なやつです。 フレームワークといっても、BootstrapのようにCSSをモリモリ書いて汎用コンポーネントを用意しまくる、というふうにはしていない。結局各webサイトでデザインの要件が大きく異なる場合が多いので、CSS部分の記述をできるだけ少なくして、各サイト向けに柔軟にスタイルを書けるようにする方針をとっている。一方でビルドツールに求められることは割と毎回一緒なことが多いので、gulpですばやく環境構築して、スタイルは各サイトでよしなに、みたいな雰囲気。 Rinは、だいたい下記のようなことがすば
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
