Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
GRUNT のあんなこといいなできたらいいな
Search
astronaughts
April 26, 2014
Technology
14
2.1k
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
450
Package と Theme の作り方と PackageControl 登録までの道のり
astronaughts
0
310
Sublime Text を 俺色に染める方法
astronaughts
2
840
Re:Development of ChatWork Apps
astronaughts
1
2.1k
Rapid Prototyping by TiShadow
astronaughts
4
2.7k
Sublime Text 2 for PHP Development
astronaughts
0
230
Titanium ならここまでできる !! Serverside non-programing で作る お手軽 Social Application
astronaughts
1
330
Fathm Like ScrollableView Implementaion for TItanium mobile
astronaughts
3
3.8k
Other Decks in Technology
See All in Technology
バッチ処理のSLOをどう設計するか
rynsuke
7
590
#51 “Empowering Azure Storage with RDMA”
cafenero_777
3
220
家族アルバム みてねで直面してきた技術的負債 / MIXI KAG 2024
isaoshimizu
17
7.7k
任意コード実行の原理
ffri
0
190
サービスメッシュ環境における OpenTelemetry 活用 / OpenTelemetry in Service Mesh
k6s4i53rx
2
870
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
7
100k
コードレビューを支援するAI技術の応用
akkie76
2
170
やっていきテスト
k6s4i53rx
0
160
GraphQLに入門してみた
chiroruxx
2
130
検証からプロダクトへ: シームレスなLLM開発の ためのしくみ作り
nunukim
1
210
AWS アーキテクチャクイズ
yuu26
2
700
AMLD 2024 - Build Your Own GPT
donlelef
1
260
Featured
See All Featured
Faster Mobile Websites
deanohume
296
30k
jQuery: Nuts, Bolts and Bling
dougneiner
57
7.1k
KATA
mclloyd
14
11k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
Building Better People: How to give real-time feedback that sticks.
wjessup
350
18k
Large-scale JavaScript Application Architecture
addyosmani
501
110k
Making Projects Easy
brettharned
106
5.4k
Docker and Python
trallard
33
2.6k
The Language of Interfaces
destraynor
150
23k
Designing Experiences People Love
moore
135
23k
Designing for Performance
lara
601
67k
Raft: Consensus for Rubyists
vanstee
130
6.2k
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