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
480
gulpやめてLaravel Mixはじめた話
takanashi66
1
210
LT-WordPressの開発をプラグインで管理する
takanashi66
0
340
CSS Grid Layout Module
takanashi66
0
110
webサイトのiPhone X 対応
takanashi66
0
1.6k
web制作におけるGitフロー
takanashi66
0
580
広島フロントエンド勉強会 Vol.12 『CSS Grid Layout Module』
takanashi66
0
290
CSS Grid Layout Module
takanashi66
0
270
Other Decks in Technology
See All in Technology
人とAIとの共創を夢見た2か月 #共創AIミートアップ / Co-Creation with Keito-chan
kondoyuko
1
710
CSS polyfill とその未来
ken7253
0
140
Houtou.pm #1
papix
0
660
プロジェクトマネジメント実践論|現役エンジニアが語る!~チームでモノづくりをする時のコツとは?~
mixi_engineers
PRO
3
180
AIとSREの未来 / AI and SRE
ymotongpoo
2
1.3k
MCP Clientを活用するための設計と実装上の工夫
yudai00
1
810
Swiftは最高だよの話
yuukiw00w
2
290
オープンソースのハードウェアのコンテストに参加している話
iotengineer22
0
630
[zh-TW] DevOpsDays Taipei 2025 -- Creating Awesome Change in SmartNews!(machine translation)
martin_lover
1
650
Java で学ぶ 代数的データ型
ysknsid25
1
400
GigaViewerにおけるMackerel APM導入の裏側
7474
0
460
いまさら聞けない Git 超入門 〜Gitって結局なに?から始める第一歩〜
devops_vtj
0
160
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
76
5.8k
A better future with KSS
kneath
239
17k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
How GitHub (no longer) Works
holman
314
140k
We Have a Design System, Now What?
morganepeng
52
7.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Code Reviewing Like a Champion
maltzj
523
40k
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