vagrantで開発環境構築の手順
■前提
Ubuntu14にて実施
すでに、
VirtualBox
Vagrant
がインストール済み

■環境構築
ターミナルに入る
作成エリア（ディレクトリィ例：ubunt12）を作成

mkdir ubunt12
cd ubunt12

イメージファイルをダウンロード

wget https://cloud-images.ubuntu.com/vagrant/trusty/current/trusty-server-cloudimg-i386-vagrant-disk1.box

イメージファイルを作成

vagrant box add ubunt12 ./trusty-server-cloudimg-i386-vagrant-disk1.box

初期化を実施

vagrant init ubunt12

設定を変更
Gestの内容をHostから操作できるように
ポートの設定を変更する

vim Vagrantfile
config.vm.network :forwarded_port, guest: 80, host: 8880
config.vm.network :forwarded_port, guest: 3131, host: 13131
config.vm.network :forwarded_port, guest: 4200, host: 14200

vagrantを起動する

vagrant up

エラーになった場合
VirtualBoxを立ち上げ
設定>システム>アクセラレーション
VT-x/AMD-Vを有効化のチェックを外す
再度
vagrant up
sshで入ってみる

vagrant ssh

入れれば、完了
■Cloud9をインストール
Vagrantよりログインする
Vgrantが起動していないときは

cd ubunt12
vagrant up

sshで入ってみる

vagrant ssh

apt-getを最新にする

sudo apt-get update

必要なラブラリィをインストールする

sudo apt-get install -y build-essential g++ curl libssl-dev apache2-utils git libxml2-dev

不要なnodejsを削除する

sudo apt-get remove nodejs

nvmを読み込みインストールする

git clone git://github.com/creationix/nvm.git ~/nvm
echo '. ~/nvm/nvm.sh' >> ~/.bashrc && . ~/.bashrc
nvm install v0.8.25
nvm use v0.8.25

cloud9を読み込みインストールする

git clone git://github.com/ajaxorg/cloud9.git
cd cloud9/
npm install

必要なライブラリィーを追加する

npm install jsDAV socket.io asyncjs vfs-nodefs-adapter v8debug amd-loader async sourcemint-loader-js ace treehugger vfs-architect

起動する

nvm use v0.8.25
cd ../
./cloud9/bin/cloud9.sh -l 0.0.0.0

ホスト側から動作を確認する

http://localhost:13131

画面が表示されれば、完了
■Xampp(Lammp)をインストール
Vagrantよりログインする
Vgrantが起動していないときは

cd ubunt12
vagrant up

sshで入ってみる

vagrant ssh

ソースをダウンロードする

wget http://sourceforge.net/projects/xampp/files/XAMPP%20Linux/1.8.0/xampp-linux-1.8.0.tar.gz

解凍する

tar xzvf xampp-linux-1.8.0.tar.gz

設置する

sudo mv lampp /opt/lampp

Apacheでのユーザをvagrantに変更を行う
設定ファイル
/opt/lampp/etc/httpd.conf
の、(173行）
User nobody　　->vagrant
Group nogroup　->vagrant
に変更する

vim /opt/lampp/etc/httpd.conf
User vagrant
Group vagrant
#User nobody
#Group nogroup

権限の設定を行う

sudo chmod -R 777 /opt/lampp
sudo chmod 644 /opt/lampp/etc/my.cnf
sudo chmod 755 /opt/lampp/phpmyadmin/config.inc.php

起動する

sudo /opt/lampp/lampp restart

ホスト側から動作を確認する

http://localhost:8880

Xamppの画面が出れば、完了です
■Xamppの初期設定をする
セキュリィテーの設定を行う
ホスト側からトップ画面を起動する

http://localhost:8880

セキュリテーを確認する
未設定になっているはず
下部にあるURLを起動する

sudo /opt/lampp/lampp security

設定のYes/Noに全てYesとして、パスワードを設定する
設定したパスワードは忘れないように（例：lampp)
Xamppを再起動する

