Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
coffeescript をいいかんじにコンパイルする grunt taskgrunt-unite-coffee13年4月29日月曜日
自己紹介面白法人カヤック HTMLファイ部 中農稔最近はもっぱらJSerです。twitter@nenjiru13年4月29日月曜日
Coffee Script いいですよね13年4月29日月曜日
ネックだったデバッグも Source map を使えばCoffeeScript のコードでデバッグが可能です13年4月29日月曜日
Chrome 設定方法ステップ実行やブレークも CoffeeScript でできます13年4月29日月曜日
ところが CoffeeScriptのコンパイルは分割出力時にディレクトリを指定できない結合順が指定できない(=依存関係を解決できない) などあまり複雑なことができません13年4月29日月曜日
ある程度の規模で開発するならファイルをパッケージ単位でディレクトリ管理したいですよね13年4月29日月曜日
CoffeeScriptのSource map は(たぶん)MapファイルとJSが同一階層にあることが前提っぽいのでソースをディレクトリごとにわけて管理できません13年4月29日月曜日
つらい ><13年4月29日月曜日
Grunt でごにょごにょすればできそうだぞ13年4月29日月曜日
grunt-unite-coffee つくりましたhttps://github.com/nenjiru/grunt-unite-coffee13年4月29日月曜日
ターゲットファイル(HTML)を指定しファイルリストにしたがってコンパイルした JS と Sourcemap を読み込むモードと結合・圧縮した JS を読み込むモードがありますこれはなに?13年4月29日月曜日
DLしてきたら、npm install してGruntfile.js と import.json を設定しますサンプルを同梱してるので、すぐ試せます使い方13年4月29日月曜日
Gruntfile.js はおもに初期設定をimport.json にはソースファイルのパスを記述しておきますサンプルを同梱してるので、すぐ試せます13年4月29日月曜日
コマンドは2つgrunt unite-coffee:dev(未結合の JS を読み込みgrunt unite-coffee:app(結合、圧縮済みの JS を読み込み13年4月29日月曜日
デモ13年4月29日月曜日
ありがとうございました13年4月29日月曜日
Upcoming SlideShare
Loading in …5
×

Grunt task Unite-Coffee

742 views

Published on

  • Be the first to comment

  • Be the first to like this

Grunt task Unite-Coffee

  1. 1. coffeescript をいいかんじにコンパイルする grunt taskgrunt-unite-coffee13年4月29日月曜日
  2. 2. 自己紹介面白法人カヤック HTMLファイ部 中農稔最近はもっぱらJSerです。twitter@nenjiru13年4月29日月曜日
  3. 3. Coffee Script いいですよね13年4月29日月曜日
  4. 4. ネックだったデバッグも Source map を使えばCoffeeScript のコードでデバッグが可能です13年4月29日月曜日
  5. 5. Chrome 設定方法ステップ実行やブレークも CoffeeScript でできます13年4月29日月曜日
  6. 6. ところが CoffeeScriptのコンパイルは分割出力時にディレクトリを指定できない結合順が指定できない(=依存関係を解決できない) などあまり複雑なことができません13年4月29日月曜日
  7. 7. ある程度の規模で開発するならファイルをパッケージ単位でディレクトリ管理したいですよね13年4月29日月曜日
  8. 8. CoffeeScriptのSource map は(たぶん)MapファイルとJSが同一階層にあることが前提っぽいのでソースをディレクトリごとにわけて管理できません13年4月29日月曜日
  9. 9. つらい ><13年4月29日月曜日
  10. 10. Grunt でごにょごにょすればできそうだぞ13年4月29日月曜日
  11. 11. grunt-unite-coffee つくりましたhttps://github.com/nenjiru/grunt-unite-coffee13年4月29日月曜日
  12. 12. ターゲットファイル(HTML)を指定しファイルリストにしたがってコンパイルした JS と Sourcemap を読み込むモードと結合・圧縮した JS を読み込むモードがありますこれはなに?13年4月29日月曜日
  13. 13. DLしてきたら、npm install してGruntfile.js と import.json を設定しますサンプルを同梱してるので、すぐ試せます使い方13年4月29日月曜日
  14. 14. Gruntfile.js はおもに初期設定をimport.json にはソースファイルのパスを記述しておきますサンプルを同梱してるので、すぐ試せます13年4月29日月曜日
  15. 15. コマンドは2つgrunt unite-coffee:dev(未結合の JS を読み込みgrunt unite-coffee:app(結合、圧縮済みの JS を読み込み13年4月29日月曜日
  16. 16. デモ13年4月29日月曜日
  17. 17. ありがとうございました13年4月29日月曜日

×