70
タスクランナーと私 •日々タスクランナーを使ったり使わなかったりする私ですが、私の 最近の事例を交えた利用例や、自動化を軸としたタスクランナーと の付き合い方を中心にお話します。 1
20140712 mintsumu
Embed Size (px)
DESCRIPTION
「みんつむ Beta1: Web開発が加速する！タスクランナー『Grunt』を学ぶ」 | ツムグ http://tsumugu.link/2014/123 「タスクランナーと私」の登壇資料アップしました。 日々タスクランナーを使ったり使わなかったりする私ですが、私の最近の事例を交えた利用例や、自動化を軸としたタスクランナーとの付き合い方を中心にお話しました。 ◆スライド内の素材は以下を使用させて頂いております。ありがとうございます！ ・商用フリーで使える影絵素材サイト シルエットデザイン → http://kage-design.com/ ・human pictogram 2.0 → http://pictogram2.com/
Citation preview
2. 2 3. 3 4. 2004 FLASH JavaScriptHTML5 4 5. JavaScript 5 6. 6
7. 7 8. iPad 8 9. 9 10. 10 11. Grunt 11 12. Grunt 12 13. 13 14. 14
15. 15 16. 16 17. 17 18. 18 19. 19 20. 20 21. Grunt 21 22. Grunt 22
23. Grunt package.json 23 24. Grunt JS Gruntfile.js 24 25. 25 26.
26 27. LessJS 27 28. 28 29. 29 30. 30 31. 31 32. Grunt Node.js 32
33. Grunt Node.js Node.js 33 34. /// 34 35. Grunt Node.js 35 36.
Grunt Node.js 36 37. Grunt Node.js 37 38. 38 39. Node.js JS JS 39
40. Grunt HTML, JS, CSSminify zip CSS Sprite Sass(Compass), Less
LiveReload 40 41. Grunt WEB 41 42. 42 43. 43 44. CreateJS 44 45.
CreateJS 45 46. CreateJS node_moduleGit JSONGrunt Gruntfile.js
JavaScript 46 47. Grunt/createjs/sample.html 47 48. Grunt 48 49.
createjs deliver 49 50. JS(src.min.js) 50 51. 51 52. sample.html
CreateJS 52 53. CreateJS 53 54. tasks/createjs.js 54 55. 55 56. zip
56 57. 57 58. package.js 58 59. Gruntfile.js 59 60. 60 61. HTMLJS
61 62. 62 63. 63 64. Grunt 64 65. 65 66. Gulp 66 67. Grunt JS 67
68. 68 69. 69 70. 70
