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エージェントの継続的改善のためオブザーバビリティ
pharma_x_tech
6
1.4k
LinkX_GitHubを基点にした_AI時代のプロジェクトマネジメント.pdf
iotcomjpadmin
0
160
_第3回__AIxIoTビジネス共創ラボ紹介資料_20250617.pdf
iotcomjpadmin
0
140
Observability infrastructure behind the trillion-messages scale Kafka platform
lycorptech_jp
PRO
0
130
[TechNight #90-1] 本当に使える?ZDMの新機能を実践検証してみた
oracle4engineer
PRO
3
140
本部長の代わりに提案書レビュー! KDDI営業が毎日使うAIエージェント「A-BOSS」開発秘話
minorun365
PRO
14
2.3k
CSS、JSをHTMLテンプレートにまとめるフロントエンド戦略
d120145
0
220
Amplifyとゼロからはじめた AIコーディング 成果と展望
mkdev10
1
360
変化する開発、進化する体系時代に適応するソフトウェアエンジニアの知識と考え方(JaSST'25 Kansai)
mizunori
0
140
Prox Industries株式会社 会社紹介資料
proxindustries
0
210
ハノーバーメッセ2025座談会.pdf
iotcomjpadmin
0
150
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
120
Featured
See All Featured
Writing Fast Ruby
sferik
628
61k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.9k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Side Projects
sachag
455
42k
How to train your dragon (web standard)
notwaldorf
92
6.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
41
7.3k
Docker and Python
trallard
44
3.4k
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