現在、色々ワケありまして、開発環境での確認でもJavaScriptはconcat、あとはsassも使っているのでこちらもコンパイルしないと確認ができないという環境の為に、一々ファイルを保存する度にコマンド叩くのもなーという事でGrunt.jsを使う事に決定しました。sassはwatchコマンドありますけどもね。

で結局watchして、ファイルの変更があったらコマンドを叩くっていうのは結構すぐに終わって快適になったんです。(grunt-execのおかげ) しかし、色々と欲が出てきたので、ちょっと試行錯誤してみたらハマったのでメモ。

やりたかった事は、同じディレクトリにあるJSONファイルにconcat用の設定を外出しにして、grunt.jsではそれを読み込むだけにしたいって事でした。が、ドキュメント見たりしてもそんなのどこにも書いてない。最初は<json:file.json>を設定してあげて、それを読み込めばいいかと思ったら、 Object.keyがObjectじゃないの読み込んでるよーってエラーが出てしまい…。こんなのですね。

JSON

{
  "dest": {
    "src": ['hoge.js', 'fuga.js'],
    "dest": 'dest/common.js'
  },
  "product": {
    "src": ['hoge.js', 'fuga.js'],
    "dest": 'js/common.js'
  }
}

JavaScript

module.exports = function(grunt) {
  grunt.initConfig({
    js_concat: '<json:dest.json>',
    concat: '<%= js_concat %>'
  });
};

こっから、grunt.registHelper()使ってみたりしたり試行錯誤した結果…。単純にこんな風にすれば良かっただけでした。

JSON

{
  "dest": {
    "src": ['hoge.js', 'fuga.js'],
    "dest": 'dest/common.js'
  },
  "product": {
    "src": ['hoge.js', 'fuga.js'],
    "dest": 'js/common.js'
  }
}

JavaScript

module.exports = function(grunt) {
  grunt.initConfig({
    concat: grunt.file.readJSON('dest.json');
  });
};

フタを開けたらどうって事ないですけども、見つけるまでは大変といういつものパターンでしたが、色々と勉強になりました。これってあんまりニーズ無いのか、探し方が悪いのかそんなにググル先生にも答えてもらえなかった…。

本格的にGrunt.jsでビルドして本番にっていうのはしないはずですが、開発時には最大限に楽出来るようにもう少し色々と見てみようかと思ってます。個人でも使ってみよう。

2012-08-06

退職して、転職してた

仕事

7月から新しい会社でやっぱりJavaScript書いてます。終り。

2011-07-26

もうさ、半年に一回しかブログ書いてないじゃん

雑記 Web関係 Machintosh 仕事

お久しぶり過ぎます…。Layzieです。

最近(と言っても最早5ヶ月前…)は初っ端は大体こんな始まりで嫌になりますね。

さて、俺の近況は…何か色々やってました。仕事はえっと、Ajax周りのJavaScript実装をやってみたり、今はなぜかデザインしています。スマホとかの。何でだろうか…。あ、1ヶ月前くらいにTitanium Mobileのセミナーにも行ってきましたね。Masuidriveさん来日してセミナーしてくれたヤツです。これはブログに書こうかと思ったんですが、すっかり書く機会を逸してしまいました。

後はゲームは…L.A.ノワールとInfamous2の2本立てでやってます。L.A.ノワールは一部で評判が悪いですが、自分としては非常に面白くやってます。主人公の捜査能力とかちょっとどうなの？ってレベルで驚愕しますが。Infamous2は超グラフィックが前作よりパワーアップしてて感動します。前作は善悪両方クリアしたんで、これも楽しめそうです。L.A.ノワールが残り半分という所に来たので終わったら、アリスマッドネス(だっけ？)を買うんだ…。洋ゲー三昧。

そして、MacBook Pro 15incを買ってみました。前のポリMacBookたんのハードディスクがお逝きになりまして…。3年位使ってたんですが、Core i7の力を知って驚愕してました。全然ストレス無く作業できますねえ。しかし、MacBook Airの梅も欲しくなってますが。

後はガガ様を聞いてウハウハしたり、メガネかけた椎名林檎にトキめいたりですかね。

と、言うことで近況報告以上！あんまりブログの間空けないような努力をしよう…。

Life goes on

何かJavaScriptとかVimとかMacとかに関係してそうな深淵から覗かれる者

Frontrend Vol.4 powered by CyberAgentの告知のはずでした

Frontrend（フロントレンド） Vol.4　powered by CyberAgent

参考URL

Grunt.js始めました

退職して、転職してた

もうさ、半年に一回しかブログ書いてないじゃん

Frontrend（フロントレンド） Vol.4 powered by CyberAgent

参考URL

Frontrend（フロントレンド） Vol.4　powered by CyberAgent