Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
GRUNT のあんなこといいなできたらいいな
astronaughts
April 26, 2014
Technology
14
2k
GRUNT のあんなこといいなできたらいいな
in Grunt Front Osaka vol.1
astronaughts
April 26, 2014
Tweet
Share
More Decks by astronaughts
See All by astronaughts
Sublime Text の プラグイン開発の方法
astronaughts
0
390
Package と Theme の作り方と PackageControl 登録までの道のり
astronaughts
0
280
Sublime Text を 俺色に染める方法
astronaughts
2
810
Re:Development of ChatWork Apps
astronaughts
1
2.1k
Rapid Prototyping by TiShadow
astronaughts
4
2.6k
Sublime Text 2 for PHP Development
astronaughts
0
220
Titanium ならここまでできる !! Serverside non-programing で作る お手軽 Social Application
astronaughts
1
320
Fathm Like ScrollableView Implementaion for TItanium mobile
astronaughts
3
3.8k
Other Decks in Technology
See All in Technology
ノーメンテナンス運用実現のためのノウハウ/ColoplTech-05-02
colopl
0
140
2022年度新卒技術研修「エンジニアマインド」講義
excitejp
PRO
0
320
スクラムのスケールとチームトポロジー / Scaled Scrum and Team Topologies
daiksy
1
370
LINEのB2Bプラットフォームにおけるトラブルシューティング2選
line_developers
PRO
3
270
MRTK3 - DataBinding and Theming 入門
futo23
0
120
JDK Flight Recorder入門
chiroito
1
470
suppress-ts-errors を使って TypeScriptの型チェックを漸進的に強化する / Introducing-suppress-ts-errors
kawamataryo
2
100
JUnit5.7, 5.8の新機能紹介 #jjug_ccc #jjug_ccc_b / junit 5.7, 5.8 new features
kyonmm
PRO
2
390
トランザクションスクリプトはどこから来たのか トランザクションスクリプトは何者か トランザクションスクリプトはどこへ行くのか #sekkeinight
a_suenami
7
2.1k
OPENLOGI Company Profile
hr01
0
220
QiitaConference2022
fuwasegu
0
100
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
3
8.8k
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
280
17k
How GitHub (no longer) Works
holman
296
140k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
The Art of Programming - Codeland 2020
erikaheidi
32
9.2k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
213
11k
The Invisible Side of Design
smashingmag
290
48k
Intergalactic Javascript Robots from Outer Space
tanoku
261
25k
10 Git Anti Patterns You Should be Aware of
lemiorhan
638
52k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
655
120k
Scaling GitHub
holman
451
140k
Transcript
GRUNT ͷ ͋Μͳ͜ͱ͍͍ͳ Ͱ͖ͨΒ͍͍ͳ !" astronaughts ͏͑ͷ·͞ͻΖ Mobile App Engineer,
ChatWork in Grunt Front Osaka vol.1
GRUNT ͰͰ͖Δ͜ͱͬͯ ͨ͘͞Μ͋Γ㽂
2,717plugins
ͳΜͰͰ͖ͦ͏ͳؾ͕͢Δ
GRUNTͬͯͻΈͭಓ۩Έ͍ͨ
ͲΜͳࣄ͕Ͱ͖Δʁ
ϋϯυαΠϯͱ߹Θͤͯ͝հ INTRODUCTION
ϑΝΠϧ͕ߋ৽͞Εͨͧ
grunt-contrib-watch grunt-este-watch
ϑΝΠϧ͕ߋ৽ʢอଘʣຖʹλεΫΛ࣮ߦ ΄΅ඞਢͷϓϥάΠϯ
ಈ͘ͳɺ·ͩมԽ͕ݟΒΕͳ͍
grunt-newer
ϑΝΠϧͷߋ৽ʢอଘʣຖʹඞ࣮ͣߦͰͳ͘ มߋ͕͋ͬͨ߹ͷΈ࣮ߦͤ͞Δ ! ςετ࣮ߦͱ͔ςϯϓϨʔτੜͱ͔ อଘຖͩͱβ͍Ͱ͠ΐʁ
ʔ͍ͳΒΜͰͳΒΜͰ
grunt-concurrent
جຊతʹλεΫॱ൪ʹಈ͔͢͜ͱ͕ଟ͍͚Ͳ ಉ࣌ʹෳͷλεΫΛಈ͔͢͜ͱͰ͖Δ ! ςϯϓϨʔτੜʗυΩϡϝϯτੜʗςετ࣮ߦ ͳͲͳͲɾɾɾ
ͦΕɺ͜͜ʹஔ͖·͢ʁ
grunt-contrib-copy grunt-contrib-clean
ϏϧυͳͲͷλεΫ࣮ߦ࣌ʹ ϦιʔεͷίϐʔΩϟογϡϑΥϧμͷআΛ ࣄલʹ͓͖͍ͯͨ͠ͱ͖ͳͲʹ
͜ͷ͘Β͍ίϯύΫτʹͯ͠
grunt-contrib-cssmin grunt-contrib-htmlmin
ccs, html Λ minifyʢѹॖʣ͢Δ͜ͱͰ͖·͢
αΠζ͑ͯ
grunt-contrib-imagemin
PNG, JPEG, GIF ͳͲͷը૾ϑΝΠϧΛ ѹॖͯ͠ϑΝΠϧαΠζΛܰྔԽͰ͖·͢
ʔ͍ςετ͠·ʔ͢
grunt-mocha-test grunt-vows grunt-contrib-nodeunit grunt-contrib-qunit grunt-buster grunt-jasmine grunt-karma grunt-testem
ͱʹ͔ͨ͘͘͞Μ͋Γ·͢ɾɾɾ PhantomJS ͰϑϩϯτͷςετͰ͖ͨΓ JavaScript ςετҎ֎ͷϓϥάΠϯ͋Γ·͢ ! ͔ͬͯςεςΟϯάϑϨʔϜϫʔΫ·͡େਿ ศར͚ͩͲͶ
ϦΫΤετ͍͍ͯ͠ʁ
grunt-http
ҙͷ http ϦΫΤετΛߦ͍ औಘͨ͠ϦιʔεΛϩʔΧϧʹอଘ͠·͢ ! Streaming BASIC/OAuth ೝূͳΜ͔ʹରԠ
αʔόʔʹσϓϩΥΥΠʂ
grunt-ftp-deploy grunt-rsync grunt-sftp-deploy grunt-s3
ϩʔΧϧϦιʔεΛαʔόʔʹσϓϩΠ͠·͢ શλεΫྃޙɺ࠷ޙʹσϓϩΠͱ͔ศརͰ͢Ͷ
͋ɺͦͷڥม͡Όͳ͍Ͱ͢
grunt-env
! λεΫ͝ͱʹڥมΛม͍͑ͨͱ͔Ͳ͏Ͱ͔͢ ͏ωλΕʁͦɺͦΜͳ͜ͱͳ͍Ͱ͢
͋ͪΌʔύοέʔδͷόʔδϣϯ্͛ΔͷΕͨ
grunt-bump
όʔδϣχϯάͷ͜ͱΕͪΌ͏ΜͰ͢ΑͶ ͜Ε͔ͭ͏ͱউखʹ package.json ͷ όʔδϣϯ্͛ͯ͘Ε·͢ ! ɺͦΜͳΜ͍Γ·ͤΜ͔
ͬ͠Όʂٶ࡚͓͍͋ͩʂ
grunt-aoimiyazaki
λεΫ͕ྃ͢Δͱٶ࡚͓͍͕͋ Βͤͯ͘Ε·͢ ! ΠϠϗϯͰۂฉ͍ͯΔ࣌ʹۂͷ߹ؒͱ͔ʹ ͔͞͞ΕΔͱϏΫοʂͬͯͳΓ·͢
͍͢͢·ͤΜɺ͕࡞Γ·ͨ͠
ଞʹ࡞ͬͨ GRUNT ϓϥάΠϯ ! grunt-chatwork grunt-tishadow grunt-play
ͱ͜ΖͰɾɾɾ
࠷ۙ͜ΜͳຊΛॻ͖·ͨ͠ʢڞஶʣ
Ϣʔ Amazon ͰΆͪͬͪΌ͍ͳΑ
THANKS!
! Standardized Hand Signals For Close Range Engagement (C.R.E.) Operations
! http://www.lefande.com/hands.html PHOTO CREDITS