Upgrade to Pro — share decks privately, control downloads, hide ads and more …

gulpをやめてnpm scriptを使う

Avatar for ▲ ▲
July 06, 2021
Programming
0
160

gulpをやめてnpm scriptを使う

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

Avatar for ▲

▲

July 06, 2021
Tweet

More Decks by ▲

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

Other Decks in Programming

See All in Programming
CSC509 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
400
議事録の要点整理を自動化！ サーバレス Bot 構築術
Avatar for ikechi penpeen
3
1.6k
Local Peer-to-Peer APIはどのように使われていくのか？
Avatar for Hal hal_spidernight
2
430
Web技術を最大限活用してRAW画像を現像する / Developing RAW Images on the Web
Avatar for TOMIKAWA Sotaro ssssota
2
1.1k
Advance Your Career with Open Source
Avatar for ivargrimstad ivargrimstad
0
240
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
Avatar for masato hommaru mbook
0
660
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
Avatar for Stelios Frantzeskakis steliosf
PRO
1
280
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
180
PostgreSQLで手軽にDuckDBを使う！DuckDB&pg_duckdb入門/osk2025-duckdb
Avatar for Takahashi Ikki takahashiikki
1
230
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
1
100
NetworkXとGNNで学ぶグラフデータ分析入門〜複雑な関係性を解き明かすPythonの力〜
Avatar for みずほリサーチ&テクノロジーズ株式会社 先端技術研究部 mhrtech
3
920
非同期jobをtransaction内で 呼ぶなよ！絶対に呼ぶなよ！
Avatar for Yuto Urushima alstrocrack
0
370

Featured

See All Featured
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.9k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
610

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. ऴΘΓ