sudo /opt/lampp/lampp restart

ホスト側から動作を確認する

http://localhost:8880

ユーザとパスワードを聞かれるので
設定したものを入力する
user:lampp
pass:lampp
トップ画面から
セキュリティを確認します
設定されていることを確認
■Xamppから、phpMySqlAdminを確認
ホスト側からトップ画面を表示

http://localhost:8880

phpMySqlAdminを選択

(./config.inc.php)is not readable
エラーが、出た場合

sudo chmod 755 /opt/lampp/phpmyadmin/config.inc.php

開始画面になったら
セキュリティーで設定したパスワードを入力
ユーザ：root
パスワード：lampp
phpMySqlAdmin画面になれば完了
■shellinaboxをインスツール
Vagrantよりログインする
Vgrantが起動していないときは

cd ubunt12
vagrant up

sshで入ってみる

vagrant ssh

ソースをダウンロードする

wget http://archive.ubuntu.com/ubuntu/pool/universe/s/shellinabox/shellinabox_2.14-1_i386.deb

インストールを行う

sudo dpkg -i shellinabox_2.14-1_i386.deb

ホストから入ってみる
ホスト側から動作を確認する

http://localhost:14200

ログイン画面でユーザとパスワードを入力する
ユーザ：vagrant
パスワード：vagrant
ログインできれば完了です
サービスの状態の確認と起動と停止は

sudo service shellinabox status
sudo service shellinabox start
sudo service shellinabox stop

となります
■candyをインストール
Vagrantよりログインする
Vgrantが起動していないときは

cd ubunt12
vagrant up

sshで入ってみる

vagrant ssh

ソースをダウンロードする

wget https://github.com/yandod/candycane/archive/v0.9.3.tar.gz
tar xzvf v0.9.3.tar.gz
mv candycane-0.9.3 candycane
mv candycane /opt/lampp/htdocs/candycane

データベースを作成する
phpmysqladmin
にアクセスする

データベースを新規作成する
データベース名
candycane
utf8_general_ci

作成ボタン
candycane
を選択
特権を選択
ユーザを追加

ユーザ名：candycane
ホスト名：localhost
パスワード：candycane
データベース candycane　に全ての特権を与える

Xamppの画面が出れば、ユーザ作成完了です

コマンドで行う場合には

/opt/lampp/bin/mysql -u root -p
mysql> GRANT ALL PRIVILEGES ON candycane.* TO candycane@localhost IDENTIFIED BY 'candycane';
mysql> FLUSH PRIVILEGES;
mysql> create database candycane character set utf8;

となります

インストーラを起動
http://localhost:8880/candycane

■netcomonsをインストール
Vagrantよりログインする
Vgrantが起動していないときは

cd ubunt12
vagrant up

sshで入ってみる

vagrant ssh

ソースをダウンロードする

http://www.netcommons.org/%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89/%E3%82%B3%E3%82%A2%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8/

ダウンロード

cd ~/
nvm use v0.8.25
./cloud9/bin/cloud9.sh -l 0.0.0.0 -w /opt/lampp/htdocs

ホストブラウザより

http://localhost:13131/

cloud9アップロード
ドラッグアンドドロップ

cd /opt/lampp/htdocs/
ls
tar xzvf NetCommons-2.4.2.0.tar.gz 
mv NetCommons-2.4.2.0 NetCommons

データベース作成
データベースを作成する
phpmysqladmin
にアクセスする

データベースを新規作成する
データベース名
netcom
utf8_general_ci

作成ボタン
netcom
を選択
特権を選択
ユーザを追加

ユーザ名：netcom
ホスト名：localhost
パスワード：netcom
データベース netcom　に全ての特権を与える

Xamppの画面が出れば、ユーザ作成完了です

コマンドで行う場合には

