VirtualBoxとVagrantで仮想環境を構築しよう


#仮想環境の説明

今回はVirtualBoxとVagrantで仮想環境を構築します。
そしてCyberduckというツールを使って、簡単に仮想環境にアクセスできるようにします。

VirtualBox（バーチャルボックス）というのは、仮想環境を構築するソフトウェアです。
その中には、Ubuntu、CentOS、WindowsといったOSをインストールすることができます。
Vagrant（ベイグラント）というソフトウェアを使うことで、より簡単に仮想環境の操作ができます。

![仮想環境の説明.jpg](https://qiita-image-store.s3.amazonaws.com/0/39073/e3fc9b09-79f6-bf6a-49ec-1c1087f9300a.jpeg "仮想環境の説明.jpg")

仮想環境を使うメリットは、何度でも一から構築し直せることです。
シッカリと理解できるまで、何度でも「構築→破棄」のサイクルを繰り返しましょう。

#Virtualboxのダウンロードとインストール

[VirtualBoxのダウンロード先](http://www.oracle.com/technetwork/server-storage/virtualbox/downloads/index.html) 


赤枠の中からダウンロードして下さい。

![oracle_download.png](https://qiita-image-store.s3.amazonaws.com/0/39073/5470c8dd-0c6a-635e-1a94-03ba9341e8dc.png "oracle_download.png")


#Vagrantのダウンロードとインストール
##Vagrantのダウンロード

まずは、dmgファイルをクリックします。
すると、下記のような画面が出てくるので、赤枠にあるpkgファイルをダブルクリックして下さい。
順番にボタンを押していけばインストール完了です。

![v_1.png](https://qiita-image-store.s3.amazonaws.com/0/39073/ae668d12-20ad-2149-aef5-0712b1311976.png "v_1.png")

![v_3.png](https://qiita-image-store.s3.amazonaws.com/0/39073/055eb19b-f155-cabd-7741-e3b578e7ce68.png "v_3.png")

##Vagrantのインストール

[Vagrantのダウンロード先](https://www.vagrantup.com/downloads.html) 

![va_1.png](https://qiita-image-store.s3.amazonaws.com/0/39073/3c05e817-f7e2-5733-79e0-1d6a5607095a.png "va_1.png")

ダウンロードが終わったら、dmgファイルをクリックして、インストールを始めて下さい。

![va_2.png](https://qiita-image-store.s3.amazonaws.com/0/39073/c0b45a3e-e6bd-527d-89c6-038b0d27e0e1.png "va_2.png")


#Cyberduckのインストール

次にMacPCで作ったファイルを仮想マシンに転送する仕組みを作っていきましょう。
改めて言いますが、MacPCとVirtualBoxの中にあるOSは別のコンピュータです。
そのため、MacPCで作ったファイルをOSに送信するためにはソフトを動かす必要があります。
そのためのソフトに、今回はCyberduckを使います。

[Cyberduckのダウンロード先](https://cyberduck.io/) 

![cyber.jpg](https://qiita-image-store.s3.amazonaws.com/0/39073/613b8660-fa85-e7ee-bbde-f680bd8852be.jpeg "cyber.jpg")

![duck.png](https://qiita-image-store.s3.amazonaws.com/0/39073/ba3640d0-2e31-3907-a2a5-c06cf21c163d.png "duck.png")

ダウンロードしてきたファイルを解凍します。
それをクリックして、アプリケーションフォルダにドラッグアンドドロップしましょう。
![cy_2.png](https://qiita-image-store.s3.amazonaws.com/0/39073/dab68aad-36b5-24ed-4994-c8973ba37375.png "cy_2.png")

権限のエラーが出る場合は、システム環境設定→セキュリティとプライバシー→「全てのアプリケーションを許可」を選択してあげて下さい。

![cy_3.png](https://qiita-image-store.s3.amazonaws.com/0/39073/8758289d-3808-4c83-c69a-fabfa651a760.png "cy_3.png")

##仮想環境への接続方法
仮想環境を立ち上げてなければ、現時点で行う必要はありません。
新規接続→SFTPを選択します。
サーバー情報を入力しましょう。

+ サーバー；192.168.33.10
+ ユーザー；vagrant
+ パスワード；vagrant

![cy_4.png](https://qiita-image-store.s3.amazonaws.com/0/39073/19d26f23-cadb-90d0-0a85-800f99756ad6.png "cy_4.png")

この接続情報を維持したいので、ブックマークしておきます。

![cy_7.png](https://qiita-image-store.s3.amazonaws.com/0/39073/e86d32fb-4bab-be67-4247-e1dbfeaf600d.png "cy_7.png")


![cy_8.png](https://qiita-image-store.s3.amazonaws.com/0/39073/280dd401-8ea7-69b8-6b81-e5e15a5f1818.png "cy_8.png")

最後に、Linux上にある「隠しファイル」を見られるようにしておきましょう。
「環境設定」から設定できます。

![cy_9.png](https://qiita-image-store.s3.amazonaws.com/0/39073/c19e00d9-0253-99b9-08e6-0b944de2c06b.png "cy_9.png")

こういったファイルが見られたらOKです。

![cy_10.png](https://qiita-image-store.s3.amazonaws.com/0/39073/4fd2fd2c-1521-7052-ad90-0eee7606fbca.png "cy_10.png")

外部エディタを変更したい人は、ここを変更して下さい。

![cy_11.png](https://qiita-image-store.s3.amazonaws.com/0/39073/f11204bb-a197-9540-7d7a-ba89c8318f76.png "cy_11.png")