granshe.HTMLやCSS、JavaScriptに関する話題を中心に、Web制作について知ったこと、覚えておきたいことをメモしておく個人的スペースです。ないブログに表示されています。新しい記事を書く事で広告が消えます。(Fri)相対ルートパスのサイトをローカルで見る方法(バーチャルホスト設定)配属最初の一週間が終わりました。細かいミスが多くてげんなりしてしまいます。引いて作業をしないと周りが見えなくなってしまうな、とも感じている今日この頃です。前置き長くなりましたが、今回は「相対ルートパスのサイトをローカルで見る方法」(バーチャルホスト設定方法)のメモ。これを設定するのかというと、まずはWebサイトのリンクのパスからの話にさかのぼります。パスの書き方には3種類あります。絶対パスhttp://granshe.blog.shinobi.jp/など、http://からパスを書くもの。外部リンクを貼るときはこれ。相対パス../index.htmlや../company/about.htmlなど、記述してあるHTMLから見て、リンク先のHTMLがどのディレクトリにあるのかを指定。同じサーバに上がっていないとできない。ルート相対パス/index.htmlや/company/about.htmlなど、はじめに「/」がつきます。この/が、「ルート」を示します。すべてのページ共通でサイトのルートディレクトリからどこにリンクするのかを示します。相対パスと書いてある通り、同じサーバに上がっていないとできません。相対ルートパスは本当に便利です(と、最近実感しました)。現場の先輩におしえていただきました!これで、どこのフォルダにサイトを作っても、ローカル上で動作確認、レンダリングチェックが可能に。XAMPPが既にインストールされているものと仮定して、手順は2つだけ。下記は、Cドライブ直下にXAMPPをインストールし、Dドライブ直下の「sitemane」というフォルダに作ったサイトをバーチャルホストとして指定する例です。1.C:\xampp\apache\conf\extraの中にある「httpd-vhosts.conf」の最下部に下記コードを追加。127.0.0.1</Directory></VirtualHost>と入れる。2.C:\WINDOWS\system32\drivers\etcの中にある「hosts」の最下行のlocalhostの後ろに半角スペースを空け、サーバ名を記入。sitemaneでもOKです。これでローカル上で相対ルートパスサイトをきちんと見ることができます。