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

in Grunt Front Osaka vol.1

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