InstallSinatraOnMac » 履歴 » バージョン 13
Yuumi Yoshida, 2016-05-12 11:03
| 1 | 1 | Yuumi Yoshida | # 開発環境の作り方(Mac OS X 10.11) |
|---|---|---|---|
| 2 | |||
| 3 | _2016/05/12更新_ |
||
| 4 | |||
| 5 | |||
| 6 | ### 1 . Command Line Toolsのインストール |
||
| 7 | |||
| 8 | ターミナルで以下を実行 |
||
| 9 | |||
| 10 | * ターミナルは Launchpad → その他 にあります。 |
||
| 11 | |||
| 12 | ~~~ |
||
| 13 | $ xcode-select --install |
||
| 14 | ~~~ |
||
| 15 | |||
| 16 | 以下のようなダイアログが表示されるので「インストール」をクリックするとダウンロード・インストールが開始します |
||
| 17 | |||
| 18 | |||
| 19 | 2 | Yuumi Yoshida |  |
| 20 | 1 | Yuumi Yoshida | |
| 21 | ダイアログが表示されずに、ターミナルに以下の様に表示された場合は Command Line Tools は既にインストールされています。 |
||
| 22 | |||
| 23 | |||
| 24 | ~~~ |
||
| 25 | xcode-select: error: command line tools are already installed, use "Software Update" to install updates |
||
| 26 | ~~~ |
||
| 27 | |||
| 28 | ### 2. homebrew(Unix系ツール)のインストール |
||
| 29 | |||
| 30 | Hombrew ホームページ http://brew.sh/ |
||
| 31 | |||
| 32 | |||
| 33 | 8 | Yuumi Yoshida | ターミナルで以下を実行 |
| 34 | 1 | Yuumi Yoshida | |
| 35 | 10 | Yuumi Yoshida | * $ に続く 文字列をコピー・アンド・ペーストまたはタイプして returnキーを押して下さい |
| 36 | 12 | Yuumi Yoshida | * **最初の行は長いので全て表示されてない事があります(最後の文字は " です)、その場合は右方向にスクロールしてみて下さい** |
| 37 | 13 | Yuumi Yoshida | * また # ← が書かれている部分は指示です、従って下さい |
| 38 | 8 | Yuumi Yoshida | |
| 39 | 1 | Yuumi Yoshida | ~~~ |
| 40 | $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" |
||
| 41 | |||
| 42 | ... |
||
| 43 | |||
| 44 | Press ENTER to continue or any other key to abort # ← enter(return)キーを押す |
||
| 45 | |||
| 46 | ... |
||
| 47 | |||
| 48 | To proceed, enter your password, or type Ctrl-C to abort. |
||
| 49 | |||
| 50 | Password: # ← Mac ログインのパスワードを入力 |
||
| 51 | |||
| 52 | $ brew doctor |
||
| 53 | |||
| 54 | Your system is ready to brew. |
||
| 55 | |||
| 56 | ~~~ |
||
| 57 | |||
| 58 | ### 3. rbenv, Rubyのインストール |
||
| 59 | |||
| 60 | 6 | Yuumi Yoshida | rbenv は複数のバージョンのRubyを切り換えて使えるコマンドです https://github.com/sstephenson/rbenv/ |
| 61 | 1 | Yuumi Yoshida | |
| 62 | |||
| 63 | ターミナルで以下を実行 |
||
| 64 | |||
| 65 | |||
| 66 | * rbenv のインストール |
||
| 67 | |||
| 68 | ~~~ |
||
| 69 | $ brew update |
||
| 70 | $ brew install ruby-build |
||
| 71 | $ brew install rbenv |
||
| 72 | $ rbenv install -l |
||
| 73 | Available versions: |
||
| 74 | 1.8.6-p383 |
||
| 75 | |||
| 76 | ... |
||
| 77 | |||
| 78 | 2.3.1 ←表示に2.3.1があることを確認する。 |
||
| 79 | |||
| 80 | ... |
||
| 81 | |||
| 82 | ~~~ |
||
| 83 | |||
| 84 | * Rubyのインストール |
||
| 85 | |||
| 86 | ~~~ |
||
| 87 | $ rbenv install 2.3.1 |
||
| 88 | $ rbenv rehash |
||
| 89 | $ rbenv global 2.3.1 |
||
| 90 | ~~~ |
||
| 91 | |||
| 92 | 8 | Yuumi Yoshida | * .bash_profile を変更 |
| 93 | 1 | Yuumi Yoshida | |
| 94 | ~~~ |
||
| 95 | 8 | Yuumi Yoshida | $ cat >> ~/.bash_profile |
| 96 | ~~~ |
||
| 97 | |||
| 98 | 9 | Yuumi Yoshida | ターミナルには何も表示されませんが、そのまま以下をコピー・アンド・ペースト |
| 99 | 8 | Yuumi Yoshida | |
| 100 | 1 | Yuumi Yoshida | ~~~ |
| 101 | 8 | Yuumi Yoshida | export PATH="$HOME/.rbenv/bin:$PATH" |
| 102 | 1 | Yuumi Yoshida | eval "$(rbenv init -)" |
| 103 | 9 | Yuumi Yoshida | |
| 104 | 1 | Yuumi Yoshida | ~~~ |
| 105 | 8 | Yuumi Yoshida | |
| 106 | controlキーを押しながら D キーを押す。ターミナルに $ が表示されてたら成功です。 |
||
| 107 | |||
| 108 | 1 | Yuumi Yoshida | |
| 109 | * Rubyの確認、ターミナルで以下を実行 |
||
| 110 | |||
| 111 | ~~~ |
||
| 112 | $ source .bash_profile |
||
| 113 | $ ruby -v |
||
| 114 | ruby 2.3.1 .... # ← 確認 |
||
| 115 | ~~~ |
||
| 116 | |||
| 117 | 3 | Yuumi Yoshida | ### 4 .Sinatraのインストール |
| 118 | 1 | Yuumi Yoshida | |
| 119 | ターミナルで以下を実行 |
||
| 120 | |||
| 121 | |||
| 122 | * gemコマンドのアップデート |
||
| 123 | |||
| 124 | ~~~ |
||
| 125 | $ gem update --system -N |
||
| 126 | ~~~ |
||
| 127 | |||
| 128 | `Latest version currently installed. Aborting.` と表示された場合は、最新版がインストールされているので問題ありません。 |
||
| 129 | |||
| 130 | |||
| 131 | * インストール |
||
| 132 | |||
| 133 | ~~~ |
||
| 134 | 3 | Yuumi Yoshida | $ gem install sinatra -N |
| 135 | 1 | Yuumi Yoshida | ~~~ |
| 136 | |||
| 137 | |||
| 138 | 3 | Yuumi Yoshida | ### 5. エディターのインストール |
| 139 | 1 | Yuumi Yoshida | |
| 140 | 4 | Yuumi Yoshida | Atom をインストールします |
| 141 | |||
| 142 | * https://atom.io を表示 |
||
| 143 | * Download for Mac ボタンを押す |
||
| 144 | * ダウンロードされた atom-mac.zip をダブルクリック (解凍) |
||
| 145 | * 上で出てきた Atom.app を アプリケーション フォルダーに移動 |
||
| 146 | |||
| 147 | 1 | Yuumi Yoshida |