Windows 11 WSL2 環境での Fish shell セットアップガイド#

前提条件#

• Windows 11 がインストールされていること
• WSL2 が有効化されていること
• Ubuntu（または他の Linux ディストリビューション）が WSL2 にインストールされていること

Fish shell のインストール#

Ubuntu 環境で Fish をインストールする方法を紹介します。

sudo apt update

sudo apt install fish

fish --version

fish, version 3.1.2 (または、それ以降のバージョン)

fish

1. インストールされているシェルのリストを確認#

cat /etc/shells

出力に /usr/bin/fish が含まれていることを確認します。

2. デフォルトシェルを変更#

chsh -s /usr/bin/fish

パスワードを求められるので入力します。次回ログイン時から Fish がデフォルトシェルとして使用されます。

基本的な設定例#

以下は、開発環境に便利な基本設定の例です。これを config.fish に追加してください。

# Fish起動時のウェルカムメッセージを非表示にする
set fish_greeting

# エディタの設定（Neovimを使用）
set -gx EDITOR nvim

# PATH設定
set -gx PATH $HOME/.local/bin $PATH

# エイリアス設定
alias ll="ls -la"
alias g="git"
alias vim="nvim"

# ディレクトリ移動したら自動でlsする関数
function cd
    builtin cd $argv
    ls
end

# プロンプトの設定（シンプルなテーマ）
function fish_prompt
    set_color cyan
    echo -n (whoami)
    set_color normal
    echo -n '@'
    set_color green
    echo -n (hostname)
    set_color normal
    echo -n ':'
    set_color blue
    echo -n (prompt_pwd)
    set_color yellow
    echo -n (fish_git_prompt)
    set_color normal
    echo -n '> '
end

1. Fisher のインストール#

curl -sL https://git.io/fisher | source && fisher install jorgebucaran/fisher

2. おすすめのプラグイン#

Fisher を使用して、以下のおすすめプラグインをインストールしましょう。

fisher install jethrokuan/z

fisher install jorgebucaran/nvm.fish

# Node.jsの最新バージョンをインストール
nvm install latest

# 特定のバージョンをインストール
nvm install 16.14.0

# インストールされているバージョンを一覧表示
nvm list

fisher install jorgebucaran/fish-git-util

1. Fish の設定ファイルに Neovim 関連の設定を追加#

~/.config/fish/config.fish に以下を追加します。

# Neovim関連の設定
set -gx XDG_CONFIG_HOME $HOME/.config
set -gx XDG_DATA_HOME $HOME/.local/share
set -gx XDG_CACHE_HOME $HOME/.cache

# LazyVim用の環境変数
set -gx LAZYVIM_CONFIG_DIR $XDG_CONFIG_HOME/nvim

2. Neovim を起動するエイリアスの設定#

便利なエイリアスを追加します。

# Neovimエイリアス
alias vi="nvim"
alias nv="nvim"
alias lvim="nvim" # LazyVimを使用する場合

# 設定ファイルを素早く編集するためのエイリアス
alias fishconfig="nvim ~/.config/fish/config.fish"
alias nvimconfig="nvim ~/.config/nvim/init.lua"

1. カラーテーマの設定#

Fish shell には、Web UI で設定を変更できる機能があります。以下のコマンドで起動します。

fish_config

ブラウザが開き、カラーテーマや機能のカスタマイズができます。

2. シンタックスハイライトのカスタマイズ#

シンタックスハイライトの色をカスタマイズするには、config.fish に以下を追加します。

# シンタックスハイライトの設定
set fish_color_command green --bold
set fish_color_param normal
set fish_color_quote yellow
set fish_color_error red --bold

3. Fish プロンプトのカスタマイズ（Starship 使用）#

より高度なプロンプトをカスタマイズしたい場合は、Starship というツールがおすすめです。

まず、Starship をインストールします。

curl -sS https://starship.rs/install.sh | sh

次に、config.fish に以下を追加します。

# Starshipの初期化
starship init fish | source

さらに、~/.config/starship.toml ファイルを作成してカスタマイズできます。

# ~/.config/starship.toml
[character]
success_symbol = "[➜](bold green)"
error_symbol = "[✗](bold red)"

[git_branch]
symbol = "🌱 "
style = "bold purple"

[nodejs]
symbol = "⬢ "
style = "bold green"

[directory]
style = "bold blue"

1. Fish shell が起動しない場合#

Bash に戻して設定を確認します。

exec bash

そして、Fish がインストールされていることを確認します。

which fish

2. 設定ファイルに問題がある場合#

設定ファイルに構文エラーがある場合、Fish shell は起動時にエラーを表示します。一度設定ファイルを移動してから Fish を起動し、問題を特定しましょう。

mv ~/.config/fish/config.fish ~/.config/fish/config.fish.bak
fish

3. プラグインの問題#

プラグインに問題がある場合は、一時的にプラグインを無効化して確認します。

mv ~/.config/fish/fish_plugins ~/.config/fish/fish_plugins.bak
fisher update