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.3k
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
520
Package と Theme の作り方と PackageControl 登録までの道のり
astronaughts
0
360
Sublime Text を 俺色に染める方法
astronaughts
2
910
Re:Development of ChatWork Apps
astronaughts
1
2.1k
Rapid Prototyping by TiShadow
astronaughts
4
2.8k
Sublime Text 2 for PHP Development
astronaughts
0
250
Titanium ならここまでできる !! Serverside non-programing で作る お手軽 Social Application
astronaughts
1
380
Fathm Like ScrollableView Implementaion for TItanium mobile
astronaughts
3
3.8k
Other Decks in Technology
See All in Technology
AIが書いたコードをAIが検証する!自律的なモバイルアプリ開発の実現
henteko
1
350
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
ishikawa_satoru
1
330
自動テストのコストと向き合ってみた
qa
0
190
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
1
890
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
0
140
いまさら聞けない ABテスト入門
skmr2348
1
210
英語は話せません!それでも海外チームと信頼関係を作るため、対話を重ねた2ヶ月間のまなび
niioka_97
0
120
Goに育てられ開発者向けセキュリティ事業を立ち上げた僕が今向き合う、AI × セキュリティの最前線 / Go Conference 2025
flatt_security
0
350
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
noayaoshiro
0
200
【Oracle Cloud ウェビナー】クラウド導入に「専用クラウド」という選択肢、Oracle AlloyとOCI Dedicated Region とは
oracle4engineer
PRO
3
110
extension 現場で使えるXcodeショートカット一覧
ktombow
0
220
JAZUG 15周年記念 × JAT「AI Agent開発者必見:"今"のOracle技術で拡張するAzure × OCIの共存アーキテクチャ」
shisyu_gaku
0
120
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
960
Speed Design
sergeychernyshev
32
1.1k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
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