XAMPPでのローカル開発環境について。ブログクリエイティブWordPressMacサービスサイトTwitterマジリブログつらつら書いてます。XAMPPでのローカル開発環境について。今年に入ってから先月末まで休みらしい休みも無く、家族を放ったらかしで仕事してたらこうなりました。久しぶりの更新で何を書こうかなと思い、備忘録も兼ねて自分のローカル環境について書こうと思います。ローカル開発環境に使うソフトは3つ最近はウェブのお仕事が多く、html納品が多いのですが、その時に悩ましいのがリンク等が絶対パスの場合です。相対パスならば、そのままブラウザにhtmlを投げれば確認ができますが、絶対パスとなると確認がしづらくなりますね。いうのに迫られてローカルの開発環境を整えたわけですが、今、使っているのは以下のソフトウェアです。xampp(無料)https://www.apachefriends.org/jp/index.htmlHosts(無料)http://www.macupdate.com/app/mac/40003/hostsテキストエディタ(自分は今Coda2使ってます)https://panic.com/jp/coda/テキストエディタは何でも良いです。最近フリーで良いエディタも多いみたいですね。xamppのインストールとバーチャルホストの有効化xamppは適当にインストールしてください。インストールしたらxamppを起動して、Apache等を起動します。正常にインストールされて、xamppが起動していれば、言語選択画面が出ます。日本語をクリックしたら、xamppのインストールは終了です。次に、以下のファイルをテキストエディタで開きます。etc/extra/httpd-vhosts.confこれでバーチャルホストの設定が有効になります。次に、バーチャルホストの詳細設定をします。以下のファイルをテキストエディタで開いて、設定を追記します。アクセスした際に表示される設定になります。URLのトップとなるフォルダ、Directoryはフォルダの設定になります。granted</Directory></VirtualHost>Hostsのインストールとバーチャルホストの設定Hostsも適当にインストールしてください。このアプリはシステム環境設定にインストールされるので、インストール後にシステム環境設定>その他>Hostsを起動します。Hostsの設定はこれだけです。設定が終了したら、xamppのApache等を再起動します。ローカル環境の設定は以上です。これでブラウザで設定したURLにアクセスすれば表示されます。絶対パスでコーディングしていてもこれならローカルで確認できます。ローカル環境が構築出来ればphpを使った動的処理も出来ますし、CMSを導入する必要の無い規模の静的サイトの場合、ヘッダー・フッター等を共通ファイルにしてインクルードしたりもできます。はしょって書きましたが、まぁ、こんな感じで多分できます。デザインのご相談、ご依頼、お見積、未掲載の制作実績の閲覧希望など、どんな事でもお気軽にお問い合わせください。マジリは神奈川県横浜市でフリーランス・SOHOのデザイン制作事務所として、ホームページや印刷物の制作から、プロジェクトマネージメントやシステムエンジニアリングの業務委託まで、幅広く仕事のお手伝いを致しております。制作会社様や代理店様のパートナーとしてもご相談を承っております。外部パートナーをお探しの場合もお気軽にお問い合わせください。