# もっと Docker 使おうよ！Node を Docker から引っ張ろうよ

Mac のローカル環境で Docker 経由で Node.js をバージョン別に自由切り替えできるようにしたい！
今まで、PHP の開発でよく使っている sail と composer を Docker コマンドの alias 貼って使っていますが、Node は Nodebrew つかってバージョン管理しています。Nodebrew が不便なわけではないけど、Node も Docker から引っ張って使うようにしたらどうかなとやってみました。

Composer の alias

alias sail='[ -f sail ] && sh sail || sh vendor/bin/sail'
alias composer='docker run --rm -itv $PWD:/app composer:2.7.1'

# alias を貼る

~/.zshrc や ~/.bashrc などに alias を設定する

alias node18="docker run --rm -it -v $(pwd):/app -w /app node:18 bash"
alias node20="docker run --rm -it -v $(pwd):/app -w /app node:20 bash"
alias node22="docker run --rm -it -v $(pwd):/app -w /app node:22 bash"
alias node24="docker run --rm -it -v $(pwd):/app -w /app node:24 bash"

使い方

node18  # Node.js 18を起動
node20  # Node.js 20を起動
node22  # Node.js 22を起動
node24  # Node.js 24を起動

# npm と yarn などのコマンドに影響するので修正

npm Yarn など他のコマンドもコンテナ内のものが使われるため、ローカル環境の yarn とは別物で、同じように alias 貼る必要があります。

alias node18="docker run --rm -it --entrypoint node node:18"
alias yarn18="docker run --rm -it --entrypoint yarn node:18"
alias node20="docker run --rm -it --entrypoint node node:20"
alias yarn20="docker run --rm -it --entrypoint yarn node:20"
alias node22="docker run --rm -it --entrypoint node node:22"
alias yarn22="docker run --rm -it --entrypoint yarn node:22"
alias node24="docker run --rm -it --entrypoint node node:24"
alias yarn24="docker run --rm -it --entrypoint yarn node:24"

これでバージョン別で自由に切り替えできるコマンドチームができました。
けど、NVM や nodebrew を使うより、どちのほうが便利かな。。。

# Node.js 公式推薦のバージョン管理方法

何言っても公式は最強ですね。Node 公式では NVM を使うこと推薦されています。

# nvmをダウンロードしてインストールする：
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

# Node.jsをダウンロードしてインストールする：
nvm install 22

# Node.jsのバージョンを確認する：
node -v # "v22.14.0"が表示される。
nvm current # "v22.14.0"が表示される。

# npmのバージョンを確認する：
npm -v # "10.9.2"が表示される。

2025-02-22 3時間前

javascript

関連記事

Nuxt.js と Ant Design Vue 2 テーマカスタマイズ

Nuxt.jsとAnt Design Vue 2を使用してテーマカスタマイズしてみました。...

Javascript 非同期処理 async と await のメモ

javascript async await 使って非同期処理のいろいろ...

Cookie localStorage sessionStorage の違い

Cookie とWeb Storage localStorage sessionStorageの違い...

JavaScript ライブラリ aos.js 使ってスクロール連動アニメーション

aos.js ライブラリ使ってHTML要素がスクロールと連動してアニメーションをします。...

bootstrap vuejs 使って generate する際に babel が icons ファイル max 500KB エラー

大きいファイルをスライス分割してアップロード

大きいファイルを分割アップロードする方法、並行処理と失敗した際の自動アップロードします。...

javascript 楽しく遊ぼう!メッセージつぶやくウシ cowsay

楽しくjavascriptを遊ぶ用のパッケージcowsayについてのメモ...

Javascript DataTables で excel 風 table 作る

JQueryでエクセル風テーブルの一部だけ横スクロールできるようにDataTables使ってみました...

javascript 配列重複排除

javascriptで配列重複排除の複数やり方をまとめ、よく使うfilterとEcmaScript ...

javascript 文字列と配列検索 indexOf findIndex find some includes 関数の違い

よく使う文字列と配列検索関数比較 javascript 文字列と配列検索 indexOf findI...

国際化 i18n と地域化 L10N

i18n が internationalization の略で国際化という意味で、地域化は L10n...

ブラウザーで動く javascript のクッキー操作ライブラリ js-cookie

フロントのブラウザー側で動くjs cookieについて...

Jsconfig と Tsconfig

javascriptで開発する際に使うjsconfigとtsconfigのjsonファイルとはなにか...

キーコード取得＆キーコード一覧

javascriptで Tabキー無効化をする仕事があり、キーコードの一覧を備忘録的にメモ...

moment.js 使って日本語曜日対応

momentjsの日本語表示、曜日の日本語表示と略称表示について...

ReferenceError: location is not defined

ssrレンダリングする時に出る location is not defined エラー##...

javascript 日本語 shift-js 対応 CSV ダウンロード

javascript shift-jsエンコード CSVダウンロードが必要になったので、作ってみまし...

nodejs 使う時のエラーたち

node学習しながらエラーの原因などを調べてメモります。...

Nuxtjs 動的なルーティング静的ページ自動生成

Nuxtjs 動的なルーティング使ってAPIとJSONで静的ページ一括生成してSEO対策...

vuejs で omisejapan の決済フォーム作成した時のメモ

フロント開発 omisejapan カードペイメント vuejs でフォーム開発する時のメモ...

javascript password generator ランダム文字列パスワード作成

javascriptで大文字・小文字・数字・記号対応のランダムパスワードつくることがありますが、vu...

javascript で作る html から PDF 変換 pdfmake の日本語対応

html pdf 変換する際に使っていたjavascriptライブラリpdfmakについて調べたこと...

Javascript 電話番号フォーマット

固定電話携帯電話フリーダイヤルなどの電話番号をハイフォン入で自動フォーマットしてくれるjavas...

javascript reduce 連想配列の合計計算覚えよう

javascript 配列 sum 合計計算、reduce 使ってやってみて覚える連想配列の落とし穴...

react 強制的にレンダリングする方法

React使って値は変更されるけど、画面描写されないトラブルの対応方法...

正規表現一覧よく使う検索・置換のパターン

よく使う正規表現、文字検索・置換をまとめてみました。...

javascript 　指定場所にスムーズにスクロールする方法

クリックして指定のアンカーにスクロールするjavascript作成しました。scrollToとscr...

Sweet Alert swal に複数 content

javascriptアラートを綺麗に表示する粋なライブラリSweetAlertのswalの中のcon...

javascript 開発で出会った TypeError

vuepress で Cannot read property 0 of undefinedのタイプ...

Javascript var let const 変数宣言の違い

javascript varとlet 違いこれからはvarよりlet constを書くようにすべき...

Javascript vuejs の validation 正規表現でフォームチェック作ったときのメモ

電話番号チェック・メールアドレスチェック・文字チェック・郵便番号のチェックに使えるjavascrip...

vuejs back to top button component 作成

vue でトップに戻るボタンを作ることがよくありますが、ライブラリー使わずに実現してみました。...

nuxtjs と codeigniter で jwt システム構築

nuxtjsとcodeigniterでシステム構築する際のメモ...

開発におけるコーディングルール・規約

コーディングルールと規約を大事にする、複数人で開発しても、一人で開発してもメンテナンスやコードのわか...

開発時によく使うゼロ埋めパディング作業まとめ

mysql twig phpとjavascriptでよく使うゼロ埋めのいろいろ...