ソフトウェア/atomエディタ の履歴(No.2)

フォント†

Ctrl + , から Settings の Font Familiy で変更

とりあえず、「Consolas, メイリオ」で設定した。

• プログラミングが捗りすぎる！コーディングに最適なフォント12選
• Windowsで無料で使える日本語対応プログラミングフォントまとめ
• プログラミング用フォントの CamingoCode は神
• プログラミング用フォントをまとめてみました
• Font Squirrel - Monospaced Fonts

atom では日本語に対応していないフォントでも、日本語フォントと並べて書けばちゃんと日本語も表示できるので、フォントの選択肢が非常に広い。

「文字サイズ」は縦方向の大きさで指定するので、フォントによって横幅はまちまちになる。 Inconsolata が ＭＳゴシック とほぼ同じ幅で、全角と半角が 2:1 になる。

aes とか 1il| とか S5 とか O0 とか +* とかが容易に見分けられるかが肝？ （歳にもかかわらず文字を小さくしすぎなのがそもそもの・・・）

あとは % # & ! * @ , あたりの形状や見やすさがどうか。

本サイトで使っている Inconsolata は、文字間が広く、さらに文字幅が小さいため、 フォントサイズを小さくすると見難い。 あと、( ) { } が見づらいか。

M+ は Inconsolata と同じくらい小さいにもかかわらず、とても見やすくできている。

一方、Source Han Code JP は文字幅が広いので見やすい。 他の文字が見やすいのに比べると aes の見分けが付きにくいのと、+ と * とか近いのと、1 の形が気になるくらい。他はかなり良い。

• Source Code Pro 系
  • Source Han Code JP
  • CodeM
• Inconsolata 系
  • Ricty
  • Myrica

らしいので、これら以外を見ると、

Monaco は a と o の区別つくんかいな。

Menlo は良さそうなんだけど、いかんせん Windows 使いなので・・・

Camingo Code はとても見やすい。 ちょっと角張ってるのが個人的には好みに合わないか。 数字が小さいのもちょっと嫌かも。

Consolas は 1 と i とが多少似ている。! が目立たない。他は問題ない。 Camingo と同様、文字幅は小さいのに頑張っている印象。

Hack は % がちょっと見づらい。1 が l みたい。あとはいい。

Droid Sans Mono は l と i の区別が付きにくい。0 と O がほぼ一緒。 でも非常に見やすい。これならもう一回りフォントサイズを小さくできそう（何

BITSTREAM VERA SNAS MONO は 1 が l みたい。ちょっと固い印象？

Fira Mono は & が独特。

BPmono 文字間が問い移されていないように見えてごちゃごちゃする。

Cousine 非常に良いような？

Lucida Console は O 0 の区別が付かないが、かなり見やすい？

Courier New は論外か。

しばらくは Consolas, Cousine, Source Code Pro を使い回して様子を見よう。

表示スタイルの変更†

Ctrl + , から Themes で以下を選択

• UI Thema : Atom Dark
• Syntax Thema: Base16 Tomorrow Dark

[File]-[Style Sheet] から styles.less を編集。

LANG:less
atom-text-editor::shadow {

  // 折りたたまれている行を見やすく
  .fold-marker {
    background-color: #888;
    padding: 0px 10px 0px 8px;
    border-radius: 3px;
    margin-left: 4px;
    &:after {
      content: '...';
      font-weight: bold;
      color: black;
    }
  }

}

Tree View の右クリックメニュー†

• Add Project Folder
• Remove Project Folder

を使うと便利。１つ上に上がるとか、開き直すとか、そういうのもあればいいのに。

Ctrl + Alt + [ で折りたたみ†

関数全体を折りたたんだりできて便利。