$30 off During Our Annual Pro Sale. View Details »

gulpをやめてnpm scriptを使う

▲
July 06, 2021
Programming
0
80

gulpをやめてnpm scriptを使う

社内勉強会で使った資料です

▲

July 06, 2021
Tweet

More Decks by ▲

See All by ▲
サーバーレスでフロントエンドも個人開発
mismith0227
0
260
見落としがちな想定漏れ
mismith0227
0
81
Variable Font を使ってみた
mismith0227
1
83
最近のWordPressの開発環境について調べてみた
mismith0227
1
110
Tailwindcssを使ってみる
mismith0227
0
95
カンパイ本町を支える技術
mismith0227
0
2.3k
WP REST APIとReact Nativeを使ってマガジンアプリを作る
mismith0227
1
1.5k
Material - UI v1が 出そうなので使ってみた
mismith0227
0
2.1k
なんか作ってサーバーレスに触れてみた
mismith0227
0
270

Other Decks in Programming

See All in Programming
3. 데이터 레이어 다중화
kakao
PRO
0
140
RailsGirlsGatheringJapan2022
maimux2x
0
150
RubyWorld Conference 2022 に初めて現地参加してみて
shiorin
0
170
Software Architecture
hschwentner
3
1k
よくあるケースから学ぶ！AWS で想定外のコスト増につながるような実装や設計
track3jyo
PRO
9
670
섬세한 ISFP의 코드 가독성 개선 경험
kakao
PRO
0
100
Javaの入門が終わったら何の勉強をすればいいの？ / what should we study after language
kishida
6
39k
실험을 잘한다는 것은 무엇일까?
kakao
PRO
0
370
KubeCon + CNCon Europe 2022 Recap ~ Istio Today and Tomorrow: Sidecars and Beyond
ksudate
0
140
個人開発でも使ってみよう Addressable Asset System
tetsujp84
0
280
How to dynamically validate data with Symfony
marionleherisson
0
150
Kubernetes Admission Webhook Deep Dive
zoetrope
7
660

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
499
130k
Build your cross-platform service in a week with App Engine
jlugia
221
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
8
1.2k
In The Pink: A Labor of Love
frogandcode
132
21k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
4
4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
223
49k
The Language of Interfaces
destraynor
149
21k
Reflections from 52 weeks, 52 projects
jeffersonlam
337
18k
Robots, Beer and Maslow
schacon
154
7.3k
From Idea to $5000 a Month in 5 Months
shpigford
374
44k
We Have a Design System, Now What?
morganepeng
37
5.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k

Transcript

  1. HVMQΛ΍Ίͯ OQNTDSJQUΛ࢖͏

  2. ࠓ೔ͷ࿩ ɾλεΫϥϯφʔͰHVMQΛ࢖Θͳ͍Α͏ʹͯ͠ΈΔ ɾ୅ΘΓʹOQNTDSJQUΛ࢖͏ ɾOQNTDSJQUΛ࢖͏ϝϦοτσϝϦοτͳͲ

  3. HVMQͱ͸ ɾϫʔΫϑϩʔΛࣗಈԽͯ͘͠ΕΔπʔϧ ɾ4BTTΛ$44΁ίϯύΠϧͨ͠Γ ɾλεΫͰ༷ʑͳϓϥάΠϯΛ૊Έ߹ΘͤΔ͜ͱͰ ɹॊೈʹλεΫΛ࡞੒Ͱ͖Δ

  4. OQNTDSJQUͱ͸ ɾQBDLBHFKTPOͷTDSJQUTʹهड़͢ΔͱTIFMMTDSJQU΍ ɹίϚϯυΛ࣮ߦͰ͖Δ ɾOPEF@NPEVMFTʹ௥Ճͨ͠ϥΠϒϥϦΛͦͷ·· ɹར༻͢ΔʢHVMQͷϓϥάΠϯΛհ͞ͳ͍ʣ ɾ࠷ۙOQNTDSJQUͰHVMQͷஔ͖׵͑هࣄΛΑ͘ݟΔ͕ɺ ɹผʹ໨৽͍͠΋ͷͰ΋ͳ͍

  5. OQNTDSJQUͱ͸ "scripts": { "css:sass": "sass src/sass/style.scss:dist/css/style.css --style=expanded --no-source-map", }, ྫ

  6. ϝϦοτ ɾOPEF@NPEVMFTͷύοέʔδΛͦͷ··࢖͏ͷͰ ɹHVMQͷϓϥάΠϯͷ࢓༷ʹࠨӈ͞Εͳ͍ ɹྫʣHVMQTBTTͷ!JNQPSUഇࢭ໰୊ʢํ๏͸͋Δ͚Ͳ ɾλεΫϥϯφʔͷҠΓมΘΓʹࠨӈ͞Εͳ͍ ɹʢੲͷHSVOU͔ΒHVMQͳͲ

  7. σϝϦοτ ɾQBDLBHFKTPOʹશͯͷλεΫΛॻ͘ͷͰهड़ྔ͕ ɹ૿͑ΔɻՄಡੑʢͱ͸͍͑Ұ౓࡞ͬͨΒऴΘΓʣ ɾHVMQͷϓϥάΠϯͰָͰ͖͍ͯͨԸܙ͕ͳ͘ͳΔ ɾTIFMMTDSJQUΛ࢖͏৔߹ΫϩεϓϥοτϑΥʔϜͰͳ͍ ɹʢ.BDͱ8JOEPXTͰίϚϯυ͕ҧ͏ʣ

  8. ؀ڥߏஙσϞ ɾ)5.-͸ͦͷ··ίϐʔ ɾ4BTTΛ$44΁ίϯύΠϧɺ1PTU$44Λ૊Έ߹Θͤͯ ɹ"VUPQSF fi YFSΛ࢖͏ ɾ#BCFMͰ+4ΛτϥϯεύΠϧ ɾCSPXTFSTZODͰϒϥ΢β্ཱͪ͛Δ ɾ֤ϑΝΠϧͷߋ৽Λ؂ࢹ

  9. σϞ

  10. OQNTDSJQU ɾHVMQΛ࢖Θͳͯ͘΋؆୯ʹ؀ڥΛ࡞Εͨ ɾը૾ͱ͔΋ಉ༷ʹઃఆ͢Ε͹0, ɾෳࡶͳॲཧ͕ͳ͍ͳΒOQNTDSJQUͰे෼

  11. ऴΘΓ