cd ~/
/opt/lampp/bin/mysql -u root -p
mysql> GRANT ALL PRIVILEGES ON netcom.* TO netcom@localhost IDENTIFIED BY 'netcom';
mysql> FLUSH PRIVILEGES;
mysql> create database netcom character set utf8;

となります

インストーラを起動
http://localhost:8880/NetCommons/html/

データベースを
netcom
に設定して、インスツール完了です

■Wordpressをインストール

wget http://ja.wordpress.org/wordpress-3.9.2-ja.tar.gz
tar xzvf wordpress-3.9.2-ja.tar.gz
mv wordpress-3.9.2-ja.tar.gz wordpress
mv wordpress /opt/lampp/htdocs/wordpress

データベースを作成する

データベース名
wordpress
utf8_general_ci

作成ボタン
データベースを選択する
ユーザを作成する
wordpress

コマンドで行う場合には

/opt/lampp/bin/mysql -u root -p
mysql> /opt/lampp/bin/mysql -u root -p
mysql> GRANT ALL PRIVILEGES ON wordpress.* TO wordpress@localhost IDENTIFIED BY 'wordpress';
mysql> FLUSH PRIVILEGES;
mysql> create database wordpress character set utf8;
mysql> exit

となります
インストーラを起動する
localhost:8880/wordpress/

指示にしたがい入力する
完了
■CakePHPをインストールする

Vagrantよりログインする
Vgrantが起動していないときは

cd ubunt12
vagrant up

sshで入ってみる

vagrant ssh

CakePHPをダウンロードし
展開する
「cakephp」
に、名前を変更し
htdocsの下に移動する

wget http://github.com/cakephp/cakephp/archive/2.5.3.tar.gz
tar xzvf 2.5.3.tar.gz
mv cakephp-2.5.3 cakephp
mv cakephp /opt/lampp/htdocs/cakephp

localhost:8880/cakephp
で起動する

sudo /opt/lampp/lampp restart

ホスト側から

http://localhost:8880/cakephp

