WindowsでAtomをインストールして使ってみる

Atomの使い方や設定等を紹介 + 個人メモ

##Atomとは
- GitHub製のエディタ
  - Gitとの連携が凄いのでは・・・と期待
- パッケージ形式で機能を拡張できる
  - 設定画面で検索してボタンクリックでインストールできる
  - 既に便利なパッケージがたくさん配布されている
- 流行のSublimeTextと同じようなインターフェース
  - ショートカットキーも似ている
- マークダウンのプレビューがデフォルトで付属

##インストール
1. [公式サイト](https://atom.io/)でダウンロード
1. `AtomSetup.exe`を実行してインストール
1. 起動して(勝手に起動する!?)適当に使う

##ショートカットキー
###エディタ内
| 操作 | 機能 | 備考 |
|:----|:----|:---|
| Ctrl+Shift+p | コマンドパレット | やりたい事を入力するとコマンドが表示される |
| Ctrl+, | 設定ウィンドウを開く |  |
| Ctrl+Shift+o | フォルダを開く | |
| Ctrl+0 | TreeViewとエディタのフォーカス移動 | 結構頻繁に使います |
| Ctrl+\ | TreeViewを非表示 |  |
| Ctrl+p | TreeView内のファイル名検索 | EclipseのCtrl+Shift+Rみたいな感じ |
| Ctrl+Shif+f | TreeView内の文字列検索／置換 | grepですね |
| Ctrl+(↑ or ↓) | 行の入れ替え |  |
| Ctrl+Shift+d | 行の複製 |  |
| Ctrl+Alt+(↑ or ↓) | 矩形選択 |  |
| Ctrl+d | カーソル上の同じ単語を選択 | SublimeTextのCtrl+dと同じ感じ |
| Ctrl+k, (↑ or → or ↓ or ←) | ウィンドウ分割 | 押したカーソルキーの方向にウィンドウを分割する |
| Ctrl+k, Ctrl+(↑ or → or ↓ or ←) | 分割したウィンドウへフォーカスを移動 | ちょっと面倒 |

###TreeView内
| 操作 | 機能 | 備考 |
|:----|:----|:---|
| a | ファイル作成 | appendだからaかな? |
| Shift+a | フォルダ作成 | |
| d | ファイルコピー(複製) | duplicateらしい |
| m | ファイル名変更 | moveかな？
| delete | ファイル、フォルダ削除 | 当然削除 |

##おすすめテーマ
インストール方法は、`Ctrl+,`からSettingsを開き、左端の`Themes`タブを選択する  。
`Install Themes`に対象のテーマ名を入れてインストールする。
`UI Theme`と`Syntax Theme`にインストールしたテーマがあるので選択する。
###[seti-ui](https://atom.io/themes/seti-ui)
拡張子ごとにアイコンがあるテーマ。私はコレ使ってます。
###[monokai](https://atom.io/themes/monokai)
SublimeText等で有名な伝家の宝刀テーマ。迷ったらコレでしょ。

##おすすめパッケージ
インストール方法は、`Ctrl+,`からSettingsを開き、左端の`Packages`タブを選択する
###[japanese-wrap](https://atom.io/packages/japanese-wrap)
Atomはデフォルトでは日本語の折り返しがうまくいかないという問題があります。  
これを導入することで日本語の折り返しが正しく動作するようになるため、日本語環境内では必須といえます。
###[minimap](https://atom.io/packages/minimap)
SublimeTextでお馴染みのミニマップを表示してくれます。
###[atom-beautifier](https://atom.io/packages/atom-beautifier)
ソースコードの整形をしてくれます。現在(2014/12/19)は、`JavaScript, HTML, CSS`に対応
###[language-scala](https://atom.io/packages/language-scala)
Scalaのシンタックスハイライトをサポートしてくれます。  
Atomがデフォルトでサポートしていないプログラム言語は、
「**language-xxxx**」で検索するとパッケージが見つかります。
###[autocomplete-plus](https://atom.io/packages/autocomplete-plus)
タイプ中に補完候補を自動的に表示してくれる。
###[script](https://atom.io/packages/script)
開いているエディタの内容を実行してくれる。かなりたくさんの言語が動く。
###[linter](https://atom.io/packages/linter)
コードの検証を行ってくれる。バグを作らないために必要だよね。
###[atom-lint](https://atom.io/packages/atom-lint)
Ruby、Python、JavaScriptと様々な言語のLintツールに対応しており、
エラー箇所をエディタ上で確認することができる。
(ただし、各言語のLintツール自体は別途インストールしておく必要がある)
###[merge-conflicts](https://atom.io/packages/merge-conflicts)
Gitの衝突したファイルをマージして解決するためのもの。めちゃくちゃ便利デス。
###[autoclose-html](https://atom.io/packages/autoclose-html)
HTMLのタグを自動で閉じてくれます。
###[git-log](https://atom.io/packages/git-log)
Gitのログ表示をしてくれます。あ・・・・・・樹形図まで表示してる!
###[git-plus](https://atom.io/packages/git-plus)
Atomで使用するGitのコマンドを追加してくれます。`Git add all`とか
###[term2](https://atom.io/packages/term2)
Atom上でターミナルを使用できるらしい。私の環境ではインストールできませんでした。(Windowsだから？)
###[web-view](https://atom.io/packages/web-view)
Atomをブラウザとして使えます。  
そもそも「Atom」は、GoogleChromeのベースとなっている「Chromium」で作られているので、  
ブラウジングがエディタ内で出来るのは当然かもしれません。  
（ちなみに、デベロッパーツールもそのまま使えます…）
###[ask-stack](https://atom.io/packages/ask-stack)
コマンドで検索窓を表示し、文字を入力すると、  
みんな大好き**[Stack Overflow](http://stackoverflow.com/)**の質問を引っ張ってきます。  
回答をコピーしてエディタに挿入する機能まであります。  
**コレヤバイヨ**
###[vim-mode](https://atom.io/packages/vim-mode)
*変態*御用達のvimっぽいキーバインドに変更するアレです。
色々と標準のキーバインドが変わるので設定変更できる人のみインストールしてください。
###[emmet](https://atom.io/packages/emmet)
HTMLやCSSを高速で記述できるメタ言語**[Emmet](http://emmet.io/)**をAtomで使用できるようになります。  
キーバインド等はリンク先のキー設定を参照してください。  
使いこなせると展開時が凄く爽快です。

##感想
初日でSublimeTextから移行しました。(笑)
WindowsのAtomはα版らしいですが、かなり完成されていると思います。
動作もさくさく動くのでIDEなどより快適でした。
開発も早く、パッケージもどんどん増えているので今後に期待です。