gulp で BrowserSync を使う

HTML・CSS・JS 周りを含むプロジェクトを進める際に、これまでなら MAMP などのローカルでのサーバー環境を用意して進めていたのですが、 grunt や gulp などが出てきてからは、それらをベースに BrowserSync などを利用して開発を進めるようになりました。

毎回準備する手間が省けるのと、デプロイ場所をいろいろと変更してもひとまとめで扱うことができるため、今では無くてはならないツールになっています。

BrowserSync

続きを読む

『npm WARN package.json @ No repository field.』 と怒られたでござる

https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads

No Post Thumbnail

gulp の勉強をしようと、 package.json から構成を見なおして、とりあえず進めようとしたのですが、 $ npm install とたたいてみたところ

『npm WARN package.json @ No repository field.』

と警告がでてインストール進まないまま終ったでござる。

続きを読む

gulp-sass のエラー時に gulp タスクを止めない為の方法

タスクランナーでどれを使うかをいろいろ模索中ですが、今は gulp.js を勉強しておこうと、いろいろと使ってみています。

gulp で Sass をコンパイルする時に使うプラグインはいろいろとあるのですが、今回使ってみるのが gulp-sass です。同じ Sass でも LibSass が使われているものの方がかなり早いですからね。

gulp-sass

この gulp-sass を利用している時に、 Sass のコードでエラーとなる記述をしてしまいますと、 gulp の watch などが止まってしまいます。一度止まってしまうと、 watch が強制終了的な動きをしてしまうので、気づかないでコードを書いていると、表示が変わってない〜と困惑してしまう状況に。

そんな gulp-sass のエラーで処理を止めない方法についてメモとして記載。

続きを読む

有料の Sublime Text の購入に悩むくらいなら ATOM を使えばいいじゃない

皆さんのおすすめする、仕事で使っているエディタってなんですか? Adobe の Dreamweaver ですか? それとも Coda ですか?

私は Sublime Text を利用してもうすぐ丸2年になります。基本が軽量で起動も早く、より便利にしたい機能の Package が充実していることもあって Sublime を使い続けています。そして、勉強会でも知人に「Sublime Text いいよ!」って言っていました。

そして、周りでも使っている人が比較的多くいるのですが、皆さん、ライセンスは購入していますか?

Sublime は継続して利用するのは有料なので、私は気に入ってすぐの時に購入をしているのですが、試用のまま使い続けている人の方が多いよなーという印象。

勉強会でもエディタの話になると、毎回このライセンスを買っているかの話を聞かれたりします。先日の WordCamp Tokyo でも同じように、無料で使ってます?という質問がでたり。

その時もそうですが、私は最近は 「Sublime のライセンスの購入に悩むくらいなのであれば、無料の ATOM いいよ!」 という話をするのですが、皆さん意外と ATOMの存在を知らなかったり。

続きを読む

リクエストしていないのに『あなたのFacebookアカウントで新しいパスワードのリクエストがありました』というメールが届いた

お昼過ぎのこと、仕事を黙々としていると、Facebook からメールが届く

タイトル:『あなたのFacebookアカウントで新しいパスワードのリクエストがありました』

(´°ム°`;)< えっ!? リクエストしていない、していないよ〜!?

続きを読む