今さらATOM入れた Settings と Package

# 今さらATOM使ってみた

今までずっとSublimeです。そろそろいいかなと思ってATOM入れてみた。

さらっと入れてみたらいい感じ。きちんと移行出来るか試しつつメモ。

なんていうか、Paneの分け方がすごくいい。特別なパッケージを入れなくてもsplitで同じコードを別のPaneで見渡せるのがすごくいい。上下左右Paneがかなり自由。画像とかのプレビューも出来るし、最初からgitとの親和性高い。ConvertToUTF8みたいなパッケージなくてもSJISがいける。言うことない。

ただ色んなpackageでissueがボコボコ上がってて使用に耐えうるのか。
使ってみて現時点で使えない状態のものには下記packageの項に:x:マークしてみた。

まだ本格的に移行できるかは分からない。

ちょっと調べたけどやってるのは[node-webkit](http://qiita.com/r7kamura/items/df5750c813941b401658#3-6)と変わらなくて、パッケージの様相見たらjs（というかcoffee）とか内部のCSS理解してlessが書ければパッケージ作るのもできそう。

## 入れてから Settings で設定したこと

* ☑ Show Invisibles<br>タブかスペースかは判別しておきたい。
* ☑ Soft Wrap
* ☑ Soft Wrap At Preferred Line Length 
* Soft Wrap At Preferred Line Length を 100 あたりに。<br>これは使うモニターによるかも。
* Font Size 14px（好み）
* Font Family Consolas （Winなので）

## Theme

Sublime の時から monokai なので、Install で monokai 検索でインストール。

## 速攻入れたPackage

[emmet](https://atom.io/packages/emmet)
ないとしんどい

[Sublime-Style-Column-Selection](https://atom.io/packages/Sublime-Style-Column-Selection)
矩形選択ないとしんどい。単語選択の上、`ctrl-d`

[increment-number](https://atom.io/packages/increment-number)
数値のincreaseなことできないとしんどい。`alt-up` or `alt-down` 
（画像だと違うけど入れたらなぜか少数点でicnrementしてくのでそれはそれでしんどい…）

![インクリメント](https://i.github-camo.com/238178e665a120857c8dd019f8584c7b1aaff0b1/687474703a2f2f6769667a6f2e6e65742f6e314f6b535a305247342e676966)

[increment-selection](https://atom.io/packages/increment-selection)
矩形選択でicnreaseできないとしんどい。選択した上で `shift-ctrl-i`

![インクリメント](https://i.github-camo.com/6712c2320af1726d412f6cef9601e9346e2e6b85/687474703a2f2f692e696d6775722e636f6d2f6a52456a7242552e676966)

### QiitaのATOMタグでおすすめっぽいPackage入れてみた

[autocomplete-plus](https://atom.io/packages/autocomplete-plus)
サジェストの決定がデフォルトだとtabになっててemmetとかぶるからEnterにした（packageのsettingから）

[autocomplete-snippets](https://atom.io/packages/autocomplete-snippets)
上の合わせて使用。サジェストにスニペット追加するためのパッケージ

ほんで、スニペットも何個か入れる。

* [css-snippets](https://atom.io/packages/css-snippets)
* [jquery-snippets](https://atom.io/packages/jquery-snippets)

たぶんWordpressとか、なんやかんやいろいろ入れだすんだと思う。

[japanese-wrap](https://atom.io/packages/japanese-wrap)
日本語でのSoft Wrapを有効にする

[layout-manager](https://atom.io/packages/layout-manager) :x:
paneの幅・高さ変えたりできるやつ。
キーバインドにcmdキーしか指定されてなくてWin, linuxから不満噴出中みたい。
nodeの人たちってなんでmacだけでガンガンやってこうみたいになってるんだろ…
そしてkeymap.csonでキーバインド変えたけど結果的にダメ。コマンドパレットでちまちまやれば幅・高さ変えれた。

[autocomplete-paths](https://atom.io/packages/autocomplete-paths) :x:
autocomplete-plus と合わせてパス補完。
が、[autocomplete-plusの決定をEnterにしてるとダメっぽい](https://github.com/atom-community/autocomplete-paths/issues/50)（実際決定にならず改行になった）

[remember-session](https://atom.io/packages/remember-session) :x:
終了時のセッションを次回起動時に復元してくれるやつなんだけど（sublimeはデフォルト）、
[これも現時点でダメっぽい](https://github.com/hampustagerud/atom-remember-session/issues/21)。Linuxユーザーがissueたてて、Win7で+1されてるからMac以外かな。自分もWin7でダメだった。


#### 使ってないけど良さ気なpackage

[merge-conflicts](https://atom.io/packages/merge-conflicts)
コンフリクト解決が簡単にできそう。編集後パレットから resloved できる。

[git-log](https://atom.io/packages/git-log)
操作感が気持ちよさそう。

#### 参考にした記事
* http://qiita.com/fukuiretu/items/bd233d38c92d99eb0684
* http://qiita.com/iorionda/items/b108e73e51ff40049c60
* http://qiita.com/horimislime/items/72de9580125151ac6af0
* http://qiita.com/agektmr/items/4da2c362fef6598fc382

Qiitaのストック数ソートってないんですかね。。（[ここ見た](http://qrank.wbsrv.net/tag/ATOM/)）
挙げられてるpackageですでにbuiltinで組み込まれてたりしてるのも結構あった。


## 使用してのしんどみ

最近CSSに関して大きく変わったのか、Deprecated selectors でCSSの警告出てるパッケージちらほら。

```
Use the `atom-workspace` tag instead of the `workspace` class.
Use the `atom-text-editor` tag instead of the `editor` class.
Use the `atom-pane-container` tag instead of the `panes` class.
Use the `atom-pane` tag instead of the `pane` class.
```

などの警告。これは別にいいか。

emmet 入れたら、settings のキーバインド `ctrl-,` と emmet:balance-outward がかぶっててつらみ。

いろいろ見てたら、ATOM Core API 1.0 で過去のAPIからの移行ガイドが出るなどしていて、パッケージ製作者の動向次第って感じなのかも。

classnameのdeprecated警告もそんな感じみたい。

http://www.infoq.com/jp/news/2015/01/atom-api-1


## apm コマンド

そういうのも使えるらしい。どこまでもnode。

```bash
$ apm ls
#....なんやかんや出て
├── autocomplete-paths@1.0.2
├── autocomplete-plus@2.4.1
├── autocomplete-snippets@1.0.1
├── css-snippets@0.5.0
├── emmet@2.3.4
├── increment-number@0.1.0
├── increment-selection@0.2.1
├── japanese-wrap@0.2.4
├── jquery-snippets@0.1.0
├── layout-manager@0.2.3
├── monokai@0.12.0
├── remember-session@0.5.1
└── Sublime-Style-Column-Selection@1.2.3
```

ひとまずこんなもの入れました。

---

本日は以上です。別にApple,Macは嫌いじゃないです。