基本的な流れはこちらを参考にしました。
![](https://nakami.me/wp-content/uploads/cocoon-resources/blog-card-cache/13fb84e39a8f4bddedfcbff3b9c02add.png)
絶対つまずかないGulp 5入門 - インストールとSassを使うまでの手順 - ICS MEDIA
ウェブサイト制作には煩雑な処理を自動化する「タスクランナー」や「ビルドシステム」というツールがあります。この記事では、タスクランナー「Gulp.jsガルプ」の導入手順を解説します。導入は簡単で、本記事の手順では5分程度でセットアップできます。
nodistを使ってNode.jsをインストールしたかったのでその部分はこちらを参考にしました。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Tm9kaXN0JTIwJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgwJTgxTm9kZS5qcyUyMCVFMyU4MSVBRSVFMyU4MyU5MCVFMyU4MyVCQyVFMyU4MiVCOCVFMyU4MyVBNyVFMyU4MyVCMyVFNyVBRSVBMSVFNyU5MCU4NiVFMyU4MiU5MiVFOCVBMSU4QyVFMyU4MSU4NiVFNiU5NiVCOSVFNiVCMyU5NSVFMyU4MCU5MCUyME5vZGlzdCUyMCVFNSVCMCU4RSVFNSU4NSVBNSVFNyVCNyVBOCUyMCVFMyU4MCU5MSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZTJkMDVmMGMyZTIxOWIwYzM0ZWQ3MDI4OTFjYzI4MGQ&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBGdXRvX0hvcmlvJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iNWE3YmY2N2E2MTM5NmQ4N2FjZDI0NzZhZDQ4YjU4Mg&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4g5qCq5byP5Lya56S-56We5oi444OH44K444K_44Or44O744Op44Oc&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%231E2121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=a47dca0e2dfe2c1f238d2c402180b88f)
Nodist を使って、Node.js のバージョン管理を行う方法【 Nodist 導入編 】 - Qiita
はじめにNodistのインストール手順をまとめてみた。 #メモレベルインストールする際に、いろんなサイトを見に行くのが面倒なので、自分が引っかかった箇所を重点的に記載してます!Node.js…
その他の参考
webpackやGulpを使う時に覚えて幸せになったnpmの便利な使い方
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9d2VicGFjayVFMyU4MiU4NEd1bHAlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElODYlRTYlOTklODIlRTMlODElQUIlRTglQTYlOUElRTMlODElODglRTMlODElQTYlRTUlQjklQjglRTMlODElOUIlRTMlODElQUIlRTMlODElQUElRTMlODElQTMlRTMlODElOUZucG0lRTMlODElQUUlRTQlQkUlQkYlRTUlODglQTklRTMlODElQUElRTQlQkQlQkYlRTMlODElODQlRTYlOTYlQjkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTQxNGZiNjI4ZWE4ZGU2N2I4MjcyYjEyMTZlNDc3Y2Ix&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0b25rb3RzdWJveV9jb20mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWY4OTlmZjMzMzM0ZTE2NGUxNDY2ODEzOTMwZjUzZTQw&blend-x=142&blend-y=486&blend-mode=normal&s=069b85637355b839e6a603ec250b674b)
webpackやGulpを使う時に覚えて幸せになったnpmの便利な使い方 - Qiita
昨今のweb開発で必要なwebpackやGulpといった技術は、Node.jsのパッケージ管理ツール「npm」を通して使われます。npmの機能は豊富で、覚えておくと便利な使い方がいくつもあります。と…
windowsのコマンドについて
![](https://nakami.me/wp-content/uploads/cocoon-resources/blog-card-cache/8a9af306cc2aa93cfb887795620184b1.jpg)
【Windows】コマンドプロンプトでドライブを移動する方法
Windowsのコマンドプロンプトでドライブを移動する方法です。(良く忘れるので自分用メモ) cdコマンドの「/D」オプションを使用 Windowsのコマンドプロンプトで、cdコマンドを使ってドライブを移動する場合は「/D」オプションを使用
今回は完璧な個人メモです。