タグ

関連タグで絞り込む (19)

タグの絞り込みを解除

gruntjsに関するyhmtのブックマーク (48)

  • 画像の最適化をCLIだけで行うgrunt-imageを作った | 1000ch.net


    GUI要らずを目指して Webにおける画像については以前記事にしましたが、 そのフローをより良くするべく最近gruntのモジュールを作ったのでその話を。 前置き 私は弊社サービスのパフォーマンス改善を業務としてしています。 何がボトルネックになっているかは各プロジェクトでまちまちですが、 共通しているのが ﹁とにかく画像が多い﹂ というところ。 どのサービスもペイロードサイズの80%程を画像が占めているんですね。 画像の最適化を忘れるだけで︵例えば︶100KBとか平気で増えるので、 これではCSSやJavaScriptのファイルサイズを減らしても本末転倒です。 ︵もちろんCSSもJavaScriptも結合と圧縮は非常に重要です。︶ 各種最適化ツール GUIだと以下の3つが有名で優秀です。 ImageAlpha - フリーソフト。24bitのPNGの8bitコンバートを行う。256色~2色ま
    画像の最適化をCLIだけで行うgrunt-imageを作った | 1000ch.net
    yhmt
    yhmt 2014/02/02
    リンク

  • I am mitsuruog | Yeomanに学ぶモテるGruntfile.jsの書き方

    私が担当するエンタープライズのフロント開発では、1 年ほど前から Grunt によるビルドプロセスを導入していて、自分でもプロジェクトの特性に応じて Gruntfile.js のタスクをデザインする機会が多いのですが、最近流行の Yeoman が吐き出す Gruntfile.js を見るとなかなか参考になる点があったので、いくつか紹介したいと思います。 目次 1. load-grunt-tasks 2. テンプレート 3. ファイル指定方法あれこれ 「*」 「{}」 「{,*/}」って何？ 4. 外部パラメータによるタスク分岐 5. 外部定義ファイルのインポート まとめ 1. load-grunt-tasks load-grunt-tasksとは package.json に定義されている Grunt タスクを見て、タスク起動時にロードしてくれるモジュールです。これでタスクを変更するたびに

    I am mitsuruog | Yeomanに学ぶモテるGruntfile.jsの書き方
    yhmt
    yhmt 2013/12/26
    リンク

  • Grunt Tips and Tricks - Pony Foo

    A relevant ad will be displayed here soon. These ads help pay for my hosting. Please consider disabling your ad blocker on Pony Foo. These ads help pay for my hosting. In a Pinch Always --save-dev Heroku Custom Buildpack Forget grunt.loadNpmTasks Spread out watch Use a nice JSHint reporter Keep your Gruntfile organized! Investigate These are explained and detailed below. grunt.png Always --save-de

    Grunt Tips and Tricks - Pony Foo
    yhmt
    yhmt 2013/11/23
    リンク

  • grunt-este-watch めっちゃ便利やんけ - 音の鳴るブログ

    grunt-este-watch で幸せになれるらしいと聞いて試した。 grunt-contrib-watch が重いので grunt-este-watch を試したら幸せになった - てっく煮ブログ そしたら凄く良かったという話です。 CPUの消費量は気にしていなかったのだけど、変更のあったファイルに対して柔軟にタスクが組めるのが非常に便利。今まで変更があるたびに関係ない部分もテストしていたり、それをなくすために複雑な方法を使ったりしていたけどだいたい解決した。しかも速くなった。 今までやりたかったこと 更新したファイルのみ jshint したい 更新したファイルに関連するテストだけ行いたい 更新したテストファイルのテストだけ行いたい 失敗したテストは次回もテストしたい こういうことをしようとしたとき、grunt-contrib-watch ではやりにくかった。というのもサブプロセスでタ

    grunt-este-watch めっちゃ便利やんけ - 音の鳴るブログ
    yhmt
    yhmt 2013/10/17
    リンク

  • grunt-contrib-watch が重いので grunt-este-watch を試したら幸せになった


    最近、Grunt と grunt-contrib-watch を使っているのだけど、grunt-contrib-watch が CPU を消費しがちである。 watch 対象のファイルが少ないうちは grunt-contrib-watch は問題なく動くんだけども、ファイル数が増えてくると CPU の消費量が増えてくる。自分の環境では、1,000 個ぐらいのファイルを監視していると、常時 10% 程度 CPU を消費している。 この問題は既知であり、FAQ には次のように書いている。 たくさんのファイルを監視している場合、デフォルトの interval の値が小さすぎるかもしれない。options: { interval: 5007 } のようにして増やしてみてほしい。詳しくは issues #35 と #145 を参照のこと (※日本語訳は私によるもの) Another reason i
    grunt-contrib-watch が重いので grunt-este-watch を試したら幸せになった

  • 合コン失敗したら風俗


    女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく﹁チューしてほしい﹂とお願いされたので、舌を絡めてじっく
    yhmt
    yhmt 2013/08/25
    リンク

  • ぼくがかんがえたさいきょうのGruntfileを晒してみる - Qiita

    開発中とリリースビルドをわけて考える。 開発中はとにかく速度重視。テスト重視。 リリースビルドのほうに、自動化できる便利なタスクを出来るだけ突っ込んでおく。 開発中に使用するソースファイルから、リリースビルドに余計なファイルを混ぜない。 こんな考え方でGruntfileを書いてみました。 プロジェクトごとに最適化したGruntfileを作るということも魅力的な挑戦なのですが、私は開発者一人で短納期な案件をいくつもこなさないといけないので、そのために導入したタスクランナーのはずなのにGruntfileの開発やメンテに時間を取られるのは本末転倒になってしまうので、出来る限り汎用的に使えるように気をつけて書きました。 さらに何か特定の開発スタイルやフレームワークに依存しないように、特殊なディレクトリ構成などを必要としない点も気を付けました。 普段は開発は私一人ですが、デザイナーやコーダーや開発者

    ぼくがかんがえたさいきょうのGruntfileを晒してみる - Qiita
    yhmt
    yhmt 2013/08/05
    リンク

  • Gruntのgrunt-execプラグインでNODE_ENVを指定してそれに応じて設定ファイルを読み込む - Qiita

    npm install config --save ってやるとconfigモジュールがインストールされる。 これは./configディレクトリ以下のファイルを読むので、そこに各環境ごとに必要な設定ファイルをyamlなどで書いておく。 module.exports = (grunt) => beforeEnv = (cmd)-> return (env) -> if env? command = 'NODE_ENV='+env+' '+cmd else command = cmd console.log "exec : ", command, "\n" return command grunt.initConfig pkg: grunt.file.readJSON('package.json') exec: hoge: cmd: beforeEnv('node dest/main.js -a

    Gruntのgrunt-execプラグインでNODE_ENVを指定してそれに応じて設定ファイルを読み込む - Qiita
    yhmt
    yhmt 2013/07/29
    リンク

  • gruntの自分task作成 | k-factory


    grunt.jsにて、自分専用のカスタムgrunt taskを作成してみましたので、そのまとめです。我が担当コンテンツはgrunt.js(v0.4.1)を利用した開発運用をしているのですが、 今日flashのextension、Toolkit for CreateJSに関連したカスタムgruntタスクを作成しました。 ︵これに関しては近日中にplugin化して公開予定です。︶ ︵公開しました。→　Toolkit for CreateJSのmanifestデータを自動でbase64化するgruntタスク︶ 思った以上に簡単に作れる上、色々なことができることを知りました。 ﹁gruntでこんなことできないかな？﹂と思うときにまずpluginを探すでしょうが無いことも多く、 また機能ごとに色んなものをつなげて行くと、taskがどんどんと増えてごちゃごちゃしてきて 管理がめんどくせ〜って
    yhmt
    yhmt 2013/07/25
    リンク

  • Gruntfile 内で引数やオプションを受け取る方法 - Qiita

    引数は grunt yourtask:yourchildtask:引数0:引数1 という風に指定する、指定していないサブタスクは自動的に引数として処理される これが grunt.task.current.args 内に入っている 例えば、以下のタスクの場合： grunt.initConfig({ yourtask: { options: { 'youropt': '<%= grunt.task.current.args[0] %>' } } });

    Gruntfile 内で引数やオプションを受け取る方法 - Qiita
    yhmt
    yhmt 2013/07/25
    リンク

  • blog.makitasako.com - grunt-bake が静的サイト制作に便利だった


    受託制作をしていると、SSI が使えないサーバーが稀にあって共通要素の扱いに非常に困る。さらにそういうサーバーは PHP すらも使わせてくれなかったり厳しい条件のケースが多い。そんなときよく見かけるのが Dreamweaver のテンプレート機能。何度か使ったことはあるが、こういうときには便利な機能だと思う。 が、自分は Dreamweaver が嫌いだ。理由はいくつかあるが、JavaScript などの閉じカッコを自動で書いてくれなかったり、そして何より重かったり。テンプレート機能についても、自分の使い方が悪いせいもあるかもしれないが、すぐに壊れる貧弱なイメージがある。一度壊れてしまうと戻せなかったはず。少し学習コストが必要なのも気に入らない。 ではどうするか。 こういう課題に grunt-bake は見事に答えてくれた。grunt-bake には SSI 同様にインクルード機能がある。

  • Web Design Tips To Help You Succeed - Web Design

    Understanding 해운대고구려 Facebook Marketing Works Having a really good해운대고구려 item may certainly not be actually a guarantee for excellent purchases. It’s achievable for you to possess wonderful service or products,… [더 보기] Just howCrucial 해운대룸싸롱 The Right Diabetes Mellitus Diet? There is actually해운대룸싸롱nothing more important than the best diabetes diet regimen. Diabetic issues is actually a major disea

  • grunt-pngmin

    grunt-pngmin Grunt plugin to compress png images with pngquant. Getting Started This plugin requires Grunt >=1.0.0 If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

    grunt-pngmin

  • ファイル別にタスクを個別に動かす | MY GRUNTFILE

    yhmt
    yhmt 2013/06/05
    リンク

  • MY GRUNTFILE

    test ツイート Ghost とか middleman とか使うほどじゃないとか覚えるのが面倒くさい人向け express ツイート sails.js v0.9.7用カスタマイズ gruntfile sailsjs ツイート 超超さいしんのおれのぐらんとです ツイート 超さいしんです ツイート 1 2 3 >>

  • gruntのzsh補完を書いた。 - よんちゅBlog


    bashの補完は公式で提供されていたが、gruntのzsh補完がなかったので作った。 私が存在を知らないだけかもしれないので、知ってる方がいたら教えてください。 (zsh-completions と oh-my-zsh にはなかった。1つだけgithubにあったけど微妙だった。) ちなみに公式のbash補完は、以下の設定を .bashrc などに記述すれば使用出来ます。 eval "$(grunt --completion=bash)" zsh補完イメージ インストール方法 Githubに置いてあるのでとってきて下さい。 yonchu/grunt-zsh-completion · GitHub $ git clone git://github.com/yonchu/grunt-zsh-completion.git or $ wget https://github.com/yonchu/gr
    gruntのzsh補完を書いた。 - よんちゅBlog

  • [grunt] Gruntfile.jsをチーム共有用と個人用にファイル分割して、gitやsvnのコンフリクトを減らす方法 - YoheiM .NET


    [grunt] Gruntfile.jsをチーム共有用と個人用にファイル分割して、gitやsvnのコンフリクトを減らす方法 こんにちは、@yoheiMuneです。 本日はチームでgruntJSを使った開発を行う際に、よく困るGruntファイルのコンフリクト。 チーム共有のGruntfile.jsと、個人が自由に利用するGruntfile.jsを別々のファイルに分割して管理してコンフリクトを減らす方法を、ブログに書きたいと思います。 GruntFile.jsをチームで共有するとファイルのコンフリクトが大変 GruntJSは、JSのミニファイが出来たりCSSプリプロセッサのコンパイルが出来たりと便利なのですが、数人のチームで開発していると、個人毎にGruntfile.jsをカスタマイズしたくなることが多いです。 例えばある人は、ファイルサーバーへアップロードするためのsftpやrsync用のタ
    [grunt] Gruntfile.jsをチーム共有用と個人用にファイル分割して、gitやsvnのコンフリクトを減らす方法 - YoheiM .NET
    yhmt
    yhmt 2013/05/01
    リンク

  • grunt.js0.4.0でJSとCompassをコンパイルする - 車輪を再発明 / koba04の日記


    Backbone.jsなどを使っていてjsのファイルが増えてくると、公開するときには1つのファイルにまとめたいなぁとか、コーディングスタイルのチェックもしたいなぁと思っていて、そこで何かいいのないかなと思って調べてみると、﹁grunt.js﹂がよさそうだったので今更ながら試してみました。 grunt.jsのバージョンは0.4.0です grunt.jsはバージョンによってインターフェイスが違ったりするので注意。 今回は、JSに対してJSHintをやって結合して圧縮することと、Compassのコンパイルをgrunt.jsにやってもらうことにしました。 ︵他にもテストや自分で作ったタスクを登録できたりもするのですが今回は省略︶ インストール https://github.com/gruntjs/grunt/wiki/Getting-started ドキュメントにも書いてあるのですが、0.4.0か
    grunt.js0.4.0でJSとCompassをコンパイルする - 車輪を再発明 / koba04の日記
    yhmt
    yhmt 2013/04/22
    リンク

  • JSHint+Closure Linter+Gruntで最強のLint環境を目指してみた - はてブロ@ama_ch


    先日JSHint 1.1.0がリリースされ、そのリリースノートに気になる記述がありました。 Adds new option gcl to make JSHint style checks compatible withGoogle Closure Linter. うそーまじでーなにそれヤバイ！ 普段は仕事でClosureにどっぷりなせいもあってClosure Linterを使っているんですが、Closure LinterってJSDocとかお作法的なとこはチェックしてくれるけど、他のLintツールが当たり前にチェックしてくれるとこはやってくれないんですよね。たとえばvarの付け忘れとか。 Closure Compilerを使ってコンパイル時にチェックすることもできるけど、規模が大きくなってくるとその結果が出るまでに10分とか待たないといけなくっていやな感じー。Closure Linterと
    JSHint+Closure Linter+Gruntで最強のLint環境を目指してみた - はてブロ@ama_ch
    yhmt
    yhmt 2013/04/22
    リンク

  • Re* Programming » c#


    今回、中国出身の Designer 王雅さんと一緒に制作した ﹁寄席の箱﹂ を SNACKS Vol.2 で展示しました。 実は、王さんは私が学校の授業︵IoT︶で教えていた生徒なのですが、卒業デザインで発表した内容の世界観がとても良いなと思っていました。 せっかくなので卒業制作とは別に展示やコンテストに出せるものにしないかと声をかけたのでした。 // 一応補足しておくと学校の卒制の合否判定は私の担当では無く、また卒業制作提出後のやり取りです 彼女は、日本のデザインと漫才がとても好きで来日し、1年足らずで日本語のやり取りがほとんど出来るぐらいになっていました。 お笑いを知るには歴史から︵？︶ということで漫才について色々と調査し、その流れの中で寄席や漫才、お笑いにはテレビが非常に大きな関わりを持っており、欠かせないものであると感じ、その時代背景とともにお笑いの歴史をブラウン管に映し表現したい
    yhmt
    yhmt 2013/04/19
    リンク
  • 1 2 3 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.