RAKUS Developers Blog | ラクス エンジニアブログ

株式会社ラクスのITエンジニアによる技術ブログです。

プログラミングフォントのすゝめ

f:id:itoken1013:20200601113924p:plain こんにちは、tarakamです。

普段プログラミングをする際、使い慣れたIDEテキストエディタがあるという方は多いかと思います。では、そこで使うフォントにはこだわっているでしょうか?今回はプログラミングのためのフォント選びについて記します。

Why プログラミングフォント?

一般的なフォントの場合、アルファベットのI(大文字)とl(小文字)、0(数字)とO(大文字)などが見分けづらいことがあります。普通の文章であれば文脈でわかるでしょうが、プログラミングの場合はそうでないこともあります*1。見間違えないフォントになっていれば、コードを書くのも読むのも楽になります。

また美しいフォントを使うことで、モチベーションアップにも繋がるかもしれません。

どんなフォントがいいの?

好みにもよるかと思いますが、以下のような条件を満たすものだといいでしょう。

  • 等幅フォント
  • I(大文字のアイ), l(小文字のエル), 1(数字の1), |(バーティカルバー)が区別できる
  • O(大文字のオー), 0(数字のゼロ)が区別できる
  • 日本語に対応している
    • 日本語非対応だと英語と日本語が違うフォントで表示され、字の大きさや線の太さが異なるなど違和感があります
  • 太字・斜体に対応している
    • エディタによってはシンタックスハイライトで太字や斜体を使うこともあるため

これらを踏まえて、以下で筆者のおすすめのフォントをいくつかご紹介します。

おすすめフォント

Ricty Diminished

f:id:takaram:20200528050251p:plain:w360
Ricty Diminished
Ricty Diminishedは、英字フォントInconsolataと日本語フォントCircle M+ 1mを元に作成されたフォントです。バグの原因になりやすい全角スペースを区別できるのが特徴の一つです(上記画像の「計算する」の右に全角スペースが入っています)。その他、半濁点が大きく「ば」と「ぱ」などを区別しやすいことも特徴です。

姉妹フォントのRictyもありますが、ライセンスの関係で手元でスクリプトを実行してフォントを生成する必要があります。Dinimishedの方が漢字の収録数が少ないのですが、一般的に使う漢字は大体カバーされているので、手軽なRicty Diminishedでも十分でしょう。

Source Han Code JP

f:id:takaram:20200528051412p:plain:w360
Source Han Code JP
Source Han Code JP(別名 源ノ角ゴシック Code)はAdobeによって作成されたフォントで、Source Code Proと源ノ角ゴシックが元になっています。一般的なフォントは半角と全角の横幅が1:2になっていますが、このフォントは2:3になっているのが特徴です。半角文字の幅が広いため、ゆったりとした印象があります。

Cica

f:id:takaram:20200528055057p:plain:w360
Cica
Cicaは英字フォントのHackとDejaVu Sans Mono、日本語フォントのRounded Mgen+など複数のフォントが元となっているフォントです。Rictyを参考に作られていて、全角スペースがRicty Diminishedと同様に可視化されています。

おわりに

今回は3つのフォントの紹介に留めましたが、これ以外にもプログラミングフォントはたくさん存在します。ぜひ自分のお気に入りのフォントを見つけてみてください!

*1:ループカウンタでl(小文字)一文字の変数などよくありますね

Copyright © RAKUS Co., Ltd. All rights reserved.