Webデザインラボ当サイトはJavaScriptが有効に設定されていないと正しく表示されません。【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。2018/04/15こんにちは(・∀・)前々回ではローカル環境(自分のパソコン)にWebサーバを構築しました。今回はそのWebサーバを複数のサイトを運用できるように変更します。Web系のお仕事をしていればいくつもの案件を同時期に受けることがあると思いますが、そういう時に仮想サーバで複数運用できると便利です。バーチャルホストの設定をしよう!編集するファイルC:\Apache2\confにあるhttpd.confC:\Apache2\conf\extraにあるhttpd-vhosts.confC:\WINDOWS\system32\drivers\etcにあるhostsまずはC:\Apache2\confにあるhttpd.confファイルを編集します。496行目あたりにある1行を次のように変更します(行先頭の#を削除)。conf/extra/httpd-vhosts.confこれでapacheの起動時にバーチャルホストの設定に必要なhttpd-vhosts.confファイルを読み込むようになります。httpd.confファイルの編集は以上です。次にC:\Apache2\conf\extraにあるhttpd-vhosts.confファイルを編集します。*httpd-vhosts.confファイルを編集する前にオリジナルの状態のファイルはとっておきましょう。23行目あたりに次のようなブロックがあります。common</VirtualHost>それを削除して次のように変更します。test1.localhost</VirtualHost>あとは増やしたい分だけ追加していきます。test2.localhost</VirtualHost>以上でhttpd-vhosts.confファイルの編集は終了です。次にC:\WINDOWS\system32\drivers\etcにあるhostsファイルを編集します。*hostsファイルはシステムファイルなので編集する前にオリジナルの状態のバックアップはとっておきましょう。hostsファイル編集しようとすると以下の様なメッセージが出て編集ができない場合があります。その場合テキストエディタを管理者として実行させると編集できる様になります。開いている全てのテキストエディタを終了させます。タスクトレイなどに常駐している場合も全て終了させてください。テキストエディタが立ち上がりますので一度終了させます。テキストエディタが立ち上がったらそのテキストエディタはそのままにして、再度hostsファイルを開くと編集できる様になっています。hostsファイルを編集します。21行目あたり以降にhttpd-vhosts.confファイルで追加したドメイン名を追加します。以下あるだけ続ける...半角スペース区切りでlocalhost以降にドメイン名の追加でもOKです。以上でバーチャルホストの設定は終了です。ServerNameとDocumentRootはご自分の設定にあわせて変更してください。複数のバーチャルホストを設定するには、上記2つのファイルにバーチャルホストの設定を追加していくだけです。Apacheを再起動して変更を反映させてください。Webデザインラボ中の人NYのデザイン学校でグラフィックデザインを学んだ後、同じくNYにあるWeb制作会社にてインターンからWebデザイナーへ。同時期に米国永住権(グリーンカード)を取得。その後某旅行会社系のWebクリエーター兼社内インフラ担として働いた後、結婚を機に約12年に渡るアメリカ生活を終え日本に帰国。日本では某携帯キャリアの社内Webクリエーターとして勤務。Web系に携わる前はホノルル空港でGreeterとして働いていた経験や、アメリカ国内の衣料品を中心としたアパレル系のバイヤー経験もあり。趣味はお酒を飲みながらの家でまったり音楽鑑賞とアウトドア系全般。最近は自転車にもハマってます。更新情報はTwitterかFacebookで配信してるのでフォローして確認してみて。