Gruntとは 弊社ブログでもすでに紹介していますが、Gruntとはnode.jsベースで作成されたビルドツールです。 最近v0.4がリリースされ、Coffee Scriptがデフォルトでサポートされました。 今回は、変更が検知されたCoffeeScriptファイルをコンパイル→UglifyJSで圧縮 という処理をGruntでやってみます。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.10.0 npm : 1.2.14 Grunt : 0.4 npmを使用してGruntをインストールしておきましょう。 % npm install -g grunt-cli package.jsonとGruntfileを作成する Grunt(0.4)を実行するためには、２つのファイルが必要です。 まずはpackage.jsonを作成
タグ
- すべて
- iPhone (32)
- あとで読む (23)
- まとめ (101)
- ネタ (13)
- *web制作 (2)
- *あとで読む (16)
- 1品300円以内 (2)
- 2ch (33)
- Advent Calendar (2)
- Alfred (5)
- Amazon (6)
- Android (12)
- Androidアプリ (3)
- App (5)
- BGM (4)
- CMS (3)
- CSSフレームワーク (2)
- ECサイト (4)
- Event (2)
- Evernote (16)
- Excel (3)
- Facebookページ (6)
- Fireworks (3)
- GIF (3)
- GTD (4)
- Google (23)
- Google Analytics (2)
- Google Chrome (3)
- Gunosy (2)
- HTML5 (61)
- HTTP (2)
- IT (29)
- Idea (4)
- JavaScript (63)
- LTE (2)
- Mac OS X (2)
- MacBook Air (3)
- Meteor (2)
- MongoDB (3)
- NAVER (46)
- OS (6)
- PC (16)
- PSD素材 (2)
- RSS (4)
- SE (3)
- SNS (8)
- TOEIC (5)
- Titanium (3)
- UX (5)
- VIP (18)
- Webデザイナー (2)
- Windows (10)
- XHTML (2)
- adobe (3)
- agile (2)
- animation (3)
- apple (8)
- blog (7)
- blog-neta (3)
- book (4)
- business (6)
- camera (3)
- case (2)
- chrome (18)
- coda (3)
- coffeescript (2)
- communication (2)
- compass (8)
- cookpad (3)
- css (84)
- css3 (38)
- design (20)
- dev (2)
- development (4)
- dreamweaver (2)
- dropbox (6)
- editor (5)
- engineer (3)
- english (13)
- extension (2)
- facebook (18)
- fashion (2)
- feedly (3)
- firefox (6)
- flat (3)
- font (6)
- food (3)
- git (14)
- github (7)
- grunt (4)
- health (4)
- html (80)
- iOS (17)
- iPhone (55)
- iTunes (5)
- illustrator (2)
- iphoneアプリ (9)
- jQuery (34)
- js (27)
- json (4)
- less (4)
- life (9)
- lifehack (23)
- lifehacker (6)
- lifehacks (3)
- logo (4)
- mac (56)
- markdown (2)
- mobile (8)
- mongoose (2)
- movie (3)
- mp3 (4)
- music (10)
- net (4)
- node.js (12)
- objective-c (3)
- photo (7)
- photoshop (30)
- php (21)
- powerpoint (2)
- presentation (7)
- programming (18)
- psd (8)
- rails (3)
- recipe (6)
- require.js (2)
- ruby (10)
- sass (9)
- security (4)
- seo (5)
- sex (2)
- software (3)
- ssd (2)
- sublime text 2 (14)
- sublimeText2 (5)
- ted (5)
- tips (27)
- togetter (2)
- travel (2)
- tumblr (4)
- tutorial (2)
- twitter (14)
- ui (31)
- web (134)
- webdesign (3)
- webservice (12)
- webサイト (2)
- webサービス (118)
- webデザイン (147)
- webマーケティング (5)
- web制作 (205)
- web制作会社 (3)
- web製作 (2)
- wi-fi (2)
- wordpress (22)
- work (6)
- youtube (12)
- zen-coding (2)
- あとでみる (15)
- あとで読む (141)
- いい話 (2)
- おっぱい (2)
- おつまみ (5)
- お弁当 (2)
- お役立ち (37)
- お絵かき (2)
- お菓子 (4)
- お酒 (2)
- お金 (14)
- お風呂 (4)
- これはすごい (13)
- なるほど (4)
- まとめ (244)
- やる気 (3)
- アイコン (18)
- アイデア (26)
- アクセス解析 (3)
- アニメ (2)
- アニメーション (15)
- アフィリエイト (4)
- アプリ (69)
- アボカド (5)
- イメージ (5)
- イラスト (8)
- インテリア (12)
- ウェブサービス (3)
- エフェクト (3)
- エロ (9)
- エンジニア (14)
- オタク (2)
- オフィス (5)
- オブジェクト指向 (2)
- オムライス (2)
- オリーブオイル (2)
- オンラインストレージ (4)
- カスタマイズ (4)
- カフェ (2)
- カメラ (6)
- カラオケ (2)
- カレー (4)
- ガジェット (2)
- ガントチャート (2)
- キムチ (2)
- キャッチコピー (4)
- キャベツ (3)
- クックパッド (13)
- クラウド (3)
- クリエイティブ (3)
- クレジットカード (4)
- グッズ (3)
- グラビア (3)
- グルメ (5)
- ゲーム (16)
- コピーライティング (5)
- コマンド (11)
- コミュニケーション (39)
- コンピュータ・IT (2)
- コーディング (9)
- サーバ (6)
- サービス (27)
- ショートカット (15)
- ジェネレータ (2)
- スキル (8)
- スクリーンショット (4)
- スケジュール (7)
- スケジュール管理 (2)
- スタバ (2)
- スタートアップ (9)
- スターバックス (2)
- ステッカー (3)
- ストレス (5)
- ストレッチ (10)
- スパム (2)
- スポーツ (6)
- スマートフォン (18)
- スマートフォンサイト (2)
- スープ (2)
- セキュリティ (6)
- セレクタ (4)
- ソフトウェア (9)
- ソーシャル (4)
- ソーシャルゲーム (2)
- ソーシャルメディア (4)
- タイムライン (2)
- タスク管理 (7)
- ダイエット (12)
- ダウンロード (16)
- チュートリアル (8)
- チーズ (2)
- ツール (44)
- テクニック (15)
- テスト (8)
- テンプレート (7)
- テーマ (6)
- ディレクション (5)
- ディレクター (3)
- デザイン (120)
- デザインテクニック (2)
- デスクトップ (4)
- デート (6)
- トラブル (3)
- トレンド (4)
- トレーニング (11)
- ドキュメント (4)
- ナビゲーション (4)
- ナンパ (3)
- ネタ (56)
- ネットショップ (4)
- ノート (5)
- ハッカソン (2)
- バイト (2)
- バッテリー (2)
- バナー (2)
- バージョン管理 (3)
- パスタ (4)
- パフォーマンス (3)
- パララックス (5)
- パン (2)
- ビジネス (46)
- ビジネスモデル (2)
- ファッション (8)
- フォント (10)
- フォーム (6)
- フリーソフト (6)
- フリーランス (6)
- フリー素材 (12)
- フレームワーク (10)
- ブラウザ (14)
- ブログ (35)
- プライバシー (2)
- プラグイン (8)
- プレスリリース (2)
- プレゼン (14)
- プレゼンテーション (4)
- プレゼント (7)
- プログラミング (57)
- プロジェクト管理 (4)
- プロモーション (3)
- ペアプログラミング (2)
- ホットケーキ (2)
- ホテル (7)
- ボイストレーニング (3)
- ボタン (17)
- マッサージ (2)
- マッシュアップ (2)
- マナー (2)
- マネー (2)
- マーケティング (28)
- メモ (13)
- メンタルヘルス (2)
- メンテナンス (7)
- メール (20)
- モチベーション (12)
- モテ (4)
- ユーザビリティ (2)
- ライティング (2)
- ライフスタイル (4)
- ライフハッカー (12)
- ライフハック (77)
- ライフログ (2)
- ライブラリ (8)
- ランキング (4)
- ランチ (2)
- ランディングページ (4)
- ランニング (3)
- リア充 (2)
- レシピ (90)
- レストラン (2)
- レスポンシブ (6)
- ロゴ (6)
- ロボット (3)
- ワイン (7)
- 一人暮らし (2)
- 不動産 (2)
- 世界 (14)
- 交渉 (2)
- 人生 (66)
- 人間関係 (5)
- 仕事 (176)
- 仕事術 (26)
- 企業 (13)
- 企画 (7)
- 企画書 (5)
- 会社 (17)
- 会話 (10)
- 作業用BGM (7)
- 使い方 (15)
- 便利 (32)
- 健康 (45)
- 健康保険 (2)
- 入門 (5)
- 写真 (29)
- 初心者 (4)
- 効率化 (3)
- 勉強 (54)
- 勉強会 (5)
- 勉強法 (8)
- 動画 (19)
- 印刷済 (2)
- 収納 (4)
- 名刺 (7)
- 名言 (2)
- 増田 (4)
- 壁紙 (4)
- 変換 (7)
- 夜食 (2)
- 大学 (9)
- 女の子 (9)
- 女性 (8)
- 妊娠 (3)
- 姿勢 (7)
- 学習 (17)
- 家電 (3)
- 就活 (10)
- 就職 (7)
- 広告 (6)
- 引越し (2)
- 心理 (7)
- 心理学 (3)
- 思考 (5)
- 恋愛 (19)
- 情報 (26)
- 情報収集 (2)
- 手帳 (6)
- 技術 (10)
- 投資 (4)
- 拡張機能 (5)
- 掃除 (12)
- 携帯 (5)
- 教育 (6)
- 敬語 (2)
- 数学 (5)
- 整理 (7)
- 整理整頓 (2)
- 整理術 (2)
- 文具 (3)
- 文房具 (3)
- 文章 (21)
- 文章術 (4)
- 料理 (79)
- 新宿 (2)
- 旅行 (10)
- 日本 (14)
- 日記 (5)
- 早起き (3)
- 映画 (7)
- 時計 (5)
- 時間 (44)
- 書籍 (3)
- 書評 (3)
- 朝食 (5)
- 本 (13)
- 東京 (4)
- 欲しい (4)
- 法律 (2)
- 海外 (14)
- 消費 (2)
- 渋谷 (2)
- 炊飯器 (2)
- 無料 (23)
- 犯罪 (3)
- 猫背 (3)
- 生き方 (5)
- 生活 (117)
- 生活・人生 (4)
- 用語 (3)
- 男女 (4)
- 画像 (59)
- 睡眠 (12)
- 知識 (5)
- 研究 (8)
- 確率 (3)
- 社会 (10)
- 科学 (5)
- 筋トレ (3)
- 節約 (9)
- 簡単 (40)
- 紅茶 (2)
- 納豆 (2)
- 素材 (33)
- 経営 (4)
- 経済 (3)
- 統計 (2)
- 絵 (2)
- 缶詰 (2)
- 美女 (3)
- 美容 (9)
- 習慣 (13)
- 考え方 (109)
- 肩こり (4)
- 育児 (3)
- 自己啓発 (9)
- 英会話 (5)
- 英語 (38)
- 英語学習 (6)
- 言葉 (16)
- 記憶力 (3)
- 設定 (27)
- 読み物 (6)
- 読書 (9)
- 論文 (3)
- 議論 (7)
- 豆腐 (5)
- 貯金 (4)
- 買い物 (5)
- 資料 (5)
- 起業 (8)
- 転職 (7)
- 運動 (6)
- 部屋 (9)
- 配色 (15)
- 酒 (3)
- 野菜 (4)
- 開発 (36)
- 集中力 (4)
- 雑学 (3)
- 雑貨 (6)
- 面接 (9)
- 音楽 (27)
- 食 (14)
- 食べ物 (5)
- まとめ (244)
- web制作 (205)
- 仕事 (176)
- webデザイン (147)
- あとで読む (141)
- web (134)
- デザイン (120)
- webサービス (118)
- 生活 (117)
- 考え方 (109)
2013年8月6日のブックマーク (2件)
-
mosco-mule 2013/08/06
- js
- coffeescript
- grunt
リンク -
無効なURLです
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx