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
180
広島フロントエンド勉強会 Vol.18 『gulpの基本とgulp4』
広島フロントエンド勉強会 Vol.18のスライド
井上拓
April 20, 2018
Tweet
Share
More Decks by 井上拓
See All by 井上拓
これからはじめるGit
takanashi66
0
690
Laravel Mixではじめるwebpack
takanashi66
0
450
gulpやめてLaravel Mixはじめた話
takanashi66
1
180
LT-WordPressの開発をプラグインで管理する
takanashi66
0
330
CSS Grid Layout Module
takanashi66
0
95
webサイトのiPhone X 対応
takanashi66
0
1.5k
web制作におけるGitフロー
takanashi66
0
520
広島フロントエンド勉強会 Vol.12 『CSS Grid Layout Module』
takanashi66
0
290
CSS Grid Layout Module
takanashi66
0
250
Other Decks in Technology
See All in Technology
心が動くエンジニアリング ── 私が夢中になる理由
16bitidol
0
100
テストコード品質を高めるためにMutation Testingライブラリ・Strykerを実戦導入してみた話
ysknsid25
7
2.7k
TypeScriptの次なる大進化なるか!? 条件型を返り値とする関数の型推論
uhyo
2
1.7k
"とにかくやってみる"で始めるAWS Security Hub
maimyyym
2
100
【LT】ソフトウェア産業は進化しているのか? #Agilejapan
takabow
0
100
rootlessコンテナのすゝめ - 研究室サーバーでもできる安全なコンテナ管理
kitsuya0828
3
390
Lexical Analysis
shigashiyama
1
150
AWS Media Services 最新サービスアップデート 2024
eijikominami
0
200
Python(PYNQ)がテーマのAMD主催のFPGAコンテストに参加してきた
iotengineer22
0
540
Amazon CloudWatch Network Monitor のススメ
yuki_ink
1
210
The Rise of LLMOps
asei
9
1.8k
Lambda10周年!Lambdaは何をもたらしたか
smt7174
2
130
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
50
7.2k
Being A Developer After 40
akosma
87
590k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
Code Review Best Practice
trishagee
64
17k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
How to Ace a Technical Interview
jacobian
276
23k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
110
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Speed Design
sergeychernyshev
25
620
A better future with KSS
kneath
238
17k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
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