Node.js インストール備忘録
Ubuntu 22.04 環境で Zsh および Fish シェルを使って、Node.js の最新LTS(v22系)をインストールする手順をまとめます。
因みにv18からのアップグレードになります
—
📋 前提
- OS: Ubuntu 22.04
- shell: デフォルト Zsh(起動後に Fish に切り替え)
- 既存 Node.js: v18.17.1
- 目標: Node.js 最新LTS(v22系)
—
1. Zsh(bash版nvm)でのインストール手順
1-1. nvm インストール
bash
# nvm のインストールスクリプトを取得して実行
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
1-2. シェル設定ファイルに nvm を読み込む
bash
# ~/.zshrc に以下を追加して保存
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
# 設定を反映
source ~/.zshrc
1-3. 最新 LTS をインストール&適用
bash
# LTS リストを確認(任意)
nvm ls-remote --lts
# 最新 LTS をインストール
nvm install --lts
# インストールした LTS をデフォルトに設定
nvm alias default lts/*
# バージョン確認
node -v # => v22.x.x (最新LTS)
> これで Zsh 上で常に最新 LTS が使えるようになります。
—
2. Fish シェル(nvm.fish プラグイン)での設定
Zsh と同じく nvm を利用しつつ、Fish 上で自動的に v22 系 LTS を使う方法を紹介します。
2-1. Fisher & nvm.fish のインストール
fish
# Fisher(プラグインマネージャ)をインストール
curl -sL https://git.io/fisher | source && fisher install jorgebucaran/fisher
# nvm.fish プラグインをインストール
fisher install jorgebucaran/nvm.fish
2-2. Node.js v22 系をインストール
fish
# LTS 系列の絞り込み(オプション)
nvm list-remote | grep lts/
# 最新 LTS をインストール
nvm install lts/* # lts/iron や lts/jod など最上位を取得
2-3. Fish 起動時に自動で v22 を使う設定
`nvm.fish` では `alias` が使えないため、Fish の初期化ファイルに `nvm use` を追記します。
fish
# ~/.config/fish/config.fish に以下を追加
# 起動時に常に最新 LTS(v22系)を選択
nvm use lts/* > /dev/null
最後に fish を再起動、もしくは `source ~/.config/fish/config.fish` を実行して反映させてください。
fish
fish
node -v # => v22.x.x
—
3. 補足:プロジェクト自動切り替え設定(Fish)
プロジェクトごとに .nvmrc を配置してバージョンを切り替える場合、以下の関数を `~/.config/fish/config.fish` に追加すると便利です。
fish
function fish_user_key_bindings
bind \cr ' and nvm_auto_use; and commandline -f execute'
end
function nvm_auto_use
if test -f .nvmrc
set version (cat .nvmrc)
nvm use $version > /dev/null
end
end
- 各プロジェクトルートに `.nvmrc` (例: `lts/iron` や `20`) を作成
- ディレクトリ移動後に Enter を押すだけで自動切り替え
—
以上が、Ubuntu 22.04 環境で Zsh → Fish にまたがる Node.js 最新LTS インストール手順のまとめです。次回もサクッと再現できます!