フロントエンド：真っさらな Mac - Yosemite をゼロから環境構築する際の備忘録

# フロントエンド：真っさらな Mac - Yosemite をゼロから環境構築する際の備忘録

<!--
## Sublime Text

- download [Sublime Text](http://www.sublimetext.com/)
- Activate Package Controll from [here]()


#### When you are on proxy probrem

- You'd better to [install manualy](https://packagecontrol.io/installation#st2)
- Edit http_proxy & https_proxy on "Preferences" -> "Package Settings" -> "Package Control" -> "Settings Default"
-->

## ATOM

- [ATOM](https://atom.io/) オフィシャルから DL してインストール 
- ATOM 用シェルコマンドを有効にする "Atom" -> "Install Shell Commands"
- 再起動必要？
- Proxy にひっかかる場合は、以下のコマンドを叩く

```bash
$ apm config set https-proxy http://example.com:8080/
```


## iTerm

- [iTerm 2](https://www.iterm2.com/) オフィシャルから DL してインストール 
- 背景を透明にするとお洒落　"Preferences" -> "Profiles" -> "Window > Window Appearance"

## Homebrew

- 以下のコマンドで [Homebrew](http://brew.sh/) をインストール

```bash
$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
```


#### Proxy にひっかかる場合は以下を

```bash
$ export http_proxy=http://example.com:8080/
$ export https_proxy=$http_proxy
$ export all_proxy=$http_proxy
```

<!--proxy path is witten on a .pac file-->


## Git

- 以下のコマンドで Git をインストール

```bash
$ brew install git
```

## デフォルトで非表示ファイルは表示されてないので、以下コマンドで表示

```bash
$ defaults write com.apple.finder AppleShowAllFiles TRUE
$ killall Finder
```

## Proxy 問題がある場合、Git の色々なコマンドを叩いてもファイルが落ちない上がらないので以下設定を追加

```bash
$ git config --global http.proxy http://example.com:8080/
$ git config --global https.proxy http://example.com:8080/
```


## Node

- [Node.js](https://nodejs.org/en/) オフィシャルからインストーラを DL してインストール


## oh-my-zsh

- 便利なんで [Oh My ZSH!](https://github.com/robbyrussell/oh-my-zsh) もインストール

```bash
$ sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
```

#### Proxy 問題ある方は、手動でインストールも可

```bash
$ git clone git://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh
$ cp ~/.zshrc ~/.zshrc.orig
$ cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc
$ zsh

# 但し、手動でインストールすると自動アップデートが効かない。以下コマンドでアップデート
$ upgrade_oh_my_zsh
```

#### 良さげな Oh My ZSH [plugins](https://github.com/robbyrussell/oh-my-zsh/wiki/Plugins) を入れましょう

```txt
: ~/.zshrc

# plugins=(git)
plugins=(git sublime sudo web-search)
```

[sublime](https://github.com/robbyrussell/oh-my-zsh/wiki/Plugins#sublime) / [sudo](https://github.com/robbyrussell/oh-my-zsh/wiki/Plugins#sudo) / [web-search](https://github.com/robbyrussell/oh-my-zsh/wiki/Plugins#web-search)

プラグイン一式は右記ディレクトリに　~./oh-my-zsh/plugins


#### 必要なら [theme（テーマ）](https://github.com/robbyrussell/oh-my-zsh/wiki/themes) も変更

```txt
: ~/.zshrc

# ZSH_THEME="robbyrussell"
```

#### デフォルトシェルを zsh に変更

```bash
$ chsh -s /bin/zsh
```

```bash
# zsh <-> bash の切り替えは
# zsh に切り替え
$ zsh
#  bash に切り替え
$ bash
```

## XAMPP

- オフィシャルから [XAMPP](https://www.apachefriends.org/) のインストーラを DL してインストール

#### "/User/git/" ディレクトリのファイルを "http://git.hoge.com/" として表示させるには

```text
: /etc/hosts

# 以下を追記
$yourHost$ git.hoge.com
```

```txt
: /Applications/XAMPP/xamppfiles/etc/httpd.conf

// 以下の部分を書き換え
# Virtual hosts
# Include etc/extra/httpd-vhosts.conf
↓
# Virtual hosts
Include etc/extra/httpd-vhosts.conf
```

```text
: /Applications/XAMPP/xamppfiles/etc/extra/httpd-vhosts.conf

# 以下を追記 (SSI も有効に)
<VirtualHost *:80>
    DocumentRoot "/Users/$yourUserName$/git"
    DirectoryIndex index.php index.html
    ServerName git.hoge.com
    ErrorLog "/Applications/XAMPP/htdocs/error.log"
    <Directory "/Users/$yourUserName$/git">
        Options +Includes
        AddOutputFilter INCLUDES .html
        AddType text/html .shtml
        Order deny,allow
        Allow from ALL
        AllowOverride All
        Require all granted
    </Directory>
</VirtualHost>
```

#### 非同期で json を呼ぶ場合

デフォルトだと json の MIME-Type が text/plain もしくは指定なしのケースがあるので、
/etc/mime.typesに、以下を追記、もしくは以下に修正。
application/json      json