windows7のPCにubuntu14.04をインストールしてrailsの開発環境構築

## 構築する動機
会社のPC（windows7）で源ノ角ゴシックCodeJPが利用できないので、廃棄用のPC（windows7）にubuntuを入れて、源ノ角ゴシックCodeJPを利用したい。

### 対象のPC
- windows7

### インストールするもの
- ubuntu 14.04 lts
    - windows7とデュアルブートしたい
- ruby 2.3
- rails 4.2.6
- zsh
- oh-my-zsh
- atom 1.7.2
- git 1.9.1
- 源ノ角ゴシックCodeJP 2.000

2016/4/27 以下を追記しました。

- npm 1.3.10
- bower 1.7.9


## 手順
### 1. ubuntuのメディア作成、インストール
- [このページ](http://satomablog.blog.fc2.com/blog-entry-6.html)を参考にしました。
- 最初、[ubuntu japanese team](https://www.ubuntulinux.jp/)から日本語remix版をダウンロードしたり、DVDに焼いたりしたが、何度も失敗したため、[ubuntu.com](http://www.ubuntu.com/)からオリジナル版をダウンロードしてみたところ、1回でうまくいきました。
- オリジナル版のインストール後、[ここ](https://www.ubuntulinux.jp/japanese#repository)で書かれている手順で日本語remix版のパッケージを追加しました。

### 2. rubyやrailsのインストール
- [ここ](http://www.oiax.jp/rails/zakkan/rails_4_2_installation_on_ubunt.html)がとても丁寧に手順がかかれていたので大変助かりました。

### 3. zsh、oh-my-zshのインストール
- [ここ](http://tenten0213.hatenablog.com/entry/2013/10/18/123904)を参考にしました。
また、oh-my-zshからrbenvを利用するために、[ここ](https://github.com/rbenv/rbenv)を参考にしながら次のコマンドを実行しました。

```shell-session
➜  ~ echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.zshrc_profile
```

### 4. atomのインストール
- [atom](https://atom.io/)から.depファイルをダウンロードしてダブルクリックするとインストールが始まります。

### 5. gitのインストール
- [ここ](http://okuzawats.com/install-git-on-ubuntu-20150615)を参考にしました。

### 6. 源ノ角ゴシックCodeJPのインストール
- [ここ](https://github.com/adobe-fonts/source-han-code-jp/releases/tag/2.000R)からダウンロードして、[ここ](https://wiki.ubuntulinux.jp/UbuntuTips/Desktop/InstallFont)を参考にしてインストールしました。
- 端末でも利用したかったのですが、メニューの編集→プロファイルの設定にあるフォントのプルダウンリストに、源ノ角ゴシックCodeJPが表示されなかったため、[ここ](http://qiita.com/ll_kuma_ll/items/aa45155c95ea741cccee)を参考にしながら次のコマンドを実行しました。

```shell-session
➜  ~ gconftool-2 --get /apps/gnome-terminal/profiles/Default/font
➜  ~ gconftool-2 --set --type string /apps/gnome-terminal/profiles/Default/font "源ノ角ゴシック Code JP 11"
```
### 7. npm、bowerのインストール
- [ここ](http://www.codediesel.com/javascript/installing-bower-on-ubuntu-14-04-lts/)を参考にしました。

```shell-session
➜  ~ sudo apt-get install nodejs
➜  ~ sudo apt-get install npm
➜  ~ sudo apt-get install -g bower
```
これでbowerがインストールされたかと思いきや、bowerを実行するとこんなエラーが出ます。

```shell-session
➜  ~ bower
/usr/bin/env: node: そのようなファイルやディレクトリはありません
```
> This caused some wasted time, however some searching around found a fix. In this case you can do an easy symlink. For Linux distributions which install package binaries to /usr/bin you can do the following.

とあるように、シンボリックリンクの変更で解決できるようです。

```shell-session
➜  ~ sudo ln -s /usr/bin/nodejs /usr/bin/node
```
- railsでは、bowerを便利に使えるgem「bower-rails」があると、[ここ](http://blog.mah-lab.com/2014/04/14/bower-rails/)を参考にします。まずはgemfileに追記します。

```txt:Gemfile
gem 'bower-rails' 
```
- gemに`bower-rails`を追記して`bundle install`を実行します。
- `Bowerfile`がプロジェクトフォルダの直下に出来ているので、そこにbowerで管理したいライブラリを記します。

```txt:Bowerfile
# A sample Bowerfile
# Check out https://github.com/42dev/bower-rails#ruby-dsl-configuration for more options

asset 'awesome-bootstrap-checkbox'
asset 'bootcards'
asset 'bootstrap-sass'
asset 'bootstrap-switch'
asset 'bootstrap'
asset 'fastclick'
asset 'font-awesome'
asset 'highlightjs'
asset 'jquery'
asset 'jquery-pjax'
asset 'jquery-ui'
asset 'jquery-ujs'
```

- 記載したライブラリをダウンロードするため、`bundle exec rake bower:install`を実行すると、vendor > assets配下にbower_componentsというフォルダが生成され、ライブラリもそこへ格納されます。


> vendor/assets/bower_components以下にダウンロードされるので、application.jsでrequireするためにも、このパスをconfig.assets.pathsに追加しておきます。ここまで終わったらあとはapp/assets/javascripts/application.jsでrequireするだけです。

```rb:application.rb
config.assets.paths << Rails.root.join('vendor', 'assets', 'bower_components')
```
```js:application.js
//= require jquery
//= require jquery.turbolinks
//= require jquery-ujs
//= require bootstrap
//= require bootcards
//= require bootstrap-switch
//= require highlightjs
//= require turbolinks
//= require_tree .
```

## 参考
1. ubuntu
    - [Windows7 と Ubuntu 14.04 をデュアルブート化する](http://satomablog.blog.fc2.com/blog-entry-6.html)
    - [ubuntu japanese team](https://www.ubuntulinux.jp/)
    - [ubuntu.com](http://www.ubuntu.com/)
2. Ruby & Rails
    - [Ruby on Rails 4.2 を Ubuntu にインストールする手順をかなり丁寧に説明してみました](http://www.oiax.jp/rails/zakkan/rails_4_2_installation_on_ubunt.html)
3. zsh & oh-my-zsh
    - [Ubuntuへのzsh設定メモ](http://tenten0213.hatenablog.com/entry/2013/10/18/123904)
    - [Groom your app’s Ruby environment with rbenv.](https://github.com/rbenv/rbenv)
4. atom
    - [atom](https://atom.io/)
5. git
    - [UbuntuにGitをインストールする](http://okuzawats.com/install-git-on-ubuntu-20150615)
6. 源ノ角ゴシックCodeJP
    - [Source Han Code JP](https://github.com/adobe-fonts/source-han-code-jp/releases/tag/2.000R)
    - [gnome-terminal のフォントを一覧以外のフォントに変更](http://qiita.com/ll_kuma_ll/items/aa45155c95ea741cccee)
7. npm,bower
    - [Installing Bower on Ubuntu 14.04 LTS](http://www.codediesel.com/javascript/installing-bower-on-ubuntu-14-04-lts/)
    - [Railsで外部JavaScriptライブラリなどのAssetを管理するなら、bower-railsが便利](http://blog.mah-lab.com/2014/04/14/bower-rails/)