gulp入門その3―こまごま便利なこと 2015/02/27 atsuko.a ツイート こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) まさかgulpネタをこんなに引っ張ることになるとは思わず、アイキャッチは使いまわしです。 今回は、細かい便利な機能をgulpに乗せてみましょう。 今までの記事はこちら gulp入門その1―とりあえず動かすところまで gulp入門その2―ファイルの監視をしてみる もくじ 同期処理をする ローカルサーバを立ててライブリロードする CSSのminifyしたりプロパティを並び替えたりする package.jsonでモジュールを管理する まとめ 続きを読む
gulp入門その2―ファイルの監視をしてみる 2015/01/21 atsuko.a ツイート こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 前回に引き続き、gulpについてつらつら書いていきます。 前回の記事はこちらgulp入門その1―とりあえず動かすところまで 同期処理やらについても書きたかったのですが、書き始めてみたらやたら長くなってしまったので分割。 今回は、ファイルの監視(+エラー時の通知)をしてみます。 もくじ デフォルトで実行されるタスクを設定する ファイルの監視をする タスクの監視中にエラーが起きた場合 エラーによる監視の強制停止を回避する エラーメッセージを表示する まとめ 続きを読む
gulp入門その1―とりあえず動かすところまで 2015/01/16 atsuko.a ツイート こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 去年の11月辺りから、メインマシンがWinからMacに変わりました。 Winちゃんもサブマシンとして頑張ってくれています。主に検証に使用していますが、、、 メインマシンの交代を機にgulpを導入したので、方法やら所感やらをちょこちょことまとめていきます。 今回は、簡単なタスクを登録して動かすところまで。 その2で、ファイルの監視や同期処理などを覗いていきたいと思います。 続きを読む
GoogleスプレッドシートのデータをJSONで取得してみた 2014/11/28 atsuko.a ツイート こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 最近一段と寒くなってきましたが皆さんいかがお過しでしょうか。 私は寒さに弱いので、早速コートを出してきました。冬本番になったら何を着たらいいのだろう…… 先日GoogleスプレッドシートのデータをJSONで扱う機会があったのでここで、ちょっとまとめておきたいと思います。 もくじ 事の発端 Google Sheets APIとは 4ステップでデータを取得する JSON形式のデータをjQueryで整形する まとめ 続きを読む
margin?padding?ボックスモデルを理解しよう!あとbox-sizingが便利だよ、って話 2014/10/17 atsuko.a ツイート こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 先日marginとpaddingの関係やらボックスモデルやらの話をする機会があったので、ここでちょっとまとめておきたいと思います。 続きを読む