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

フォント†

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

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

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

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

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

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

「文字サイズ」は縦方向の大きさで指定するので、フォントによって横幅はまちまちになる。

Inconsolata, M+ が ＭＳゴシック とほぼ同じ幅で、全角と半角が 2:1 になる。

Inconsolata は文字幅が小さいにもかかわらず文字間も広いため フォントサイズを小さくすると見難い。 あと ( ) { } が見づらい。 M+ は Inconsolata と同じくらい小さいにもかかわらず、とても見やい。

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

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

らしいので、Source Code Pro, CodeM, Ricty, Myrica は除外。

Mac のみのフォントもあるけどいかんせん Windows 使いなので・・・
Monaco は a と o の区別つくんかいな。Menlo は良さそうに見える。

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

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

Anonymous Pro は ase の違いが全く分からん。

Cousine は非常に良いような？

このサイズには他にもいろいろある。 四角い感じが気にならなければ Oxygen Mono がいい。

Lucida Console は O 0 の区別が付かないが、文字が大きいだけあってかなり見やすい？ Courier New は論外か。

しばらくは Consolas, Cousine, Oxygen Mono, 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 + [ で折りたたみ†

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