Upgrade to Pro — share decks privately, control downloads, hide ads and more …

GRUNT のあんなこといいなできたらいいな

GRUNT のあんなこといいなできたらいいな

in Grunt Front Osaka vol.1

14901e9e6fa8aa18f46e5fe47e15b600?s=128

astronaughts

April 26, 2014
Tweet

More Decks by astronaughts

Other Decks in Technology

Transcript

  1. GRUNT ͷ ͋Μͳ͜ͱ͍͍ͳ Ͱ͖ͨΒ͍͍ͳ !" astronaughts ͏͑ͷ·͞ͻΖ Mobile App Engineer,

    ChatWork in Grunt Front Osaka vol.1
  2. GRUNT ͰͰ͖Δ͜ͱͬͯ ͨ͘͞Μ͋Γ㽂

  3. 2,717plugins

  4. ͳΜͰ΋Ͱ͖ͦ͏ͳؾ͕͢Δ

  5. GRUNTͬͯͻΈͭಓ۩Έ͍ͨ

  6. ͲΜͳࣄ͕Ͱ͖Δʁ

  7. ϋϯυαΠϯͱ߹Θͤͯ͝঺հ INTRODUCTION

  8. ϑΝΠϧ͕ߋ৽͞Εͨͧ

  9. grunt-contrib-watch grunt-este-watch

  10. ϑΝΠϧ͕ߋ৽ʢอଘʣຖʹλεΫΛ࣮ߦ ΄΅ඞਢͷϓϥάΠϯ

  11. ಈ͘ͳɺ·ͩมԽ͕ݟΒΕͳ͍

  12. grunt-newer

  13. ϑΝΠϧͷߋ৽ʢอଘʣຖʹඞ࣮ͣߦͰ͸ͳ͘ มߋ͕͋ͬͨ৔߹ͷΈ࣮ߦͤ͞Δ ! ςετ࣮ߦͱ͔ςϯϓϨʔτੜ੒ͱ͔ อଘຖͩͱ΢β͍Ͱ͠ΐʁ

  14. ͸ʔ͍ͳΒΜͰͳΒΜͰ

  15. grunt-concurrent

  16. جຊతʹλεΫ͸ॱ൪ʹಈ͔͢͜ͱ͕ଟ͍͚Ͳ ಉ࣌ʹෳ਺ͷλεΫΛಈ͔͢͜ͱ΋Ͱ͖Δ ! ςϯϓϨʔτੜ੒ʗυΩϡϝϯτੜ੒ʗςετ࣮ߦ ͳͲͳͲɾɾɾ

  17. ͦΕɺ͜͜ʹஔ͖·͢ʁ

  18. grunt-contrib-copy grunt-contrib-clean

  19. ϏϧυͳͲͷλεΫ࣮ߦ࣌ʹ Ϧιʔεͷίϐʔ΍ΩϟογϡϑΥϧμͷ࡟আΛ ࣄલʹ͓͖͍ͯͨ͠ͱ͖ͳͲʹ

  20. ͜ͷ͘Β͍ίϯύΫτʹͯ͠

  21. grunt-contrib-cssmin grunt-contrib-htmlmin

  22. ccs, html Λ minifyʢѹॖʣ͢Δ͜ͱ΋Ͱ͖·͢

  23. αΠζ཈͑ͯ

  24. grunt-contrib-imagemin

  25. PNG, JPEG, GIF ͳͲͷը૾ϑΝΠϧΛ ѹॖͯ͠ϑΝΠϧαΠζΛܰྔԽͰ͖·͢

  26. ͸ʔ͍ςετ͠·ʔ͢

  27. grunt-mocha-test grunt-vows grunt-contrib-nodeunit grunt-contrib-qunit grunt-buster grunt-jasmine grunt-karma grunt-testem

  28. ͱʹ͔ͨ͘͘͞Μ͋Γ·͢ɾɾɾ PhantomJS ͰϑϩϯτͷςετͰ͖ͨΓ JavaScript ςετҎ֎ͷϓϥάΠϯ΋͋Γ·͢ ! ͔ͬͯςεςΟϯάϑϨʔϜϫʔΫ·͡େਿ ศར͚ͩͲͶ

  29. ϦΫΤετ͍͍ͯ͠ʁ

  30. grunt-http

  31. ೚ҙͷ http ϦΫΤετΛߦ͍ औಘͨ͠ϦιʔεΛϩʔΧϧʹอଘ͠·͢ ! Streaming ΍ BASIC/OAuth ೝূͳΜ͔ʹ΋ରԠ

  32. αʔόʔʹσϓϩΥΥΠʂ

  33. grunt-ftp-deploy grunt-rsync grunt-sftp-deploy grunt-s3

  34. ϩʔΧϧϦιʔεΛαʔόʔʹσϓϩΠ͠·͢ શλεΫ׬ྃޙɺ࠷ޙʹσϓϩΠͱ͔ศརͰ͢Ͷ

  35. ͋ɺͦͷ؀ڥม਺͡Όͳ͍Ͱ͢

  36. grunt-env

  37. ! λεΫ͝ͱʹ؀ڥม਺Λม͍͑ͨͱ͔Ͳ͏Ͱ͔͢ ΋͏ωλ੾ΕʁͦɺͦΜͳ͜ͱͳ͍Ͱ͢

  38. ͋ͪΌʔύοέʔδͷόʔδϣϯ্͛Δͷ๨Εͨ

  39. grunt-bump

  40. όʔδϣχϯάͷ͜ͱ๨ΕͪΌ͏ΜͰ͢ΑͶ ͜Ε͔ͭ͏ͱউखʹ package.json ͷ όʔδϣϯ্͛ͯ͘Ε·͢ ! ͸͸͸ɺͦΜͳΜ͍Γ·ͤΜ͔

  41. ͬ͠Όʂٶ࡚͓͍͋ͩʂ

  42. grunt-aoimiyazaki

  43. λεΫ͕׬ྃ͢Δͱٶ࡚͓͍͕͋ ஌Βͤͯ͘Ε·͢ ! ΠϠϗϯͰۂฉ͍ͯΔ࣌ʹۂͷ߹ؒͱ͔ʹ ͞͞΍͔ΕΔͱϏΫοʂͬͯͳΓ·͢

  44. ͍͢͢·ͤΜɺ๻͕࡞Γ·ͨ͠

  45. ଞʹ࡞ͬͨ GRUNT ϓϥάΠϯ ! grunt-chatwork grunt-tishadow grunt-play

  46. ͱ͜ΖͰɾɾɾ

  47. ࠷ۙ͜ΜͳຊΛॻ͖·ͨ͠ʢڞஶʣ

  48. Ϣʔ΋ Amazon ͰΆͪͬͪΌ͍ͳΑ

  49. THANKS!

  50. ! Standardized Hand Signals For Close Range Engagement (C.R.E.) Operations

    ! http://www.lefande.com/hands.html PHOTO CREDITS