アークウェブWebデザインSandBox

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• バックアップ を表示
• 大家メモ/MAMP/Mac OSXローカルにMAMPでサイト制作環境を構築 へ行く。
  • 1 (2008-05-20 (火) 10:47:57)

#topicpath

*Mac OSXローカルにMAMPでサイト制作環境を構築 [#ze06d85c]

**目的 [#i4a82398]
通常サイトを制作している中で困ることはいくつかありますが、ここでは以下のような点をローカルにMAMPで環境を用意して確認できるようしたい思います。

-ルートからのパスで記述されている場合でも、ローカルで意図したとおりの表示、あるいはリンクが確認できるようにしたい
-SSIを使用しているサイトもローカルで確認できるようにしておきたい。さらにSSIの拡張子もshtmlではなくhtmlでも確認できるようにしたい

また、上記とは別に問題となるのが、複数のサイト制作が同時に進行している場合に、サイトごとにルートからのパスで記述された内容を確認できる環境が欲しい、ということです。

デフォルトのままだとMAMPのDocument Rootは
/Applications/MAMP/htdocs
のみとなっており、複数のサイト制作をしている場合、その都度Document Rootの設定を変更するのは面倒なことになってきます。
そこで

-Virtual Host（バーチャルホスト）を用いて複数のサイトを確認できるようにしたい

という点も解決したいと思います。

また、あわせて

-Movable Type（CMS）をローカルで確認したい
-Zen Cart（ショッピングカートシステム）をローカルで確認したい

という点も、MAMPというアプリケーションを用いて解決していこうと思います。


**MAMPのダウンロード [#f9b4bf20]
[[MAMPのサポートサイト:http://www.mamp.info/en/index.php]]よりMAMPを[[ダウンロード:http://www.mamp.info/en/download.html]]します。
なお、今回は ''Mac OS：OSX 10.5'' の環境にて作業を行ってます。


**MAMPのインストール [#xbf0d414]
ダウンロードしたmamp_1.7.1.dmgを展開してインストールします。

【画像：screen 01_install_01.psd】

次にMAMPフォルダをApplicationフォルダにドラック&ドロップします。これでMAMPのインストールは完了です。


***MAMPのアップグレード [#u2082a82]
インストールを行うと、以前にインストールしていたMAMPフォルダ内のデータは削除されてしまいます。
以下のステップの通りに行えばMAMPをアップグレードできます。
+Apache、MySQLを停止させます。
+MAMPを終了します。
+データベース、ウェブサイトデータおよび設定ファイルなどMAMPフォルダ内の重要なファイルをバックアップします。どれをバックアップすべきか分からない場合は、例えば「MAMP_old」など「MAMP」フォルダの名前を変えておきます。
+インストールディスクイメージより、ApplicationフォルダへMAMPフォルダをコピーします。
+バックアップデータからデータを元に戻します。きちんと動作することを確認するまで、バックアップしたファイルやリネームしたMAMPフォルダは保存しておきます。
+MAMPを起動します。
+設定を確認します。


**SSI関係の設定 [#u5a9ba0a]

SSIを使用可能にする
まず、
/Application/MAMP/conf/apache/httpd.conf
を修正します。
※念のため修正前のファイルのバックアップをとっておきます。
httpd.confから「SSI」という記述を検索すると、以下のような記述がみつかります。

 #AddType text/html .shtml
 #AddOutputFilter INCLUDES .shtml

なお、pache1.3でSSIを有効にするには、AddHandlerディレクティブを使用して設定してましたが、Apache2.0以降でSSIを有効にするには、AddOutputFilterディレクティブを使用します。
デフォルトのままですとコメントアウトされているので、以下のように追記しSSIを使用可能とします。

 #AddType text/html .shtml
 #AddOutputFilter INCLUDES .shtml
 
 AddType text/html .shtml
 AddOutputFilter INCLUDES .shtml

拡張子が.htmlでもSSIが表示されるようにする
上記の設定でSSIを使用可能としました。続いて拡張子「.html」「.htm」でもSSIを使用可能に設定します。
その場合は以下のように拡張子を追記します。

 AddType text/html .shtml .html .htm
 AddOutputFilter INCLUDES .shtml .html .htm



&color(#f00,){※};この記事はまだ書きかけです


#blikifooter(大家)