合字に対応したプログラミング用フォント「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に設定しました。


コード管理に特化したノートアプリ「Quiver」でコードの管理を行う
Keyboard MaestroのマクロをURLから発火する方法
Illustratorのサンプルテキストの割り付けを少しだけ便利にする
Alfred 4のカスタム検索を設定をしてサイト内検索をしたり、ブラウザのブックマーク検索を行う方法
MacでYouTubeの動画再生速度を4倍速にする方法
AlfredのWorkflowをカテゴリーごとに整理する
Google DriveのmacOSアプリ「バックアップと同期」のインストールと最低限の設定方法
Google Meetをさらに便利にする便利なChrome拡張機能と、公式でサポートされるようになった機能
MacでEvernoteにWebデザインをストックしたいならPaparazzi!とFolder Action Scriptの組み合わせがオススメ!!
Finderで選択したフォルダをVisual Studio Codeで開くAlfred Workflowの作り方
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
コーディング時のclass名の省略はどこまでして良いのか?「img / btn / ttl / desc / thumb」
Visual Studio CodeでGitをもっと便利に使うための拡張機能
Path Finderの見た目を最低限整えるための設定
高速なzshのプラグインマネージャー「Zplugin」の導入方法
Alfred 4で使えるシステムコマンドのまとめ
日々の制作をラクにするTips #1日1Tips – 2019年10月
Ulyssesで原稿を修正前の状態に戻せるバージョン管理機能やバックアップ機能
Local by FlywheelでWordPressのローカル開発環境構築のハードルが一気に下がる
ATOKで日本語を英単語に変換したいときはF4で変換する