word bench富山 vagrantやってみよう

39
WordPress用開発環境 Vagrantを使ってみよう 20141215WordBench富山

Upload: youichi-okada

Post on 20-Jul-2015

106 views

Category:

Technology


1 download

TRANSCRIPT

WordPress用開発環境Vagrantを使ってみよう

2014年12月15日 WordBench富山

自己紹介 神垣聡

WordPress歴7年ぐらい? WordPress2.3から利用

2.3のリリースが2007年

インフラ〜プログラム辺りのエンジニア インフラ -> サーバ管理

最近の趣味 スノーボード

資格取得

元々は情報系

宅建とか簿記とりました

今年は電気系(電気工事士、電験)の資格とります

アジェンダ

概要

VirtualBoxインストール

Vagrantインストール

VCCWインストール

Vagrant、VCCW基本設定

WordPressの初期設定

• 時間の都合上、今日はWindowsに合わせてインストールを進めさせてもらいます

• 分からないところはバシバシ聞いてください

概要

WordPressの開発環境

WordPressの案件をさっくりバッチリこなすために

ワークショップ?

実際にみなさんのパソコンへソフトウェアをインストールして実践的に何かを学ぶ場

USBメモリで必要なファイルを配布しています

Vagrantフォルダをコピーしてください

途中再起動が必要になります

なぜVagrant

開発環境と本番環境を揃える

個人のローカル環境に依存しない

開発環境のスタートまでが早い

環境構築を自動化

チームでの開発環境の共有

http://dev.classmethod.jp/server-side/virtual-box-vagrant/

VirtualBoxのインストール

Oracle社が開発

Oracle(オラクル)

データベースとかで有名

下記のファイルをインストールしてください

VirtualBox-4.3.20-96997-Win.exe

VirtualBoxのインストール

VirtualBoxのインストール

VirtualBoxのインストール

VirtualBoxのインストール

VirtualBoxのインストール

Vagrantのインストール

フォルダ内の下記のファイルをインストール

vagrant_1.7.1.msi

Vagrantのインストール

Vagrantのインストール

Vagrantのインストール

Vagrantのインストール

Vagrantのインストール

VCCWのコピー

フォルダ内にあるvccw-1.9.6を C:\HashiCorpへコピーしてください

Vagrantの起動

Vccw-1.9.6でコマンドプロンプトを開きます

フォルダをエクスプローラで開いて

「Shiftを押しながら右クリック」

「コマンドプロンプトをここで開く」

「vagrant up」を実行します

Vagrantの起動

Vagrantの起動

Vagrantの起動

待ちます・・・・

時間が掛かりますのでその間に他の事をやっておきます

hostsファイルの設定

このソフトのインストールはオプショナルです

192.168.33.10を wordpress.local に関連付け

フォルダ内にある HostsFileManagerSetup.msiをインストールします

HostsFileManagerを開きます

Hostsファイルの設定

Hostsファイルの設定

Hostsファイルの設定

Hostsファイルの設定

閑話休題(10分)

使用許諾と再配布について

今回のワークショップではインターネット回線の都合上、色んなファイルを特定少数に再配布しました

使用許諾で問題がありそうな場合には教えてください

仮想環境(仮想マシン)について

仮想マシンとは…

サーバやパソコンを仮想環境としてまるごと準備

普段使いしている環境とは切り離して構築可能

閑話休題

Vagrant+Windowsって意外に不親切だなぁ…

コマンドプロンプトの開き方がなかったり…

なんでVagrantなの?

いまイケてる開発環境だから!

Vagrant以外は?

XAMPP、MAMPとか

レン鯖へ直接設置

閑話休題

他にイケてることは?

gitいいよgit

(弊社未採用です…)

プロジェクト管理ツールいいです

Backlog, redmine, trac

Vagrant初期設定完了

確認

ブラウザで確認してみましょう

http://wordpress.local/

確認

管理画面

管理画面にはいってみましょう

ID: admin

PW: admin

管理画面へ

起動中の確認とか

削除

コマンドプロンプトから

vagrant destroy

削除

おつかれさまでした!