合字に対応したプログラミング用フォント「Fira Code」でテキストエディタが見やすくなる

今までずっと、定番中の定番であるRicty Diminishedというプログラミング用フォントを使っていました。
しかし最近、合字(リガチャ)に対応した「Fira Code」というフォントを見つけて感動し、すぐ移行しました。
今回はそのFira Codeの紹介です。
Fira Codeの特徴
Fira Codeの特徴は「合字(リガチャ)」に対応していることです。
合字というのは、ざっくり説明すると、特定の順番に文字を打つと文字の見た目が変わる仕組みのことです(見た目が変わっているだけなので、実際のデータ上は変わりありません)。
例えば、コーディングをしているとよく出てくる「===」をFira Codeを使って見てみると、キレイな3本線になります。

このように、コーディングでよく出てくる記号の組み合わせを、よりキレイに表現してくれるのです。
フォント自体もちょっと丸っこくて可愛く、文字の識別もしやすいのでかなり気に入りました。
Fira Codeのインストール
Fira Codeはオープンソースのフォントで、誰でも自由に使えます。
ダウンロードはこちらのGitHubからダウンロードします。
「FiraCode/distr/ttf」内にフォントがひと通り入っているので、それをインストールしましょう。
ちなみに、合字の組み合わせ表は「FiraCode/showcases」内に入っています。
Visual Studio CodeでFira Codeを適応する
フォント側が合字に対応していても、テキストエディタが対応していなければ合字は表現されません。
今回はその中からVisual Studio Codeで設定する方法をまとめておきます。
まずは[環境設定]→[フォント]の先頭に'Fira Code'と入力して、フォントを切り替えます。
次に[環境設定]で「合字」と検索すると、「合字の設定」という項目が出てくるので、ここを「オン」に設定しておきましょう。

これでフォントの設定と、合字の設定ができたのできちんと表示されるはずです。
まとめ
慣れるとものすごく見やすいですし、記号を1つ入力し忘れている or いつの間にか記号を1文字消してしまっていたなどの間違いに気がつきやすくなります。
日本語もちゃんと表示されるので、自分はテキストエディタもターミナルもとりあえずFira Codeに設定しました。


Google Chromeで「パスワードを保存しますか?」ポップアップを非表示にする方法
JavaScriptパッケージマネージャーをnpmからYarnへ移行しました
Alfredで特定のフォルダ内だけを検索するWorkflowを作成する方法
Path Finderで、リストの1番下のフォルダを素早く選択する方法
Macでリッチテキストをコピペしたときに、余計なスタイルが入ってしまうのを回避する方法
Apple Watchの余計な通知を来ないようにして快適にする方法
Path Finderのデュアルブラウザ機能をもっと便利に使いこなすための勘どころ
Path Finder 8の一括名称変更で使える設定サンプルまとめ
ATOKの文字パレットの「漢字検索」で特定の漢字を探し出す方法
Alfredの検索結果の表示がおかしくなったら確認すること
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
サーバーのアップロードファイルの最大容量の確認と変更方法
Apple Watchでスクリーンショットを撮る方法
CSS Nite in Kobe, vol.43「ウェブページを高速化してユーザーに価値を届けたい制作者のためのセミナー&ワークショップ」に参加してきました
BetterTouchToolでトラックパッドの端っこのクリックを無効化して、手が軽く触れることによる誤操作を防止する
AlfredでNotion内の検索ができるようになるワークフロー「Notion Search」
Path Finderのフォルダ移動ショートカットキーを設定する【デフォルト設定 + Keyboard Maestro】
Visual Studio CodeでIllustratorのスクリプトを書く時に便利な拡張機能「ExtendScript Debugger」
ATOKで日本語を英単語に変換したいときはF4で変換する
Vue.jsを使う人が最低限導入しておきたいVisual Studio Codeの拡張機能
Visual Studio Codeで簡易的なローカルサーバーを起動して、コード保存時に自動でブラウザをリロードする拡張機能「Live Server」