【俺メモ】Node.js向け - 俺的Windows開発環境構築（便利ツール含む）

Linuxで開発するのええけど、最近はWindowsでもNode.jsの開発がやりやすくなったで。

# Node.js関連

## Nodist - Node.jsバージョン切り替え＆インストーラ

ローカルにNodejsのバージョンを切り替えてインストールできるツール。
インストーラができてぐっと敷居が下がったで。
公式ページ：[https://github.com/marcelklehr/nodist](https://github.com/marcelklehr/nodist)
Nodistの使い方についてはこっちが詳しいで。
[node.js インストール備忘録（windows7）](http://qiita.com/yokoh9/items/20d6bdc6030a3a861189)


## Node.jsパッケージ

よく使うもんを入れておくか。

* node-coffee ：coffeeスクリプトで書けるようになるで。
* node-dev ：jsの変更時にnodeを自動で再起動してくれるで。
* jade ：Jadeでhtml記述するさかい必要なんやで。
* gulp ：タスクランナーや。minifyやコンパイルの自動化やね。
* gulp-rename ：gulpプラグイン（ファイルリネーム）
* gulp-minify-css ：gulpプラグイン（css圧縮）
* gulp-uglify ：gulpプラグイン（js圧縮）
* gulp-minify-html ：gulpプラグイン（html圧縮）
* gulp-jade ：gulpプラグイン（jadeコンパイラ）
* gulp-coffee ：gulpプラグイン（coffeescriptコンパイラ）
* gulp-plumber ：gulpプラグイン（タスク継続）
* browser-sync ：gulpプラグイン（ブラウザ自動リロード）

# Git関連

## Git For Windows - Windows版Git

とりあえず、Git使うにはまずこれでしょ。
git-bashも入って、Linuxコマンドも使えるようになるから便利やわぁ。
公式ページ：[https://git-for-windows.github.io/](https://git-for-windows.github.io/)
インストール時に間違うとLinuxのコマンドとか入らへんから注意な。
こっちが詳しく書いてくれてるで。
[私家版 Git For Windowsのインストール手順](http://opcdiary.net/?page_id=27065)

## SourceTree for Windows - Git GUIツール

GitのGUIツール。あんまり出番はないけど、ブランチとかごっちゃになってきたときは使えるで。
公式ページ：[https://www.sourcetreeapp.com/](https://www.sourcetreeapp.com/)

## WinMerge - 差分確認ツール

Gitとは直接関係ないけど、Gitと連携して差分確認できるで。
公式ページ：[http://winmerge.org/?lang=ja](http://winmerge.org/?lang=ja)

## .gitconfig設定

git使うにはココが肝心やで。
diffはWinMergeを使うように設定するで。（インストールパスはでふぉのまま）

```config:.gitconfig
[user]
	name = <ユーザー名>
	email = <メールアドレス>
[core]
	autocrlf = false
	quotepath = false
[alias]
	br = branch
	co = checkout
	st = status
	d = difftool -d
	dc = difftool -d --cached
	dh = difftool -d HEAD~
	graph = log --graph --date-order --all --pretty=format:'%h %Cred%d %Cgreen%ad %Cblue%cn %Creset%s' --date=short
[color]
	ui = auto
[push]
	default = current
[diff]
	guitool = WinMerge
[difftool "WinMerge"]
	path = C:/Program Files/WinMerge/WinMergeU.exe
	cmd = \"C:/Program Files/WinMerge/WinMergeU.exe\" -r -u \"$LOCAL\" \"$REMOTE\"
[merge]
    tool = WinMerge
[mergetool "WinMerge"]
    path = C:/Program Files/WinMerge/WinMergeU.exe
    cmd = \"C:/Program Files/WinMerge/WinMergeU.exe\" \"$MERGED\"
```

## Gitチートシート

コマンド忘れたときにみるんやで。
[GitHub Gitチートシート](https://training.github.com/kit/downloads/ja/github-git-cheat-sheet.pdf)
[逆引きGit](http://www.backlog.jp/git-guide/reference/)

# 仮想環境(テスト環境)関連

## VirtualBox - 仮想環境構築
開発マシン内にテスト環境を構築するで。
公式ページ：[https://www.virtualbox.org/](https://www.virtualbox.org/)

## Vagrant - 仮想環境操作ツール
VirtualBoxの操作に使うで、めっちゃ便利やわ。
公式ページ：[https://www.vagrantup.com/](https://www.vagrantup.com/)
一通り使い方はこっちが詳しいで
[Vagrantの使い方](http://qiita.com/skinoshita/items/57ac059ff8b1008f5e1d)

# コマンドプロンプト・Shell関連

## ConEmu - 高機能コマンドラインツール

選択でコピー、右クリックでペースト、さらにタブ化、もういっちょさらにスタートアップタスクにとめっちゃ活躍やわ。
node-devやcoffee -wcとかで大活躍やで。
公式ページ：[https://conemu.github.io/](https://conemu.github.io/)

# エディタ関連

## Brackets - コードエディタ
SublimeTextから乗り換えますた。完全フリー、日本語まわりも大丈夫やし。
公式ページ：[http://brackets.io/](http://brackets.io/)

### Barcketsプラグイン

* JavaScript Globals ：JSのグローバルオブジェクトにマーク付けてくれる。
* Beautify.io ：JS、CSSの整形に使うで。
* Overscroll ：ソースコードのさらに下までスクロール出来るようになる。結構重要。
* Paste and Indent ：コピペ時のインデント揃え。
* Shizimily Multi-Encoding for Brackets ：UTF-8以外の文字コードも扱えるようになるで。
* Brackets Css Color Preview ：CSSで設定してる行にカラーマークを追加する。
* ColorHints ：カラー入力中にヒントを出してくれる。
* Interactive Linter ：リアルタイム警告表示やで。

### Bracketsテーマ

テーマの選定にはこちらを参考にさせてもらったで。
[テーマカラー89種類まとめ](http://qiita.com/qrac/items/69e39eb72c0a0280484e)

* Material Light ：背景色は白、文字も細めであっさり系。

## サクラエディタ - その他テキスト編集
なんだかんだ言ってもコード以外のテキスト編集に良く使ってるわ。
エクセルと組み合わせて大量のデータを生成したりと、色々やで。
公式ページ：[http://sakura-editor.sourceforge.net/](http://sakura-editor.sourceforge.net/)