基本的な流れはこちらを参考にしました。
絶対つまずかない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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Tm9kaXN0JTIwJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgwJTgxTm9kZS5qcyUyMCVFMyU4MSVBRSVFMyU4MyU5MCVFMyU4MyVCQyVFMyU4MiVCOCVFMyU4MyVBNyVFMyU4MyVCMyVFNyVBRSVBMSVFNyU5MCU4NiVFMyU4MiU5MiVFOCVBMSU4QyVFMyU4MSU4NiVFNiU5NiVCOSVFNiVCMyU5NSVFMyU4MCU5MCUyME5vZGlzdCUyMCVFNSVCMCU4RSVFNSU4NSVBNSVFNyVCNyVBOCUyMCVFMyU4MCU5MSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MGUyMjZlYjkzNmQwODdlMTUxY2Y3ZjBmZTlhOThjZDg&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBGdXRvX0hvcmlvJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xN2Y4MWJlMjk2YzYxNDc4ZmQ3MjdkMmMyMDk2Mzg0OA&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4g5qCq5byP5Lya56S-56We5oi444OH44K444K_44Or44O744Op44Oc&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%23212121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=d6b2cb3956ccd60b8c090e926349c5e8)
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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9d2VicGFjayVFMyU4MiU4NEd1bHAlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElODYlRTYlOTklODIlRTMlODElQUIlRTglQTYlOUElRTMlODElODglRTMlODElQTYlRTUlQjklQjglRTMlODElOUIlRTMlODElQUIlRTMlODElQUElRTMlODElQTMlRTMlODElOUZucG0lRTMlODElQUUlRTQlQkUlQkYlRTUlODglQTklRTMlODElQUElRTQlQkQlQkYlRTMlODElODQlRTYlOTYlQjkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWY1MmU3Mzc1NmUyZjgzNjIzODhhZjliOGQyMGQ5NjEx&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0b25rb3RzdWJveV9jb20mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTRkMjk0YWVmMDYwMDg3MDg3YjY5ZDU5YWIyNDc0YjRm&blend-x=142&blend-y=486&blend-mode=normal&s=986e45a55f9aac91721ac1c54d66abca)
webpackやGulpを使う時に覚えて幸せになったnpmの便利な使い方 - Qiita
昨今のweb開発で必要なwebpackやGulpといった技術は、Node.jsのパッケージ管理ツール「npm」を通して使われます。npmの機能は豊富で、覚えておくと便利な使い方がいくつもあります。と…
windowsのコマンドについて
【Windows】コマンドプロンプトでドライブを移動する方法
Windowsのコマンドプロンプトでドライブを移動する方法です。(良く忘れるので自分用メモ) cdコマンドの「/D」オプションを使用 Windowsのコマンドプロンプトで、cdコマンドを使ってドライブを移動する場合は「/D」オプションを使用
今回は完璧な個人メモです。