タグ

2014年6月27日のブックマーク (7件)

  • 現場で使えるGrunt入門 | 第1回 Gruntを試そう

    現場で使えるGrunt入門 第1回 Gruntを試そう シリーズ第1回目はGruntの概要、インストール方法、簡単なタスクの実行方法までを解説しつつ、Gruntを使うための開発環境を整えます。Gruntのちょっとややこしい仕組みや、なぜそのような仕組みが必要なのかについても解説します。 はじめに このシリーズでは、JavaScriptで書かれたタスクランナー、Gruntについて、基的な部分を解説します。なお、この記事は、Grunt version 0.4.0 の時点で書かれたものです。全3回で構成されています。 サンプル集 シリーズで使うサンプルは、以下よりダウンロードできます。 pxgrid/codegrid-grunt · GitHub 第1回目では、Gruntの概要、インストール方法、簡単なタスクの実行方法までを解説します。 Gruntってなに? みなさんは、jQueryを使う時

    現場で使えるGrunt入門 | 第1回 Gruntを試そう
  • Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門

    Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトの表示速度を気にすると、CSSJavaScriptのminify、gzipCSS Sprite、画像の最適化などの面倒な作業が発生します。 Grunt.jsとは? Grunt.jsは、サーバーサイドJavaScriptのNode.jsを使用したCUIのビルドツールです。 タスクを設定しておき、それらを自動化します。 コマンドプロンプトやターミナルなど、いわゆる「黒い画面」を使います。 Grunt.jsの現在のバージョンは0.4.1です。 バージョンが0.3から0.4になったことで、大きく仕様が変わりました。 Grunt.js v0.4ではgrunt-cliをインストールしてプロジェクトごとにGruntやプラグインをインストールして使用します。 プラグイ

    Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門
  • 2014年 フロントエンドはGrunt.jsでサクっと自動化 まとめ

    もう、2014年も5日が過ぎようとしています。 なー早い。早い。 とにかく時間がない。と誰かの歌詞の様ですが、何事も時間との勝負。 そうお仕事も。 という訳で、Grunt.jsでフロントエンドをサクっと自動化しようではありませんか! Grunt.js 公式サイト http://gruntjs.com Sassやらlessやらcompassやらと何かと騒がしいフロントエンド事情。 今回のGrunt.jsはそんなフロントエンドを自動化しちゃうツールとなります。 インストールにnpmコマンドを使いますので、node.jsをインストールしましょう。 インストール等はこちらを参照してください。 サーバーサイドJavascript 『node.js』 macにインストール・使用方法 コマンドでサクッとインストールします。 npm install -g grunt-cli これであなたのPCに grun

  • コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順

    なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基的な使い方|WEB Drawerをご覧下さい。 Gruntで何が

    コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順
  • Node.js と grunt をインストールする « shilog

    いろんなタスクを自動化させる grunt っていう便利なツールのことを知ったので、その導入まで。 環境はMac OS 10.7.5。 node.js をインストールする grunt を使うためには node.js が必要。 インストールするには node.js のサイト から、トップページにある『INSTALL』をクリックしてインストーラ(パッケージファイル)をダウンロードする。 あとはパッケージファイルをダブルクリックして開いて、画面の指示にしたがってインストールを進めていくだけ。インストールが完了したら terminal.app を起動して node -v と入力してバージョンを確認してみる。うまいことバージョンが表示されたら無事インストール完了。 続いて grunt をインストール。サイト に書いてあるように npm install -g grunt と terminal.app

  • NASAが本気出して超音速旅客機を開発! 長ネギに見えるのは目の錯覚か? - GOTRIP!

    NASA(アメリカ航空宇宙局)が、超音速旅客機の開発を進めている。つい最近、光速ワープ航法で宇宙を移動する宇宙船の開発に乗り出したNASAだが、より現実的な、地球での移動ができる旅客機の移動にも気で取り組んでいる様だ。 音速の旅客機と言えばコンコルドが有名だが、すでに現役を引退し、乗ることは出来ない。コンコルドで特に問題視されていたのが騒音だが、音速で移動する以上、どうしても騒音が問題となる。 だが、今回のNASAでの開発はスピードと騒音の軽減を両立させた、快適で利便性のある旅客機。もちろん、製造コストも、チケット料金も低くする必要がある。 その点は、今後の課題と言えよう。 いくつか超音速旅客機のデザインが出されており、中には長ネギのような色をしたものもある。長ネギが超音速で空を飛ぶ日は近い!? 予定では2020~2025年あたりには飛行実験をしたいと考えている様だ。 Post: GoT

    NASAが本気出して超音速旅客機を開発! 長ネギに見えるのは目の錯覚か? - GOTRIP!
  • 50 Creative Resume Designs of Year 2014

    In the world where creativity has no limits, you can find innumerable creative things that actually make you feel really good for being the part of this era. There are ingenious minds that keep their creative  minds running to come up with the ideas that leave people stunned. With everything going creative these days, some people thought of applying for jobs in quite a different way. We really don

    50 Creative Resume Designs of Year 2014