はじめに

以前、勉強会でLTをするためにAtomの紹介プレゼンを作成しました。そのときの記事がこれ。

take-she12.hatenablog.com

slideshareにアップしてる資料がこれ。

Atomに恋に落ちた話 from take_she11

www.slideshare.net

あらためてブログで紹介と設定をまとめておきます。

エディタに求める要件

markdownプレビュー
プロジェクト内検索

この2点のみです。

1を満たすエディタとして、しばらくharoopadを使ってました。デフォルトでリアルタイムなmarkdown previewがあるエディタで、とても優秀です。

一方で、ruby on railsでの開発を公私ともにやるので、そっちを触れるエディタを探していました。railsのIDEとしてrubymineも検討していたんですが、値段の高さがネックになって踏みきれず。Atomは昔手を出したんですが、使い勝手が悪く、続きませんでした。当時はβ版でしたが、現在はv1.3ということで、期待を込めてもう一度挑戦したらこれまた最高に使いやすく、すべての要件を満たすエディタとなりました。

テーマはAtom-Lightとbase16 Tomorrow Lightを使ってます。理由はmarkdownをhtml出力したとき白背景がいいので。

初期設定

設定ファイルはgithubにあげた。

https://github.com/takeshe12/atom

といってもstyle.lessにフォントの設定をいれるぐらい。

@font-family-p: "メイリオ";
@font-family-m: "MS Gothic";

.tree-view {
  font-family: @font-family-p;
}

.editor {
  font-family: @font-family-m;
}

.vertical {
  font-family: @font-family-p;
}

.markdown-preview {
  font-family: @font-family-p;

  h1, h2, h3, h4, h5, h6 {
    font-family: @font-family-p;
  }

  pre, code, tt {
    font-family: @font-family-m;
  }
}

プロキシ

社内ではプロキシを設定しなければならない。

以下のコマンドで設定できる。

apm config set https-proxy http://username:password@proxy-server.example.com:8888

.apmrcに記述してもいける。

https-proxy http://username:password@proxy-server.example.com:8888

プラグイン

starをつければ複数環境で共有できるって素敵すぎませんか。

MacBook-Air:~ take$ apm stars --install
Welcome to Atom!

Before you can publish packages, you'll need an API token.

Visit your account page on Atom.io https://atom.io/account,
copy the token and paste it below when prompted.

Press [Enter] to open your account page on Atom.io. 
→ここでgithubのページに飛ばされる。Tokenが表示されてるのでコピーして貼り付け。
Token> (省略)
Saving token to Keychain ✓
Installing autocomplete-paths to /Users/take/.atom/packages ✓
Installing autocomplete-ruby to /Users/take/.atom/packages ✓
Installing color-picker to /Users/take/.atom/packages ✓
Installing highlight-selected to /Users/take/.atom/packages ✓
Installing japanese-menu to /Users/take/.atom/packages ✓
Installing linter to /Users/take/.atom/packages ✓
Installing linter-ruby to /Users/take/.atom/packages ✓
Installing markdown-toc to /Users/take/.atom/packages ✓
Installing open-recent to /Users/take/.atom/packages ✓
Installing project-manager to /Users/take/.atom/packages ✓

project-managerは必須、open-recentも標準にしてほしいぐらい便利ですね。