・core.phpの変更
cakephp/app/Config/core.php
の
Security.salt
Security.cipherSeed
の設定文字を変更(225行、230行）

vim /opt/lampp/htdocs/cakephp/app/Config/core.php

/**
* A random string used in security hashing methods.
*/
Configure::write(‘Security.salt’, ‘DYhG93b0qyJfIxfs2guVoUubWwvniR2G0FgaC9mi’);

/**
* A random numeric string (digits only) used to encrypt/decrypt strings.
*/
Configure::write(‘Security.cipherSeed’, ‘76859309657453542496749683645’);
適当な値に変更する

・cakephp用のデータベースを作成
データベース名：cakephp
ユーザ名：cakephp
パスワード：cakephp
を作成してみます

/opt/lampp/bin/mysql -u root -p
（パスワード：lampp）
mysql> /opt/lampp/bin/mysql -u root -p
mysql> GRANT ALL PRIVILEGES ON cakephp.* TO cakephp@localhost IDENTIFIED BY 'cakephp';
mysql> FLUSH PRIVILEGES;
mysql> create database cakephp character set utf8;
mysql> exit

・databaseの設定
cakephp/app/Config
にある
database.php.default
を、database.phpに変更(複写)

cp /opt/lampp/htdocs/cakephp/app/Config/database.php.default /opt/lampp/htdocs/cakephp/app/Config/database.php

作成したデータベースの内容
データベース名：cakephp
ユーザ名：cakephp
パスワード：cakephp
に、
database.php
を変更する
TEST用データベースは削除する

vim /opt/lampp/htdocs/cakephp/app/Config/database.php 

以下に変更

public $default = array(
                'datasource' => 'Database/Mysql',
                'persistent' => false,
                'host' => 'localhost',
                'login' => 'cakephp',
                'password' => 'cakephp',
                'database' => 'cakephp',
                'prefix' => '',
                'encoding' => 'utf8',
        );

localhost:8880/cakephp
で起動する

DebugKit is not installed.

を消すために

git clone git://github.com/cakephp/debug_kit.git
mv debug_kit /opt/lampp/htdocs/cakephp/app/Plugin/DebugKit

app/Config/bootstrap.phpにCakePlugin::load(‘DebugKit’);を追加する。

vim /opt/lampp/htdocs/cakephp/app/Config/bootstrap.php

もう一度
localhost:8880/cakephp
で起動してみましょう
エラーがなくなっているはずです

■ファイルをホストとゲストで共有する
ゲストとデータとホストのデータを共有することで
ホスト側から手軽にゲスト側のデータを編集できるように
してみましょう

mv /opt/lampp/htdocs /vagrant/htdocs
ln -fs /vagrant/htdocs /opt/lampp/htdocs

これで、ホスト側から編集が可能になります

■CakePHPでプログラムを作ってみる
Firstと表示されるプログラムを作ってみます
まず、

http://localhost:8880/cakephp/First

にアクセスする

Missing Controller
Error: FirstController could not be found.
Error: Create the class FirstController below in file: app/Controller/FirstController.php
<?php
class FirstController extends AppController {
}

とのエラーになるので、メッセージに従い、プログラムを作る

vim /opt/lampp/htdocs/cakephp/app/Controller/FirstController.php 

でファイルを作り

<?php
class FirstController extends AppController {

}

を、挿入し（挿入はi）、終了する（終了は「Esc」:wq!）

http://localhost:8880/cakephp/First

にアクセスする

Missing Method in FirstController
Error: The action index is not defined in controller FirstController
Error: Create FirstController::index() in file: app/Controller/FirstController.php.
<?php
class FirstController extends AppController {


	public function index() {

	}

}

とのエラーになるので、メッセージに従い、プログラムを修正する

vim /opt/lampp/htdocs/cakephp/app/Controller/FirstController.php 

でファイルを開き

<?php
class FirstController extends AppController {


	public function index() {

	}

}

に修正する

http://localhost:8880/cakephp/First

にアクセスする

Missing View
Error: The view for FirstController::index() was not found.
Error: Confirm you have created the file: /vagrant/htdocs/cakephp/app/View/First/index.ctp

とのエラーになるので、メッセージに従い、プログラムを作成する
プログラムには、FirstGood
と記述してみる

mkdir /opt/lampp/htdocs/cakephp/app/View/First
vim /opt/lampp/htdocs/cakephp/app/View/First/index.ctp

でファイルを作り

FirstGood

と記述する

http://localhost:8880/cakephp/First

にアクセスする
無事表示されました
■CakePHPでデータベースの表示
CakePHPで、データベースの内容を表示してみます
データを作成します

CREATE TABLE posts (
    id INT not null AUTO_INCREMENT PRIMARY KEY,
    title VARCHAR(50),
    body TEXT,
    created DATETIME DEFAULT NULL,
    modified DATETIME DEFAULT NULL
);
INSERT INTO posts (title,body,created)
    VALUES ('タイトル1', '記事1', NOW());
INSERT INTO posts (title,body,created)
    VALUES ('タイトル2', '記事2', NOW());
INSERT INTO posts (title,body,created)
    VALUES ('タイトル3', '記事3', NOW());

データベースに接続します

sudo /opt/lampp/lampp restart
/opt/lampp/bin/mysql -u root -p
（パスワード：lampp）
mysql> USE cakephp;
mysql> （ここに書き込む）
mysql> exit

モデルを作ります

vim /opt/lampp/htdocs/cakephp/app/Model/Post.php

<?php
class Post extends AppModel {
}

コントローラの作成します

vim /opt/lampp/htdocs/cakephp/app/Controller/PostController.php

<?php
class PostsController extends AppController {
    public $helpers = array('Html', 'Form');

    public function index() {
        $this->set('posts', $this->Post->find('all'));
    }
    public function view($id = null) {
        if (!$id) {
            throw new NotFoundException(('Not post'));
        }

        $post = $this->Post->findById($id);
        if (!$post) {
            throw new NotFoundException(('Not post'));
        }
        $this->set('post', $post);
    }
}

ビューの作成します

mkdir /opt/lampp/htdocs/cakephp/app/View/Posts
vim /opt/lampp/htdocs/cakephp/app/View/Posts/index.ctp

<h1>posts</h1>
<table>
    <tr>
        <th>Id</th>
        <th>Title</th>
        <th>Created</th>
    </tr>
    <?php foreach ($posts as $post): ?>
    <tr>
        <td><?php echo $post['Post']['id']; ?></td>
        <td>
            <?php echo $this->Html->link($post['Post']['title'],
array('controller' => 'posts', 'action' => 'view', $post['Post']['id'])); ?>
        </td>
        <td><?php echo $post['Post']['created']; ?></td>
    </tr>
    <?php endforeach; ?>
    <?php unset($post); ?>
</table>

詳細用のビューを作る

vim /opt/lampp/htdocs/cakephp/app/View/Posts/view.ctp

<p>タイトル:<?php echo h($post['Post']['title']); ?></p>
<p>内容:<?php echo h($post['Post']['body']); ?></p>
<p>作成日: <?php echo $post['Post']['created']; ?></p>

アクセスしてみます
localhost:8880/cakephp/posts

■Jenkinsを組み込みます
GestOSに、Jenkinsをインスツールしてみます
まず、Vagrantを立ち上げる前に
ポートを追加します
ホスト側にて

vim Vagrantfile

で、設定ファイルを開き

config.vm.network :forwarded_port, guest: 8080, host: 8888

を追加します

vagrant up

で起動します
起動後

vagrant ssh

で、ゲストOSに入ります
以下を実行

wget -q -O - http://pkg.jenkins-ci.org/debian/jenkins-ci.org.key | sudo apt-key add -

/etc/apt/sources.listに
deb http://pkg.jenkins-ci.org/debian binary/
を追加します

sudo vim /etc/apt/sources.list

にて

deb http://pkg.jenkins-ci.org/debian binary/

を、追加します

sudo apt-get update

で、アップデートし

sudo apt-get install jenkins

にて、jenkinsをインストールします
完了したら
HOST側のブラウザから
localhost:8888
でアクセスすることで、接続できます

■Phing、Phpunutを組み込む

composerにより、Jenkinsで使用するライブラリィーを
インストールする

sudo apt-get install php5-cli
curl -sS https://getcomposer.org/installer | php
sudo mv composer.phar /usr/local/bin/composer

設定用ファイルを作成する

vim composer.json

新規で作成する

{
        "require-dev": {
        "phing/phing": "*",
        "squizlabs/php_codesniffer": "*"
        "phpunit/phpunit": "*",
        "phpmd/phpmd": "*",
        "pear/pear_exception": "dev-master",
        "sebastian/phpcpd": "*",
        "phpunit/phpunit-skeleton-generator": "*"
    },
    "config": {
        "bin-dir" : "/usr/local/bin/"
    }
}

アップグレードにて組み込みする

composer update

組み込み完了を確認

ls /usr/local/bin
phing -v

xdebugをインスツールします

sudo apt-get install php5-xdebug
sudo apt-get install php5-xsl

サンプルプログラムを作ってみます

vim Sample.php

簡単なプログラム

<?php
class Sample
{
    public function getMessage()
    {
        return "hello world";
    }
}
?>

phpunit-skelgen generate-test Sample Sample.php

■Jenkinsのタイムゾーンの変更
/etc/defaults/jenkins に
JAVA_ARGS=”-Dorg.apache.commons.jelly.tags.fmt.timeZone=Asia/Tokyo”
を追加します

sudo vim /etc/defaults/jenkins

i(挿入)貼り付け「ECS」:wq（終了）

JAVA_ARGS=”-Dorg.apache.commons.jelly.tags.fmt.timeZone=Asia/Tokyo”