How to install JavaScript dev environment in Windows | Why is WSL2 needed?
ฝัง
- เผยแพร่เมื่อ 4 ก.พ. 2025
- Even though Windows is the OS with the highest market share, creating a programming development environment for Windows is a bit hard (especially for web dev including JavaScript).
This video explains the historical background and how to build a development environment.
■ Links
WSL2
docs.microsoft...
VSCode and the extension
docs.microsoft...
Windows Terminal
www.microsoft....
Example code on p5.js web editor
editor.p5js.or...
■ License
音楽 ... フリーBGM・音楽素材MusMus musmus.main.jp/
コメントが消えるバグについて - TH-cam removes comments randomly
th-cam.com/users/postUgzPly1mWEmvtzc5DhF4AaABCQ
知りたかったことにドンピシャだったのでありがたいです！
こういうのありがたいです。
ｃ言語勢ですがこういうのがあると別言語への進出がしやすくなるのでありがたいっす
WSL2は素晴らしいですね。Rでの統計計算ぐらいしかできない・しないしょんぽりな私でも、こいつでとても楽になりました。
と言いながら、ネット記事のお陰でなぜか動くようになったもののなんだか良くわからないとこがいっぱいあったので、今回の動画がとてもありがたかったです。
とても丁寧な解説動画で分かりやすかったです。
今までVS CodeにLive Serverの拡張機能を入れていたので
JavaScriptの開発に関して特に不便さを感じた事が無かったのですが、
LinuxやNodeを使用する事でしか得られないメリットについて教えていただけると幸いです。
Nodeを使用したい状況ってのはサーバサイド言語もjavascriptが使えるって事ですね。動画でもちょっと解説されてます。
Linuxを使う理由はサーバサイド系やDevops系を勉強していくとよくわかりやすくなりますよ。
気になってたんでうれしい
ありがとうございます！
I'am from Brazil, thank you.
Windows Terminalの起動時の初期ディレクトリが「Windows側のユーザー名のフォルダ」になっていますが、これでは非常に不便です。やはり、初期ディレクトリは「Ubuntu側のhome下のusernameのディレクトリ」に変更したほうがいいです。
会社のコンピュータがWindowsなので仕方なくWSL2使ってるけど、本当はWindowsの機能は要らないのでLinuxで起動したい。Windowsで一番使っているソフトがWSLという無駄な状況。。。
wsl2にはvmmemによるメモリ枯渇問題があったと思うんですが、動画の方法でインストールすれば回避できますか？
とくに回避策などは講じてないのでメモリ枯渇問題は起きちゃいますね、早く治ってほしいものです
定期的に wsl.exe --shutdown してます🥺
@@heron-no-suugaku
ありがとうございます！
毎回再起動してたので、今度からそうします。
@@kame3900
.wslconfigのファイルを設定するのはだめなんですかね？
また、ビルド 20175によってメモリの最大使用量が8GBもしくはメモリの50%の少ない方になったらしいです。
@@六円ロエン
情報ありがとうございます。
.wslconfigの設定もしているのですが、使い終わってもvmmemがメモリを食ったままで、それを消すのが面倒…という思いです。
@@kame3900
そういうことなんですね！失礼しました。
自分は開発用PCとしてのみの使用だったのでその発想がなかったですね……
昔やった記憶がバンバン出てくるw
Code .してからhttp-sarverしてVScode弄ってからctrl+Sしてhttp-sarverのurlコピペして...を毎回やってた記憶が蘇ったw
ググりながら環境構築してたけどホントに便利な時代になったな
重箱の隅をつつくようで申し訳ないけどsarverじゃなくてserverだぞ
自分がセッティングをどこかで抜かしてるかもしれないですが、wslから、webpack-dev-server(next devの場合も)立ち上がってくれなくないですか？
調べたら感じwslのバグっぽい？ですが
wsl2は本当に画期的で大好きなんですけど、唯一メモリ周りで難があるんですよね。
ソースコードが大きくなったり、フレームワークを使いだすとなると、VSCodeの動作を調整しても一瞬でメモリ8GBとか使い潰しちゃいます。
これのおかげでプライベートPCくんのメモリが32GBになりました🙄
wslconfigで割当量増やせますよ。
もちろん、親機に積まれてる以上はダメですが。
@@cmplstofB wslconfで割り当てを指定できることはその通りですね。
書いていなかったのですが、仕事用に支給されているPCがありまして、これがメモリ8GBで増設不可な設計になっているんです。
その割り当ての指定でメモリの使用量を抑える設定をしていても、調べ物や確認ででブラウザとか開くとそれだけで本体のメモリ使い切っちゃうなという感じです。
動画では/mnt/c/配下で作業をしておられますが、実開発でもそこで作業をされていますか？
[17秒程度]
dd bs=1K count=100000 if=/dev/zero of=/mnt/c/Users/xxxxxx/Downloads/file1
[0.4秒程度]
dd bs=1K count=100000 if=/dev/zero of=/home/xxxxxx/file1
環境によって数十倍から100倍くらい速度違うみたいですよ
この動画では尺の都合ではしょってますが、読み書きする機会が多いもの（git repoとか）はUbuntu側に移した方がいいですね。（自分もそうしてます）
gitの解説動画とかを作るときについでに話そうかなと思います🐧
windows版のnpmとnode.js使えばwsl2不要だと思うんですが、wsl2使う意味は意味あるんでしょうか？
今まで普通にwindows版使って開発してました
Windowsだとnodeのフレームワークをうまくビルドできないことがあるんですよね。。
Windowsで開発してた頃はビルドのためだけにMac使ったりしてました
細かいところでバグる時があります
ロボット開発でもlinux必須ですね
これって同じような疑似ターミナルのMSYSもありますが具体的に何が違うんですかね?
MSYS ... 開発に便利なUnixアプリ（bash, sed, tarなど）をWindows向けにコンパイルしてパッケージしたもの。使えるのはパッケージ内のアプリのみ
WSL2 ... 仮想マシンなので、Linuxのディストロが丸ごと動く。例えばUbuntuをインストールした場合、APTで入手できるUbuntu向けバイナリがそのまま動く。そのため多くのアプリを使える
ざっくりですがこんな感じです。MSYSに内蔵されているアプリで事足りるならMSYS、他のアプリも使いたいならWSL2、がいいかなと思います
いつもLinuxは無料で使えるからという理由でサブPCに使っていますが、開発に向いている理由がどうしてもわかりませんでしたOrz
別にVSCodeの拡張機能を使えば、httpサーバーを立ててくれるし、p5jsも動かしてくれました。
WSL2を使うといい理由を今後の動画で教えて貰えると嬉しいです。
確かにhttp-serverはVSCodeの拡張機能でも代替できるので、それだけだとWSL2を入れる理由としては弱いですね🤔
今後の動画でメリットをもっと強調しようと思います🐤
フロントエンドのみの開発であればあまりメリットを感じにくいかもしれませんね。
そのUbuntuの窓はどっから開くねん
WSL2のインストール後、再起動すると自動で開くぞい
手動で開くならWindowsキー押してから「Ubu」と入力すれば検索されて出てくるぞい
mac は、もう macOS X じゃなくて、macOS 12 Monterey です。
WindowsはGammingOS✌('ω'✌ )
開発には向いていない