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

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
430
見落としがちな想定漏れ
Avatar for ▲ mismith0227
0
210
Variable Font を使ってみた
Avatar for ▲ mismith0227
1
250
最近のWordPressの開発環境について調べてみた
Avatar for ▲ mismith0227
1
290
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
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
Avatar for sumihiro3 sumihiro3
1
730
プロポーザルを書いてもらう
Avatar for pvcresin pvcresin
0
580
VibeCodingからAgenticWorkflowへ
Avatar for starfish719 starfish719
0
870
Go を使い始めて 2 ヶ月の学び / My first two months with Go
Avatar for Daisuke Garaike contour_gara
0
380
freeeにおけるEvalsの実践例の紹介
Avatar for freee freee
PRO
0
150
メールのエイリアス機能を履き違えない
Avatar for 船長（せんちょう） isshinfunada
0
250
Dockerfile CMD for Node.js
Avatar for Ohno Keita grazie1999
0
120
AI Readyの正体はデータマネジメントだ メダリオン2.0の最前線
Avatar for freee freee
PRO
0
390
jsmini JavaScript Engine を作ってみた話
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
0
350
属人化した知識を、 AIが辿れる地図にする
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
1
210
生成AIで帳票OCRが「簡単に」作れる時代になった？
Avatar for Shohei Kondo kon_shou
0
1.2k
MySQLとPostgreSQLって何が違うの？
Avatar for 赤神青空 akagami
0
140

Featured

See All Featured
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
560
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.6k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
500
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
510
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.5k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
470
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k

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