VS CodeでMicrosoft社が開発した開発環境向けの等幅フォント「Cascadia Code」を使ってみたところ、Font Liguatureによって===や'>='の表示が非常にわかりやすくなった。特にJavaScriptやTypeScriptなどで頻繁に使用される===と==の違いや、!==と!=の違いを際立たせてくれるので、これらの言語を書く機会がある人は是非とも試してほしい。
Cascadia Code
Cascadia CodeはMicrosoftが開発した開発環境向けの等幅フォントである。Windows Terminalでモダンなルック＆フィールを提供する目的で設計した。Windows Terminalの開発コードがCacadiaだったことから、この名称が付けられている。
リガチャー（合字）をサポートし、コードエディタや開発環境向けとしている。ライセンスはOpen Fontライセンスである。
Font Liguature(合字)とは？
Font Ligature（以下、日本語で合字と表記する）とは2つ以上の文字を1つの文字に合体させたもので、記号をわかりやすく表示できる。
特に、プログラミングコードには多くの記号が必要なうえに、頻繁に組み合わせて使用するので、合字を使用できる利点は大きい。例えばJavaScriptでは、２つの値が同じかどうかを比較する等価演算子として、=を２つ並べて次のように記述する。
a == b
しかし、javascriptではややこしいことに、等価演算子==と厳密等価演算子===の２種類の等価演算子があり、間違えやすい。
そこで、1つの意味を1つの文字で表してコード全体の可読性向上を図るのが、合字である。合字を用いると、前述の等価演算子の違いは下記のように記述できる。
なお、合字はあくまで「フォントの見た目」を変えるだけであり、コードそのものを書き換えるわけではない。合字によってコードが書き換わってしまうことはないので安心してほしい。
Cascadia Codeフォントをインストールする
- https://github.com/microsoft/cascadia-code/releases からCascadia.ttfをダウンロードする。
- ダウンロードしたファイルをクリックすると、Fontの表示画面が開くので、その画面にあるインストールボタンをクリックする。
Visual Studio Codeで有効にする
- メニューバーのFile > Preferences を選択して設定画面を表示する。
- 設定画面左のText Editor > Font を選択する。
- Font Familyの欄に'Cascadia Code', Consolas, 'Courier New', monospace と入力する。
- Font Ligaturesの欄にチェックを入れて有効にする。
- VS Codeを再起動する。