Oh My Poshとは#

Oh My Posh は、Windows、Mac、Linux で使えるシェルプロンプトのカスタマイズツールです。PowerShell、Bash、Zsh、Fish などに対応しており、カラフルで見やすいプロンプトを簡単に設定できます。

ディレクトリツリー#

1
%USERPROFILE%
2
├── .config
3
│   ├── powershell
4
│   │   ├── user_profile.ps1
5
│   │   ├── user.omp.json
6
C:\
7
├── ドキュメント
8
│   ├── PowerShellMicrosoft.PowerShell_profile.ps1

1. Microsoft StoreでPowerShellをインストールする#

Micsoroft Store Appを開く
検索バーでPowerShellと入力する
PowerShellをクリックし、入手をクリックする

2. Nerd Font をインストールする#

以下のリポジトリからHack.zipをダウンロードする
ryanoasis
/
nerd-fonts
Waiting for api.github.com...
00K
0K
0K
Waiting...
ダウンロードしたZIPファイルを展開し、HackNerdFontMono-Regular.ttfをダブルクリックしインストールをクリックする

3. Windows Terminalの設定を変更する#

ターミナルを開く
設定をクリックする
スタートアップで規定のプロファイルを先程インストールしたPowerShellに変更する
プロファイルでPowerShellを選択し、下部の外観をクリックする
フォントフェイスをHack Nerd Font Monoに変更し保存をクリックする

4. Oh My Poshをインストールする#

wingetを利用してOh My Poshをインストールする

1
winget install JanDeDobbeleer.OhMyPosh

%UserProfile%\.config\powershellにuser_profile.ps1を作成する
以下のスクリプトをコピペする

1
# set PowerShell to UTF-8
2
[console]::InputEncoding = [console]::OutputEncoding = New-Object System.Text.UTF8Encoding
3

4
# Prompt
5
$omp_config = Join-Path $PSScriptRoot ".\user.omp.json"
6
oh-my-posh --init --shell pwsh --config $omp_config | Invoke-Expression

%UserProfile%\.config\powershellにuser.omp.jsonを作成する
以下のJSONをコピペする

