け】Blog/Word_Press/Web【ブログ報告】ブログ初心者が開設から1ヶ月で行った事・起こった事Life/Health/Hobbyアジア主要都市のスマートシティ度評価【東京は102都市中62位、海外移住・デジタルノマドに適した都市はどこ?】Blog/Word_Press/Web【ブログ報告】ブログを開始してから10ヶ月目に行なったこと、起こったことOverseasバンコクの激安快適コワーキングスペース紹介(TCDC)【ミーティングルームの予約もネットで可能に!】Business海外転勤時の準備書類についての注意点を解説するよ。ドンキモールトンロー店に行ってきた!Life/Health/Hobbyマレーシアの運転免許証をお持ちの方は必ず更新しましょう。【失効していても3年以内ならOK!、転勤後でも大丈夫!!。2019.05.10この記事は約7分で読めます。内にローカル環境を構築する方法をお話しします。自分のコンピュータ内にローカル環境を構築し、その中でWordPressを動かせれば、レンタルサーバーにあり常に公開されている大事な本番の環境を阻害せず、テーマの変更、HTML,CSSを使っての変更等を試すことができます。ローカル環境の構築には、主に以下の3つの方法があります。Windows)VCCW+Vagrant+VirtualBoxLOCAL1番のMAMP、XAMPPを使う方法はいささか古めかしい方式です。3番のLOCALを使う方法はローカル環境を作る上で一番簡単な方法なのですが、ローカル・本番間の同期に難があります。ここでは、少しだけ複雑ですが、同期を見据えてVCCW+Vagrant+VirtualBoxを使う方法を説明します。BoxのダウンロードVCCWのインストールローカル環境の構築VagrantとVirtualBoxのダウンロードVagrantのダウンロードまずはVagrantというツールと、それを使うために必要なVirtualBoxという仮想化ソフトをダウンロードします。Vagrantみゆきメダカ上記のリンクからVegrantをダウンロードするね。最初のページにあるDOWNLOADをクリックしてね。local_01Rみゆきメダカ次にスクロールダウンして、macOSの下にある64-bitをクリックしてね。これでダウンロードが始まるよ。VirtualBoxみゆきメダカVagrantのダウンロードが終わったら、上のリンクからVirtualBoxをダウンロードしよう。6.0クリックしてね。hostsをクリックしてね。するとVirtualBoxのダウンロードが始まるよ。local_06VagrantとVirtualBoxのインストールみゆきメダカダウンロードしたそれぞれのファイルをダブルクリックして、インストールを開始してね。local_04Rlocal_07Rみゆきメダカインストールが完了したら、それぞれちゃんとインストールされたか、確認しよう。確認にはターミナルを起動起動して、そこから確認を行うよ。ターミナルの起動方法は以下の記事を参考にしてね。【Mac】ターミナルの使い方の初歩・よくわからん黒いやつ【初心者向け】ネットでMacの使い方を調べていて、急にターミナルを使って云々と書かれていて、よくわからなくて途方にくれたことはありませんか。ぼくも以前はそうでした。--help"と入力してリターンとして、下のスクショのようにそれぞれのバージョンが表示されたら、インストールは成功だよ。Mac_terminal_10みさきメダカやったね。パパ!これでローカル環境OK?みゆきメダカここまでで、半分終了かな。次のVCCWと関連ツールをインストールして、Vagrantを起動すれば、ローカル環境は構築できるよ。VCCWのダウンロードvagrant-hostsupdatorのインストールみゆきメダカまずは、プラグインの”vagrant-hostsupdaterをインストールしよう。ターミナルから下のスクショの赤い長方形で囲まれた部分をキーボードから入力して、リターンを押すと自動的にインストールが始まるよ。........"の表示が現れるので、そのまま少し待とうね。Mac_virtual_12みゆきメダカ下の緑色の表示が現れたら、インストレーションは完了だよ。Boxをダウンロードしよう。下のスクショの赤い長方形で囲まれた部分をターミナルへ入力しよう。ダウンロードには少し時間がかかるよ。Boxの作業はこれで終了だよ。VCCWみゆきメダカ上のリンクからVCCWのURLにアクセスしよう。下のスクショのアイコンをクリックして、VCCWをダウンロードしよう。Mac_virtual_11みゆきメダカあっという間にダウンロードが終わって、下のようなファイルとフォルダーがダウンロードファルダーに現れるよ。ダウンロードしたときはVCCWというフォルダーに入っているので、適当な名前(この例では”miyukimedaka")に変えて、ホームディレクトリ(通常は”Users/ユーザー名”)の直下に"Vagrant"というディレクトリーを作って、その中に名前を変えたVCCWのフォルダーを移動しよう。Mac_virtual_16みゆきメダカついにVagrantの起動だよ。ターミナルから、1のコマンドを入力してVCCWのあるディレクトリーに移動して、2のコマンドでvagrantを起動しよう。環境にもよるけど、かなり時間がかかるよ。Mac_virtual_15みゆきメダカ軌道の途中で下のスクショのようにパスワードを訪ねてくるので、みんながMacを起動するときに使うパスワードを落ち着いて入力しよう。キーボードから入力しても画面には表示されないから、表示がなくても心配しないでね。Mac_virtual_18みゆきメダカ次にターミナルから、下のスクショにあるような表示があったら終了だよ。Mac_virtual_17みゆきメダカ使っているブラウザーのアドレスバーに"http://vccw.test/"または、"http://192.168.33.10/"入力すると下のスクショのようにWordPressのサイトが表示されるよ。Mac_virtual_20みゆきメダカ次に管理画面にアクセスしよう。"http://vccw.test/wp-login.php"もしくは"http://192.168.33.10/wp-login.php"をブラウザーのアドレスバーに入力すると、管理画面にアクセスできるよ。アクセスの途中でユーザー名とパスワードを求められるので、ともに”admin"と入力しよう。下のスクショを参考にしてね。Mac_virtual_23Mac_virtual_24みゆきメダカ下のスクショがWordPressno管理画面だね。本番環境と同じようにブログを作って編集できるよ。