さくっとNode.js開発環境構築 (WSL2 + Docker-Compose + VSCode Remote - Containers)

先ほど、WSL2 + Docker + VSCode Remote - Containers でNode.js開発環境構築を行った。

さくっとWSL2 + Docker + VSCode Remote - Containers でNode.jsが動く開発環境を構築する（devcontainer.jsonは自動生成する） - 愛と幻想のアジャイル

しかし、コンテナ名が自動生成だったので、固定にしたいと思った。 その場合、Docker Compose を使えばコンテナ名を指定できたので、手順を記す。

なお、大まかな手順は上記記事と同様なので、差分のみ記す

さくっとWSL2 + Docker + VSCode Remote - Containers でNode.jsが動く開発環境を構築する（devcontainer.jsonは自動生成する）

以前、VSCode Remote -Containers を使ってDockerコンテナにアクセスする方法を記事に書いた。

takeken1.hatenablog.com

しかし上記記事ではdevcontainer.jsonを手書きする必要があった。

今回は、devcontainer.jsonを用意せず、Dockerfileのみ用意してコンテナにアクセスする方法を記載する。

VSCodeでESLint/Prettierを有効化する (eslint-config-prettierで連携(Prettier公式の推奨設定(2020.6.28時点)))

先日、Next.js の チュートリアルを行うために、環境構築を行った。

takeken1.hatenablog.com

次に、ESLintとPrettierを導入する。

WSL2 + Docker Desktop + VSCode（Remote Development）でcreate-next-appを実行する(なおdevcontainer.jsonを自分で記述する)

この記事 is 何

Next.jsのチュートリアルを、折角なのでWSL2 + Docker Desktop + VSCode (Remote Development) でやってみた記録である。

nextjs.org

【作業ログ】Nodist をアンインストールした記事を読みながらアンインストールした (Windows)

先日NodistとNodeをインストールした。

Windows10にChocolateyを使ってコマンドラインからnodist、Node.jsを入れた備忘録 - 愛と幻想のアジャイル

しかし先ほどnpx create-next-app を実行したところ、npm ERR! cb.apply is not a function なるエラーが発生した。

NodistでNodeのバージョン管理をする予定だったが、Nodist自体が2年前からメンテされておらず、使わないほうがいいという結論に至った。

よって、NodistとサラバしてNodeを入れなおすこととする。

アンインストール手順は下記記事に従った

zenn.dev

以降、ただの作業ログ。