Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

gulpをやめてnpm scriptを使う

Avatar for ▲ ▲
July 06, 2021
Programming
190
0

gulpをやめてnpm scriptを使う

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

Avatar for ▲

▲

July 06, 2021

More Decks by ▲

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

Other Decks in Programming

See All in Programming
Kotlinの15年とServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
170
Unity6 URPによる海底をテーマにしたVJシステムの解説 | Unity Shader 完全に理解した 勉強会
Avatar for がむ gam0022
0
380
クラウドエージェントは、 何がそんなに便利なのか / what makes cloud agents so useful
Avatar for r-kagaya rkaga
3
530
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
170
GemmaをJevのように使ってみる / Use Gemma like Jev
Avatar for Naoki Kishida kishida
5
840
コードで差別化できない時代の ソフトウェアエンジニアリング / Software Engineering in an Era Where Code Doesn’t Differentiate
Avatar for Naoki Kishida kishida
2
200
現場と育てるRailsモデリング 〜Spreadsheetから始めたモデル設計〜
Avatar for siroemk siroemk
2
960
npm との違いを手がかりにGo の依存管理を理解したい
Avatar for OPTiM optim
0
1.1k
contenteditable と日本語入力に向き合う
Avatar for taki colorful12
0
220
エージェントを使い続けるためのメタワーク / Meta-work for keeping using the agent
Avatar for r-kagaya rkaga
6
1.9k
FactoryBotをやめればRSpecは速くなるのか？
Avatar for nissyi yuta_onishi_97
0
1.2k
自サークルのIdPからログアウトできるようになるまで
Avatar for taiseiue taiseiue
1
150

Featured

See All Featured
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
410
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
2k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
74
43k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
600
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
460
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
460
New Earth Scene 8
Avatar for Sydney Stone popppiees
4
2.7k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
22k

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