1
{
2
  "$schema": "https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/main/themes/schema.json",
3
  "blocks": [
4
    {
5
      "type": "prompt",
6
      "alignment": "left",
7
      "segments": [
8
        {
9
          "properties": {
10
            "cache_duration": "none"
11
          },
12
          "leading_diamond": "\u256d\u2500\ue0b6",
13
          "template": " {{ .Name }} ",
14
          "foreground": "#ffffff",
15
          "background": "#0077c2",
16
          "type": "shell",
17
          "style": "diamond"
18
        },
19
        {
20
          "properties": {
21
            "cache_duration": "none",
22
            "root_icon": "\uf292"
23
          },
24
          "template": "<parentBackground>\ue0b0</> \uf0e7 ",
25
          "foreground": "#FFFB38",
26
          "background": "#ef5350",
27
          "type": "root",
28
          "style": "diamond"
29
        },
30
        {
31
          "properties": {
32
            "cache_duration": "none",
33
            "enable_hyperlink": true,
34
            "style": "full"
35
          },
36
          "template": " {{ .Path }} ",
37
          "foreground": "#E4E4E4",
38
          "powerline_symbol": "\ue0b0",
39
          "background": "#444444",
40
          "type": "path",
41
          "style": "powerline"
42
        },
43
        {
44
          "properties": {
45
            "branch_icon": "\ue725 ",
46
            "cache_duration": "none",
47
            "fetch_status": true,
48
            "fetch_upstream_icon": true
49
          },
50
          "template": " {{ .HEAD }} {{ if .Working.Changed }}{{ .Working.String }}{{ end }}{{ if and (.Working.Changed) (.Staging.Changed) }} |{{ end }}{{ if .Staging.Changed }}<#ef5350> \uf046 {{ .Staging.String }}</>{{ end }} ",
51
          "foreground": "#011627",
52
          "powerline_symbol": "\ue0b0",
53
          "background": "#FFFB38",
54
          "type": "git",
55
          "style": "powerline",
56
          "background_templates": ["{{ if or (.Working.Changed) (.Staging.Changed) }}#ffeb95{{ end }}", "{{ if and (gt .Ahead 0) (gt .Behind 0) }}#c5e478{{ end }}", "{{ if gt .Ahead 0 }}#C792EA{{ end }}", "{{ if gt .Behind 0 }}#C792EA{{ end }}"]
57
        }
58
      ]
59
    },
60
    {
61
      "type": "prompt",
62
      "alignment": "right",
63
      "segments": [
64
        {
65
          "properties": {
66
            "cache_duration": "none",
67
            "fetch_package_manager": true,
68
            "npm_icon": " <#cc3a3a>\ue5fa</> ",
69
            "yarn_icon": " <#348cba>\uf61a</>"
70
          },
71
          "leading_diamond": " \ue0b6",
72
          "trailing_diamond": "\ue0b4",
73
          "template": "\ue718 {{ if .PackageManagerIcon }}{{ .PackageManagerIcon }} {{ end }}{{ .Full }}",
74
          "foreground": "#3C873A",
75
          "background": "#303030",
76
          "type": "node",
77
          "style": "diamond"
78
        },
79
        {
80
          "properties": {
81
            "cache_duration": "none",
82
            "fetch_package_manager": true,
83
            "npm_icon": " <#cc3a3a>\ue5fa</> ",
84
            "yarn_icon": " <#348cba>\uf61a</>"
85
          },
86
          "leading_diamond": " \ue0b6",
87
          "trailing_diamond": "\ue0b4",
88
          "template": "\ue235 {{ if .Error }}{{ .Error }}{{ else }}{{ if .Venv }}{{ .Venv }} {{ end }}{{ .Full }}{{ end }}",
89
          "foreground": "#100e23",
90
          "background": "#906cff",
91
          "type": "python",
92
          "style": "diamond"
93
        },
94
        {
95
          "properties": {
96
            "cache_duration": "none"
97
          },
98
          "leading_diamond": " \ue0b6",
99
          "trailing_diamond": "\ue0b4",
100
          "template": " {{ .CurrentDate | date .Format }} ",
101
          "foreground": "#ffffff",
102
          "background": "#40c4ff",
103
          "type": "time",
104
          "style": "diamond",
105
          "invert_powerline": true
106
        }
107
      ]
108
    },
109
    {
110
      "type": "prompt",
111
      "alignment": "left",
112
      "segments": [
113
        {
114
          "properties": {
115
            "cache_duration": "none"
116
          },
117
          "template": "\u2570\u2500",
118
          "foreground": "#21c7c7",
119
          "type": "text",
120
          "style": "plain"
121
        },
122
        {
123
          "properties": {
124
            "always_enabled": true,
125
            "cache_duration": "none"
126
          },
127
          "template": "❯ ",
128
          "foreground": "#e0f8ff",
129
          "type": "exit",
130
          "style": "plain",
131
          "foreground_templates": ["{{ if gt .Code 0 }}#ef5350{{ end }}"]
132
        }
133
      ],
134
      "newline": true
135
    }
136
  ],
137
  "version": 3
138
}

以下のコマンドでPowerShellプロファイルを作成する

1
new-item -type file -path $profile -force

以下のコマンドを入力し作成したプロファイルを編集します

1
notepad $PROFILE

以下のコマンドをコピペする

1
. $env:USERPROFILE\.config\powershell\user_profile.ps1

Terminalを再起動しデザインが反映されていることを確認する

5. Terminal Iconsをインストールする#

Terminal Iconsをインストールすることで不足しているフォルダまたはファイルのアイコンを追加することが出来ます。

以下のコマンドでTerminal Iconsをインストールする

1
Install-Module -Name Terminal-Icons -Repository PSGallery

user_profile.ps1を編集する
以下のコマンドを追記する

1
# set PowerShell to UTF-8
2
[console]::InputEncoding = [console]::OutputEncoding = New-Object System.Text.UTF8Encoding
3

4
# Prompt
5
$omp_config = Join-Path $PSScriptRoot ".\user.omp.json"
6
oh-my-posh --init --shell pwsh --config $omp_config | Invoke-Expression
7

8
# Terminal Icons
9
Import-Module -Name Terminal-Icons

Terminalを再起動し、lsコマンドを入力後、アイコンが適用されていることを確認する

参考にさせていただいたサイト・動画#

Windows ターミナルのカスタムプロンプトのセットアップ

このチュートリアルでは、Windows ターミナルで、Oh My Posh と Terminal-Icons をセットアップする方法について説明します。

learn.microsoft.com