タグ

2013年1月30日のブックマーク (4件)

  • Gruntの概要と導入手順とメリット | 1000ch.net

    2012/12/08 Gruntとは grunt: a task-based command line build tool for JavaScript projects もはや説明不要の可能性もありますが、 gruntがgrunt-cliへの移行(?)をしたこともあり、まとめてみました。 コマンドラインで使用するビルドタスクのツールです。 js(ほぼjson)の設定ファイル上に、concatやminifyといったようなタスクを定義し、 コマンドラインから実行します。言葉だけだとイメージ湧きにくいと思いますので、 使ってもらうのが一番と言い張って導入手順の説明に入ります。 npmからgrunt-cliをインストールする (nodeとnpmはインストール済み・・・よね?) npm install -g grunt-cli これで核となるCLIのインストールは完了です。 ターミ

  • gruntをインストールする - Windows Vista | jekylog

    ちなみにMacも下記とほとんど相違ないけどハマったんで一応メモってる gruntそのものはtakazudoさんのhamalogで知ってたけどなかなかどういう場面で必要になるか分からなかったので手を付けれなかったけど、実現したい事の解決方法としてマッチしたので参考にさせてもらいながらgruntをインストールしてみた。 node.jsとnpmをインストール ネットの情報ではnpmWindowsで使うには結構手法が違ってたりしてたけど小粋空間さんによると公式のパッケージをインストールすればデフォで入ってるっぽい。 「npm」という、Node.js用のパッケージマネージャも一緒にインストールされており(ネットで調べると以前は別にインストールする必要があったようですが不要)、同じフォルダにある「npm.cmd」が該当します。 ちなみにコマンドプロンプトで

    gruntをインストールする - Windows Vista | jekylog
  • CSSプリプロセッサでスタイルガイド - inkdesign

    07 Dec 2012 ※この記事は、CSS Preprocessor Advent Calendar 2012の7日目の記事です。 CSS PreprocessorとIAの親和性、という記事の影響を受けまして、こちらの記事で書かれていた、 CSS Preprocessor そのものを共通ドキュメントにしてしまうとか という点を拾わせていただき、スタイルガイドのツールを紹介しようとおもう。 スタイルガイドとはなにか スタイルガイドは簡単にいうと、モバイル時代におけるCSSの設計と実装から引用させてもらうと、ページ上の部品(コンポーネント)をあつめたリスト、ページのこと。デザインパターンと呼ばれることもあるかもしれない。 具体的な成果物としてどういったものを指すのかというのは実際のページをみてもらう方が早いとおもうので、一度下記のページも参照してほしい。 MailChimp Design P

  • 書籍代を大幅削減「その本、図書館にあります。」 - 着ぐるみ追い剥ぎペンギン

    【連絡】 2019/4/23 : 修正版でver2.23を公開しました。 Facebookページを作ったので、こちらで動向とコミュニケーションとっていければ。 ついついamazonを購入してしまう を紹介しているブログなどを読むと「面白そうだな〜」とついamazonでポチッと購入してしまいます。おかげで毎月、結構な額をamazon様に支払っています。 その対策として最近はamazonの「ほしい物リスト」にまず保存して、突発的欲求を抑えています。 そして、そのが「すぐにでも読みたいか?」「長く読みそうなものか?」などを考えています。 もし一度読んでみたいだけならば、近所の図書館にそのがネットで検索しています。 最近の図書館は大体どこもネットで書庫検索ができるようになっているので便利です。 ただし、図書館の検索システムは洗練されていないので非常に使いにくいです。20世紀で時間が止まっ

    書籍代を大幅削減「その本、図書館にあります。」 - 着ぐるみ追い剥ぎペンギン