使い方aboutお問い合わせ広告掲載Vagrant+Virturlbox+VCCWの使い方(Mac/Windows)作成:2017/04/17更新:2017/06/06WordPressWordPressテーマ・プラグイン開発を効率的に行えるようにVagrant/VCCW/WP-CLIをインストールしてWordPress開発環境を構築する時のメモです。Mac/Windows対応。Link手順WordPressテーマ+プラグイン開発環境を整える一連の流れ。ローカルにWP-CLIインストールVagrantについてVagrantとは、簡単なコマンドで仮想環境を操作できるツール。VirtualBoxとセットでインストールします。Boxと一緒に使う仮想環境を簡単に構築・管理・配布できるyumやapt-getのようなコマンドが使えるVirtualBoxを立ち上げなくてよいGitHub+Boxで開発環境の共有が手軽に行える短いコマンドでマシン起動・停止・破棄など行えるVCCWについてVCCWとはLAMPとWordPress環境を簡単に立ち上げるツールのことです。WordPressテーマ・プラグインの開発・テストが簡単に行えるようになります。Vagrants)があります。VVVにはnginx/MariaDB/NodeJsなどが含まれます。VagrantsWP-CLIについてターミナル上でWordPressに関する色々なことを操作できるツール。固定・投稿ページ・コメント作成インポート、エクスポートなどなど色々なことが短いコマンドで可能。インストールXcodeをインストールしてagreeしておきます。同意しておかないとエラーがでます。https://raw.githubusercontent.com/Homebrew/install/master/install)"と入力。用パッケージマネージャーバージョン確認。vagrant-hostsupdaterVCCWインストール分かりやすい名前のディレクトリを作成します。VCCWは何個もインストールできますが、ディレクトリによって、ymlファイルのホスト名・ipアドレスは変更したほうがよいでしょう。vccw_test2そのディレクトリに移動してvccwをダウンロードします。https://github.com/vccw-team/vccw.gitprovision/ディレクトリにあるdefault.ymlをコピーしてsite.ymlにリネームしVagrantfileと同じディレクトリに移動させます。../site.ymlviなどでsite.ymlを開き、langをjaに変更して設定反映。※2017/04/20追記:複数のサーバを立ち上げたい場合は、vccw2などのディレクトリを作りvccwをダウンロードしたら、site.ymlファイル内のipアドレスとホスト名を変更してください。叩くとスムーズにいきます。表示するとWordPressがインストールされているのを確認できました。192.168.33.10/wp-adminに入ると日本語に変更されています。管理画面はadmin/adminでログイン可能。ローカルにインストールします。https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar動くか確認。実行権限付与し、wpにリネームして移動。--infoWordPressディレクトリに移動してwpコマンドを試してみます。サーバに接続してみます。WordPressが置いてあるディレクトリは以下。/var/www/htmlデータベースを見てみます。|+--------------------+サーバ内でスターターテーマがインストールできます。スターターキットを入れる場合。sample-pluginWindows版Windowsは環境開発を構築するのが面倒ですが、とりあえず下からダウンロード。HashiCorpNextを押し、インストールを進めて再起動。Windowsの場合はBIOSで「Virtualization」をEnabledにします。Cygwin等でVCCWをcloneします。https://github.com/vccw-team/vccw.git※2017/04/24追記:windowsのgitクライアントは改行コードの自動変換があり動かなくなることがあるそうで、gitクライアントを使っている人はzipを直接ダウンロード(VCCW)するほうがよいそうです。Miyauchiさん、ご指摘ありがとうございます。ダウンロードする方法を推奨します。テスト用の余計なファイルも含まれないのでディレクトリ構成もすっきりしてます。アクセスするとWordPressがインストールされたページが表示されます。英語表記になっているので日本語化します。provision/ディレクトリにあるdefault.ymlをコピーしてsite.ymlにリネームしVagrantfileと同じディレクトリに移動させます。provisionします。日本語表記になりました。wp以上、Vagrant/VCCW/WP-CLIをインストールしてWordPress環境を構築する方法でした。投稿者:commte株式会社コムテ代表取締役。2015/8:弊社にてWeb制作スクールを開始。した話し方をするおっさん。必須というわけではないけれど、長文になりがちなブログや記事中心のサイト構築を行うときに使える小技やプラグインを少しピップアップしました。記事を分割する2015/08/101ページで完結、Web制作者が助かるチートシート・資料・PDFまとめページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。登壇用の資料や提案書も、Vimやマークダウンで作ることができたならコンテンツに傾注できるのではないか。その夢を実現できるというDecksetを試した。所感でVimやAtomから2014/05/19これ結構使えた!サービスサイトやWordPressテーマで使われている小技まとめウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。コメントデータの処理方法の詳細はこちらをご覧ください。