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
広島フロントエンド勉強会 Vol.18 『gulpの基本とgulp4』
Search
井上拓
April 20, 2018
Technology
1
200
広島フロントエンド勉強会 Vol.18 『gulpの基本とgulp4』
広島フロントエンド勉強会 Vol.18のスライド
井上拓
April 20, 2018
Tweet
Share
More Decks by 井上拓
See All by 井上拓
これからはじめるGit
takanashi66
0
720
Laravel Mixではじめるwebpack
takanashi66
0
490
gulpやめてLaravel Mixはじめた話
takanashi66
1
210
LT-WordPressの開発をプラグインで管理する
takanashi66
0
350
CSS Grid Layout Module
takanashi66
0
110
webサイトのiPhone X 対応
takanashi66
0
1.6k
web制作におけるGitフロー
takanashi66
0
600
広島フロントエンド勉強会 Vol.12 『CSS Grid Layout Module』
takanashi66
0
300
CSS Grid Layout Module
takanashi66
0
280
Other Decks in Technology
See All in Technology
新規案件の立ち上げ専門チームから見たAI駆動開発の始め方
shuyakinjo
0
190
認知戦の理解と、市民としての対抗策
hogehuga
0
380
トヨタ生産方式(TPS)入門
recruitengineers
PRO
4
760
DuckDB-Wasmを使って ブラウザ上でRDBMSを動かす
hacusk
1
120
kintone開発チームの紹介
cybozuinsideout
PRO
0
73k
そのコンポーネント、サーバー?クライアント?App Router開発のモヤモヤを可視化する補助輪
makotot
4
710
開発と脆弱性と脆弱性診断についての話
su3158
1
1.2k
ソフトウェア エンジニアとしての 姿勢と心構え
recruitengineers
PRO
10
3.5k
microCMS 最新リリース情報(microCMS Meetup 2025)
microcms
0
170
攻撃と防御で実践するプロダクトセキュリティ演習~導入パート~
recruitengineers
PRO
3
780
どこで動かすか、誰が動かすか 〜 kintoneのインフラ基盤刷新と運用体制のシフト 〜
ueokande
0
200
TypeScript入門
recruitengineers
PRO
27
8.5k
Featured
See All Featured
Side Projects
sachag
455
43k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
480
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Why Our Code Smells
bkeepers
PRO
338
57k
We Have a Design System, Now What?
morganepeng
53
7.8k
Music & Morning Musume
bryan
46
6.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Automating Front-end Workflow
addyosmani
1370
200k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Visualization
eitanlees
147
16k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Faster Mobile Websites
deanohume
309
31k
Transcript
HVMQͷجຊͱHVMQ Ҫ্
Ҫ্ ϑΝφϑΣΫτגࣜձࣾ ϑϩϯτΤϯυΤϯδχΞ ౡϑϩϯτΤϯυษڧձओ࠵ ओ৯ोͳ͠୲ʑ໙ ່͔Θ͍͍ ࠊ௧͍
HVMQKTͱ
HVMQKTͱ w /PEFKTͷ4USFBN"1*ΛͬͨϏϧυγεςϜ w ઃఆΛ+BWB4DSJQUͰॻ͘ w ඇಉظͰฒྻॲཧΛߦ͏ ࡶͳॲཧΛࣗಈԽ͢ΔʮϏϧυγεςϜʯ
HVMQKTͰ͖Δ͜ͱ w )5.- w 4BTT w ϕϯμʔϓϨϑΟοΫε w ίϯύΠϧ w
+BWB4DSJQU w ѹॖ w ϒϥβͷϦϩʔυ XFCαΠτͷίʔσΟϯάʹఔ͕ͨ͘͞Μ
HVMQKTͷಋೖ
Πϯετʔϧ /PEFKTͷΠϯετʔϧ IUUQOPEFKTKQOPEFKTPSH@KBEPDTW
ࠇ͍ը໘
OQNJOJU ύοέʔδཧ QSPKFDUͷॳظઃఆΛߦ͏ OQNJOJUZ ϓϩδΣΫτΛڞ༗ͨ͠߹ͳͲʹ OQNJOTUBMM ࠓͷOQNͷڥ͕ἧ͏
Πϯετʔϧ HVMQKTͷΠϯετʔϧ TVEPOQNJOTUBMMHHVMQDMJ OQNJOTUBMM%HVMQ άϩʔόϧΠϯετʔϧ ϩʔΧϧΠϯετʔϧ
HVMQpMFKT
4BTTͷίϯύΠϧ HVMQTBTTͷΠϯετʔϧ OQNJOTUBMM%HVMQTBTT
HVMQpMFKT
HVMQpMFKT HVMQpMFKTͷجຊܗ HVMQUBTL bλεΫ໊ \ HVMQTSD ಡΈࠐΈΉϑΝΠϧ ʙॲཧʙ
QJQF HVMQEFTU ग़ྗ͢ΔσΟϨΫτϦ ^
TBTTͷίϯύΠϧ
DPOTUHVMQSFRVJSF HVMQ DPOTUTBTTSFRVJSF HVMQTBTT ͏ϓϥάΠϯΛಡΈࠐΉ 4BTTͷίϯύΠϧ
HVMQUBTL bTBTT` \ HVMQTSD TBTT TDTT
QJQF TBTT QJQF HVMQEFTU DTT ^ w TSDʜಡΈࠐΉϑΝΠϧΛࢦఆ w QJQFʜॲཧΛͭͳ͙ w EFTUʜϑΝΠϧͷग़ྗઌΛࢦఆ 4BTTΛίϯύΠϧ͢ΔλεΫ 4BTTͷίϯύΠϧ
HVMQUBTL bXBUDI \ HVMQXBUDI TBTT TDTT <TBTT>
^ ࢹ͢ΔσΟϨΫτϦΛઃఆ 4BTTͷίϯύΠϧ
HVMQUBTL bXBUDI \ HVMQXBUDI TBTT TDTT <TBTT>
^ ࢹ͢ΔσΟϨΫτϦΛઃఆ 4BTTͷίϯύΠϧ ࢹ͢ΔσΟϨΫτϦ มߋ͕͋ͬͨ߹ͷλεΫ
w EFGBVMUʜλεΫ໊Λࢦఆͤͣʹ࣮ߦ͞Εͨ࣌ͷॲཧ HVMQUBTL EFGBVMU <XBUDI> σϑΥϧτͰ࣮ߦ͢ΔλεΫΛՃ 4BTTͷίϯύΠϧ
ϕϯμʔϓϨϑΟοΫε
ϕϯμʔϓϨϑΟοΫεͷ༩ HVMQBVUPQSFpYFSͷΠϯετʔϧ OQNJOTUBMM%HVMQBVUPQSFpYFS w αϙʔτ͍ͨ͠ϒϥβΛࢦఆ͠ɺඞཁͳϕϯμʔϓϨ ϑΟοΫεΛࣗಈͰ༩ͯ͘͠ΕΔ w $BO*VTFʜΛϕʔεʹ࡞ΒΕ͍ͯΔ w ϒϥβόʔδϣϯΛࢦఆ͢Δ͜ͱ͕Ͱ͖Δ
DPOTUBVUPQSFpYFSSFRVJSF HVMQBVUPQSFpYFS ͏ϓϥάΠϯΛಡΈࠐΉ ϕϯμʔϓϨϑΟοΫεͷ༩
HVMQUBTL bTBTT \ HVMQTSD TBTT TDTT
QJQF TBTT QJQF BVUPQSFpYFS \ CSPXTFST<MBTUWFSTJPOT> ^ QJQF HVMQEFTU DTT ^ 4BTTͷλεΫʹΈࠐΉ ϕϯμʔϓϨϑΟοΫεͷ༩
Τϥʔͷ੍ޚ
Τϥʔͷ੍ HVMQQMVNCFSͷΠϯετʔϧ OQNJOTUBMM%HVMQQMVNCFS w 4BTTͷίϯύΠϧ࣌ʹΤϥʔ͕͋ΔͱɺHVMQͷXBUDIࣗ ମ͕ࢭ·ͬͯ͠·͏ͷΛճආ
DPOTUQMVNCFSSFRVJSF HVMQQMVNCFS ͏ϓϥάΠϯΛಡΈࠐΉ Τϥʔͷ੍
HVMQUBTL bTBTT \ HVMQTSD bTBTT TDTT ɹQJQF
QMVNCFS QJQF TBTT QJQF BVUPQSFpYFS QJQF HVMQEFTU DTT ^ 4BTTͷλεΫʹΈࠐΉ Τϥʔͷ੍
TPVSDFNBQ
TPVSDFNBQͷग़ྗ HVMQTPVSDFNBQTͷΠϯετʔϧ OQNJOTUBMM%HVMQTPVSDFNBQT w TPVSDFNBQTΛग़ྗ͢Δ
DPOTUTPVSDFNBQTSFRVJSF HVMQTPVSDFNBQT ͏ϓϥάΠϯΛಡΈࠐΉ TPVSDFNBQͷग़ྗ
HVMQUBTL TBTT GVODUJPO \ HVMQTSD bTBTT TDTT` QJQF
TPVSDFNBQTJOJU ɹQJQF QMVNCFS QJQF TBTT QJQF BVUPQSFpYFS QJQF TPVSDFNBQTXSJUF NBQ QJQF HVMQEFTU DTT ^ 4BTTͷλεΫʹΈࠐΉ TPVSDFNBQͷग़ྗ
ϒϥβγϯΫ
ϒϥβγϯΫ CSPXTFSTZODͷΠϯετʔϧ OQNJOTUBMM%CSPXTFSTZOD w ࣗಈͰϒϥβΛϦϩʔυͯ͘͠ΕΔ w ϩʔΧϧαʔόΛཱͯΔͷͰεϚϗͰ֬ೝ͕Ͱ͖Δ w ͪΖΜεϚϗϦϩʔυͯ͘͠ΕΔ
DPOTUCSPXTFS4ZODSFRVJSF CSPXTFSTZOD DSFBUF ͏ϓϥάΠϯΛಡΈࠐΉ ϒϥβγϯΫ
HVMQUBTL bCSPXTFSTZOD \ CSPXTFS4ZODJOJU \ TFSWFS\
CBTF%JSIUEPDT ^ ^ ^ w CBTF%JSʜج४ͱͳΔσΟϨΫτϦύε ϒϥβγϯΫʹ͏αʔόΛݐͯΔ ϒϥβγϯΫ
HVMQUBTL CSPXTFSSFMPBE \ CSPXTFS4ZODSFMPBE ^ w CBTF%JSʜج४ͱͳΔσΟϨΫτϦύε ϒϥβγϯΫͰϦϩʔυ͢ΔλεΫ
ϒϥβγϯΫ
HVMQUBTL XBUDI \ ɹHVMQXBUDI TDTT TDTT <TBTT>
HVMQXBUDI bJOEFYIUNM` <CSPXTFSSFMPBE> ^ ϒϥβγϯΫ
HVMQUBTL TBTT GVODUJPO \ HVMQTSD bTBTT TDTT` QJQF
TPVSDFNBQTJOJU ɹQJQF QMVNCFS QJQF TBTT QJQF BVUPQSFpYFS QJQF TPVSDFNBQTXSJUF NBQ QJQF HVMQEFTU bDTT QJQF CSPXTFS4ZODTUSFBN ^ ϒϥβγϯΫ
HVMQUBTL EFGBVMU <CSPXTFSTZOD XBUDI> σϑΥϧτͰ࣮ߦ͢ΔλεΫΛՃ σϑΥϧτ
HVMQ!
HVMQ!ͰมΘͬͨ͜ͱ w λεΫͷྻɾฒྻॲཧ w λεΫͷߏจՃ w λεΫྃ࣌ʹίʔϧόοΫؔΛ࣮ߦ ओͳมߋ
OQNJOTUBMM%HVMQ! HVMQ!ΛΠϯετʔϧ HVMQ!ͷΠϯετʔϧ
HVMQpMFKT HVMQpMFKTͷجຊܗ HVMQUBTL bλεΫ໊` ίʔϧόοΫؔ\ HVMQTSD ಡΈࠐΈΉϑΝΠϧ ʙॲཧʙ
QJQF HVMQEFTU ग़ྗ͢ΔσΟϨΫτϦ ίʔϧόοΫؔ ^
ಉظɾඇಉظॲཧ HVMQQBSBMMFMͱHVMQTFSJFT HVMQUBTL bλεΫ໊` \ HVMQTFSJFT HVMQQBSBMMFM bUBTL`
bUBTL` bUBTL` ^
HVMQUBTL bTBTT` \ HVMQTSD TBTT TDTT
QJQF TBTT QJQF HVMQEFTU DTT ^ 4BTTΛίϯύΠϧ͢ΔλεΫ 4BTTͷίϯύΠϧ HVMQ!
HVMQUBTL bTBTT` EPOF\ HVMQTSD TBTT TDTT QJQF
TBTT QJQF HVMQEFTU bDTT` EPOF ^ 4BTTΛίϯύΠϧ͢ΔλεΫ 4BTTͷίϯύΠϧ HVMQ!
HVMQUBTL bXBUDI \ HVMQXBUDI TBTT TDTT <TBTT>
^ ࢹ͢ΔσΟϨΫτϦΛઃఆ 4BTTͷίϯύΠϧ HVMQ!
HVMQUBTL bXBUDI \ HVMQXBUDI TBTT TDTT HVMQTFSJFT
bTBTT MPH ^ ࢹ͢ΔσΟϨΫτϦΛઃఆ 4BTTͷίϯύΠϧ HVMQ!
HVMQUBTL EFGBVMU <XBUDI> σϑΥϧτͰ࣮ߦ͢ΔλεΫΛՃ 4BTTͷίϯύΠϧ HVMQ!
HVMQUBTL EFGBVMU HVMQTFSJFT XBUDI 4BTTͷίϯύΠϧ
σϑΥϧτͰ࣮ߦ͢ΔλεΫΛՃ HVMQ!
·ͱΊ
w ίʔσΟϯάͷఔͨ͘͞Μ͋ͬͯࡶ w ͦΕΒΛࣗಈԽͯ͘͠ΕΔʮHVMQKTʯ w গ͠ͷ͔࣌͠Εͳ͍͚ͲɺͪΓͭΕ͍ͭͷ੍ ࡞ΑΓૣ͘Ͱ͖Δ w HVMQGJMFKTॻ͍ͯ͋Δ͜ͱ୯७ w
HVMQ!ͷҎ߱ͦΜͳʹखؒ͡Όͳ͍ ·ͱΊ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
ౡϑϩϯτΤϯυษڧձ7PM DPODSFUFʹ৮ͬͯΈΑ͏ ώϩϑϩ$.4෦7PM ݄ ʙ גࣜձࣾϦʔυεϖʔε ౡݝౡࢢத্۠ീஸງϐϩςΟʔώϩγϚ' IUUQTIJSPGVSPPSH