冴えないAtomの育て方

好きなエディタを使っていい職場になってからというもの、ローカルで作業するときは基本的にAtomを使っています。

CLI環境は？と言われると、それはまあVimなんですが（戦争はしません）、一番好きなのはAtomです。

最初使い始めたときは他のエディタとそんなに変わらないなあと思ってました。
しかし使いやすいように自然とカスタマイズしていった結果、冴えなかった私のAtomは今や最高のお供となりました。

# Atomとは

> Atom（アトム）は、GitHubが開発したオープンソースのテキストエディタである。
[ATOM（テキストエディタ）](https://ja.wikipedia.org/wiki/Atom_(%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF))
[ATOM公式](https://atom.io/)

それ以上でも以下でもないですが、Githubが開発しているだけで価値がありそうな気がしてきますねえ。

# 捗るエディタに育てる
まずはインストールしておくだけで捗ってしまうパッケージを。
今回お話する環境の前提は以下です。

* Mac OS

## インストールしとくだけで嬉しいパッケージ
### [japanese-menu](https://atom.io/packages/japanese-menu)
日本人かつ初心者の人は日本語の方が当然わかりやすいです。とりあえず入れとこ。

### [file-icons](https://atom.io/packages/file-icons)
このような形で、ファイルの拡張子によってアイコンを変えてくれます。あるとないとでは見やすさが違うのでぜひ入れておいてほしいです。
![スクリーンショット 2017-06-20 19.31.32.png](https://qiita-image-store.s3.amazonaws.com/0/157454/10ae6e5a-ba7e-1bce-9941-667414f1a6d4.png)

### [minimap](https://atom.io/packages/minimap)
ソースコード全体のmapが見れるようになります。長いコードを書いてるときはこれがあるだけで違うはず。

## 実作業で嬉しいパッケージ
### [git-plus](https://atom.io/packages/git-plus)
iTermでgitコマンドを叩いてもいいですが、こいつはAtom上で完結する上にショートカットコマンドが秀逸です。

⌘＋shift＋HでGitコマンドを呼び出せるので確認してもらうとわかりますが、**「add all and commit」**が意外と便利なのです！aaacとかでいけちゃうという！

他にも非常に簡単にgitコマンドを使うことができるのでコマンドを打つことさえ面倒になってる人におすすめ。

### [expose](https://atom.io/packages/expose)
Macのオーバービューみたいなやつです。⌘＋Shift＋Eで見ることができます。もどるときはESCAPEかEnter！
![DisplaysExtra_と_AppleClockExtra_と_AirPortExtra.png](https://qiita-image-store.s3.amazonaws.com/0/157454/60014b1e-1214-3f52-e7b4-e80cbf7e3a1c.png)


### [Term3](https://atom.io/packages/term3)
Atom上でターミナルを実行できます。ただしがっつり使うのは向いてない感じです。ちょっとls打ちたいとかでなら楽でよい！
![スクリーンショット 2017-06-20 19.54.37.png](https://qiita-image-store.s3.amazonaws.com/0/157454/79eccdeb-f65e-cbb6-51c6-fd7e4b89e251.png)

## 覚えておくと捗りまくる技
### 一括コメントアウト
コメントアウトしたい行を選んで⌘＋/
もちろん複数行もできる。
![スクリーンショット 2017-06-20 20.17.02.png](https://qiita-image-store.s3.amazonaws.com/0/157454/af3cfa3a-b98e-455b-befa-06f5b159c6e8.png)
⌘＋/で・・・
![スクリーンショット 2017-06-20 20.17.10.png](https://qiita-image-store.s3.amazonaws.com/0/157454/8ead0f27-ff33-859f-143e-e7a822ea6ef9.png)

### よく使うフォルダはプロジェクトフォルダとして追加しておけ
「プロジェクトフォルダを追加」でよく使うフォルダは速攻でアクセスできるようにしておくと便利（そりゃそうだ）
![スクリーンショット 2017-06-20 19.59.20.png](https://qiita-image-store.s3.amazonaws.com/0/157454/5defccc5-4d3d-3460-6a37-66a18f20aa5d.png)

### 新しいディレクトリを作成するときはShift＋aで作れる
追加したいフォルダをクリックしておいて、上記のコマンドを打つと名前を付けられる。Enterを押すとディレクトリが作成される。

![Project.png](https://qiita-image-store.s3.amazonaws.com/0/157454/f59e7b29-8a8f-0907-598b-df3955bba4ab.png)

（フォルダクリック後に）Shift＋aを押すと・・・

![スクリーンショット 2017-06-20 20.04.05.png](https://qiita-image-store.s3.amazonaws.com/0/157454/19fd0c20-721f-cdd2-f40a-99c41ca39cbf.png)
名前を決められるので入力してEnter！

### 新しいファイルを作成するときはa
同じく作成したい場所のフォルダをクリックしておき、aを押す。するとファイル名を付けられる。Enterを押すとファイルが作成される。

![Project.png](https://qiita-image-store.s3.amazonaws.com/0/157454/8ba23a42-eb0a-e7d9-a101-bd8faffaf98f.png)
（フォルダクリック後に）aを押す・・・

![スクリーンショット 2017-06-20 20.07.02.png](https://qiita-image-store.s3.amazonaws.com/0/157454/8931cb35-b370-5270-0047-d86271e4358e.png)
the new fileと出るので名前決めてEnter！

### Markdownプレビュー
Shift＋Control＋MでMarkdownプレビューが見れる
メモを.mdで作成しているのであとで見返すときとても楽。

###　右下のバーで表示形式を変えられる

Markdownとなっているところをクリックすると表示形式を変えられる。
私は大抵yamlを書いているのでyaml指定。
![スクリーンショット 2017-06-20 20.11.44.png](https://qiita-image-store.s3.amazonaws.com/0/157454/34a566bf-5479-5d5b-4080-39ea83577eac.png)

### 追記
Control＋Shift＋Lでショートカットできます！

## 他には？
個人的に入れているもので、[highlight-selected](https://atom.io/packages/highlight-selected)とかもあります。あとは、[vim-mode](https://atom.io/packages/vim-mode)とか（笑）
気になったら調べてくださいな。

##おわりに
どうですか私はこれでも結構冴え冴えなエディタと化してますが、熟練者はさらにいい感じのカスタムをしていることでしょう。
Atomのよさはこんな感じでパッケージを簡単かつ無料でぶち込めるところだと思うので、みなさんも自分色の~~彼女を~~エディタを育ててみてください！

※このパッケージいいぞ〜＾なご意見お待ちしております！