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
170
広島フロントエンド勉強会 Vol.18 『gulpの基本とgulp4』
広島フロントエンド勉強会 Vol.18のスライド
井上拓
April 20, 2018
Tweet
Share
More Decks by 井上拓
See All by 井上拓
これからはじめるGit
takanashi66
0
640
Laravel Mixではじめるwebpack
takanashi66
0
420
gulpやめてLaravel Mixはじめた話
takanashi66
1
170
LT-WordPressの開発をプラグインで管理する
takanashi66
0
290
CSS Grid Layout Module
takanashi66
0
83
webサイトのiPhone X 対応
takanashi66
0
1.4k
web制作におけるGitフロー
takanashi66
0
450
広島フロントエンド勉強会 Vol.12 『CSS Grid Layout Module』
takanashi66
0
270
CSS Grid Layout Module
takanashi66
0
230
Other Decks in Technology
See All in Technology
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
460
データベース02: データベースの概念
trycycle
0
150
長期間TiDBを使ってきた話 @ 私たちはなぜNewSQLを使うのかTiDB選定5社が語る選定理由と活用LT / Experiences with TiDB Over Time
chibiegg
2
890
どうするコスト最適化のトレードオフ
tetsuyaooooo
1
510
地理空間データ可視化・解析・活用ソリューション Pacific Spatial Solutions (PSS)
pacificspatialsolutions
0
190
ServiceNow Knowledge 24の歩き方 EYストラテジー・アンド・コンサルティング
manarobot
0
190
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
200
Databricks における 『MLOps』
databricksjapan
2
170
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
4
910
開発パフォーマンスを最大化するための開発体制
ham0215
2
320
開発生産性向上サービスを作るFindyが自分たちで開発生産性を爆上げした組織づくりの歩み / Findy's path to boosting its own development productivity 2024-04-17
ma3tk
3
650
20分で完全に理解するGrafanaダッシュボード
hamadakoji
3
420
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
164
13k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
The Pragmatic Product Professional
lauravandoore
25
5.8k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
GraphQLとの向き合い方2022年版
quramy
32
12k
[RailsConf 2023] Rails as a piece of cake
palkan
23
3.9k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
BBQ
matthewcrist
80
8.8k
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