WinXPローカルでXAMPPを使ってMovable Typeを動かす―2010年3月版その3

Posted on 2010-03-14 by seckie

XAMPPでMovable Typeを動作させるチュートリアルの第3弾です。

XAMPPのインストール、Apacheの設定
ActivePerlのインストールと設定、MySQLの設定
ImageMagickのインストール、Movable Typeのインストール

今回はImageMagickのインストールと、MovableTypeのインストールを扱い、全3回の記事の最後とします。

ImageMagickのダウンロードページにアクセスし、左に並んでいるメニューの中から「Release→Windows」を選択します。
「Windows Binary Release」という見出しのページが表示され、ダウンロードできるパッケージの一覧が表示されます。この中から「ImageMagick-6.6.0-3-Q8-windows-dll.exe」を選択します。HTTPとFTPどちらでダウンロードしても構いません。
6.6.0-3というところはバージョンを表しているようなので、その時によって最新となるバージョンは異なっているかもしれません。
また、お使いのマシンが64bitなら「ImageMagick-6.6.0-3-Q16-windows-x64-static.exe」を選んでください。
ダウンロードしたインストーラーファイルを実行します。インストールウィザードが始まります。
ライセンスを読み、「I accept the agreement（ライセンスに同意）」を選択して「Next」をクリックします。
「information」が表示されるので適当に読んで「Next」をクリック。
インストールするディレクトリを選択する画面になります。適当に変更しても構いませんが、今回はあえてデフォルトのままでいきます。「Next」をクリックします。
「Program Files」というようにディレクトリ名に半角スペースが入ると、この後のPerlとの連携でダメになりそうな気がするのですが・・・意外にも大丈夫なんですね。
スタートメニューになんという名前で登録されるかを設定する画面になります。特に変更せず「Next」をクリック。
インストールの追加オプションを選択する画面になります。ここで忘れずに「Install PerlMagick for ActiveState Perl v5.10.1 build 1007」を選択します。これでActivePerlと連携するためのPerlモジュールが一緒にインストールされます。「Next」をクリック。
これでインストールのための設定は終わりとなります。「Install」をクリックしてしばらく待ちます。
もう一度「Information」が表示されます。「Next」をクリック。
これでインストールは完了となります。「Finish」をクリックします。
さて、正しくインストールできたかどうか、mt-check.cgi（前回までの設定を正しく行っていれば http://site1.localhost/mtos/mt-check.cgi というURL）にブラウザでアクセスしてみましょう。すると、perl.exe – コンポーネントが見つかりませんというアラートが表示され、正しく実行できなくなっています。さきほどインストールしたImageMagickのdllファイルを呼び出そうとして、失敗していることが分かります。これはImageMagickインストール時に設定された環境変数が、まだシステムに認識されていないために起こる問題なので、Windowsを再起動することで解決します。作業を中断し、ひとまず一旦再起動です。
Windowsが起動したら、忘れずにApacheとMySQLを起動しましょう。デスクトップに追加されたショートカットやスタートメニューから「XAMPP Control Panel」を起動し、ApacheとMySQLの「Start」ボタンをクリックし、「Running」状態にします。
ApacheやMySQLをシステムの「サービス」として登録するとWindowsが起動すると同時にこれらも起動するようになりますが、今回はこの設定は行いません。
改めてmt-check.cgiにブラウザでアクセスします。「Image::Magick」項目の黄色いエラー表示が消えていることを確認します。
これでMovable Typeを使う準備がようやく整いましたので、早速インストールを行いましょう。MovableType（ここではMTOS 5.01）のファイルを保存したディレクトリ（http://site1.localhost/mtos/）にブラウザでアクセスし、「サインイン」をクリックします。
するとmt-wizard.cgiというプログラムが実行され、インストールウィザードが始まります。
システムチェックが実行され、必要なPerlモジュールはそろっています。Movable Typeのインストールを続行する準備が整いました。と表示されます。
と同時にオプションのPerlモジュールのうちいくつかが見つかりませんでした。と表示されます。「オプションモジュールを表示」をクリックするとシステムにインストールされていないモジュールの一覧を見ることができます。
Crypt::DSA や IPC::Run といったPerlモジュールがインストールされていないことが分かりますが、今回は使用することはないので「次へ」進みます。必要な場合は一旦インストールウィザードを中断し、前回のようにPPMを使ってインストールするといいでしょう。
データベースの設定の画面となります。「データベースの種類」には「MySQLデータベース（推奨）」を選択しましょう。
データベースの設定項目が出現しますので各項目を以下のように設定し、「接続テスト」をクリックします。

データベースサーバ

localhost

データベース名

mtos5 （前回作成したMySQLデータベース名）

ユーザ名

root

パスワード

前々回設定したMySQL rootユーザーのパスワード
データベースの設定を完了しました。と表示されます。「次へ」をクリック。
「メール設定」という画面となりますが、今回は特に設定せず「次へ」をクリック。
もし必要となった場合、後で設定できます
「テンポラリディレクトリの設定」画面となります。テンポラリディレクトリはMovable Typeのシステムが画像などのデータやバックアップデータなどを扱う際、一時的にデータ置き場として利用されるディレクトリです。適当なディレクトリを設定しましょう。ここでは C:\Windows\Temp とし、「次へ」をクリック。
これでMovableTypeの設定ファイル（mt-config.cgi）が生成され、今まで設定した情報が書き込まれます。mt-config.cgiが正しく生成されたことを確認し、「次へ」をクリック。
Movable Typeにログインするためのアカウントを作成する画面になります。
- ユーザー名
- 表示名
- 電子メール
- 使用言語
- パスワード
以上の項目を設定できますが、ログインに使用するのは「ユーザー名」と「パスワード」だけです。
適当に入力したら「次へ」をクリック。
ここで設定する項目は後で変更することができます。
「最初のウェブサイト」を作成という画面となり、Movable Typeで管理するウェブサイトを設定する画面となります。

ウェブサイト名

Site1
（適当なサイト名）

ウェブサイトURL

http://site1.localhost/
（Movable TypeがインストールされたサイトのURL）

公開パス

D:\htdocs\site1
（Movable Typeがインストールされたサイトのディレクトリ。Windows環境だとディレクトリ区切りがバックスラッシュになりますのでご注意を）

テーマ

クラシックウェブサイト
（どれでもOKです。選択によって設定されるテンプレートが変更されます）

タイムゾーン

UTC+9（日本標準時）

上記のように設定したら、「インストール」をクリックします。
「ウェブサイトURL」と「公開パス」は前々回にApacheのバーチャルホスト機能で定義した同サイト内であれば、自由に設定できます。ここではサイトのルートとなるディレクトリを指定しています。
しばらく待つと、インストールを完了しました！と表示されます。「Movable Typeにサインイン」をクリック。
これでめでたくMovable Typeがインストールされました。ローカルマシン上で自由に使える開発環境のできあがりです！

以上で全3回に渡る記事を終わります。

Apacheのバーチャルホスト設定とhostsファイルの設定をそれぞれ増やせば、管理するサイトを増やしていくこともできます。WindowsユーザーのWebデザイナーやフロントエンドエンジニアが利用するには、十分な環境となるのではないかと思います。欠点を挙げるとすると、「公開パス」でディレクトリ区切りが（Windows環境なので）バックスラッシュになることだったりします。ローカルで開発したものを本番の（Linux系の）サーバーに乗せる、という場合はこの辺りの設定を修正する必要があるということですね。

WinXPローカルでXAMPPを使ってMovable Typeを動かす―2010年3月版その2

Posted on 2010-03-10 by seckie

前回に引き続き、XAMPPでMovable Typeを動作させるチュートリアルの第2弾です。

今回はActivePerlのインストールと設定、MySQLの設定を行います。

ActivePerl のダウンロードページにアクセスし「ActivePerl DOWNLOAD NOW」をクリックして次のページに進みましょう。
プラットフォーム別のダウンロードファイルの一覧が表示されます。一番上のRecommended version(s) for your platformにリストアップされている ActivePerl 5.10.1.1007 for Windows (x86) をダウンロードします。
お使いのWindowsが64bit版である場合、ActivePerl 5.10.1.1007 for Windows (64-bit, x64) を選択します。
ダウンロードしたインストーラを実行しましょう。インストールウィザードが開始されます。
ライセンス規約に同意（I accept the terms in the License Agreement）を選択し、「Next」をクリックします。
インストールするプログラムと、インストールするディレクトリを設定します。インストールするディレクトリはデフォルトで C:\Perl\ になっていますが、これを C:\usr\ に変更します。「Browser」をクリック。
ディレクトリの選択画面となるので、「Folder name:」の欄に C:\usr\ と入力し、「OK」をクリックします。
「Location:」に C:\urs\ が正しく設定されたかを確認し、「Next」をクリックします。
オプションを選択する画面になります。特に変更せず「Next」をクリックします。
これで設定は終わりです。「Install」をクリックしてしばらく待ちます。
インストールが完了したら、「Finish」をクリックしてインストールウィザードを完了します。
さて、前回の記事の環境の通り、D:\htdocs\site1 というディレクトリを http://site1.localhost/ というローカルホストドメインで参照できるようにし、ここで開発を行うことを前提に話を進めましょう。

サイトのルートディレクトリ（D:\htdocs\site1）に Movable Type（ここではMTOS 5.01）のファイルを展開し、mtos というディレクトリ名をつけます。
念のため、インストールしたPerlが正しく動作するか確認してみます。テキストエディタを開いて以下のコードを記述し、C:\test.pl というパスで保存します。（あくまで例です。実際はどんなパスでもOKです）
```
#! /usr/bin/perl
print("It works!\n");
```
これをコマンドプロンプト（※1）で以下のように入力し、Enterキーを押して実行します。
```
perl c:\test.pl
```
入力の次の行に It works! と表示されれば正しく実行できたということです。

ここまでくればMovable TypeのCGIプログラムをひとまず表示はできる環境になっています。（※2）
http://site1.localhost/mtos/mt-check.cgi にブラウザからアクセスします。ここまでの作業が正しくできていれば、MTのシステムチェック画面が表示されるはずです。
この時点では Movable Typeの構成ファイルが見つかりませんでした。というメッセージが表示され、まだMovable Typeが正しく動作しないことが分かります。ページをスクロールしていくと、DBD::mysql というPerlモジュールがシステムにインストールされていないことが分かります。これは MySQL データベースを使用するために必要となるモジュールです。
では DBD::mysql モジュールをインストールしましょう。コマンドプロンプトを起動し、ppm と入力しEnterキーを押します。
すると「Perl Package Manager（略称PPM）」が起動します。Synchronizing Database…（データベースと同期中）とステータス表示されてしばらく固まるので、じっと待ちます。
同期が完了して操作できるようになったら、画面左上の「View all packages」アイコンをクリックします。
そして画面上部の検索エリアに dbd-mysql と入力しましょう。すると中央のモジュール一覧に DBD-mysql と表示されるはずです。
リストアップされた DBD-mysql を右クリックし「Install DBD-mysql 4.011 + 」を選択します。これでインストールするモジュールの一覧に登録されます。
画面右上の「→（Run marked actions）」アイコンをクリックします。

すると Ready to install 1 package? とアラート表示されるので「OK」をクリックします。
しばらく待つと、DBD::mysqlモジュールのインストールが完了します。
もう一度ブラウザで mt-check.cgi にアクセスしてみましょう。サーバーにDBD::mysqlがインストールされていますと表示され、エラー表示になっていなければOKです。
では今度はMySQLの設定を行っていきます。今回インストールするMTOS用のデータベースを作成しましょう。まずXAMPPコントロールパネルでMySQLが「Running」状態になっていることを確認し、「Admin」ボタンをクリックします。
するとブラウザでphpMyAdmin（MySQLデータベースをブラウザから操作できるツール）が開きます。「言語 – Language」に「日本語 – Japanese」が設定されていることを確認し、ユーザ名、パスワードを入力してログインしましょう。ここでのユーザ名は root 、パスワードは前回の記事のStep16でXAMPPの管理画面から設定したパスワードになります。
phpMyAdminにログインすると、様々なメニューが並んだ画面が表示されます。ページ中ほどにある「新規データベースを作成する」という入力フォームから、今回使用するデータベースを作成しましょう。

左のフィールドにはデータベース名を入力し（今回は「mtos5」とします）、隣のプルダウンメニューでデータベースの文字コードを選択します。ここでは「utf8_general_ci」を選択してください。このプルダウンメニューが結構長いのですが、一番下の方にあります。そして「作成」ボタンをクリックします。
データベース mtos5 を作成しました。　と表示されたら完了です。

以上でActivePerlのインストールと設定、MySQLの設定までが完了し、今回の記事はここまでです。次回はImage Magickのインストール、そしていよいよMovable Typeのインストールを取り上げます。

※1 コマンドプロンプトは、スタートアップメニューから「ファイル名を指定して実行」（もしくは「Windowsキー + r」）で cmd と入力してEnterキーを入力すると起動することができます。
※2 Movable Type を含む、Perl言語で書かれた大抵のCGIプログラムはデフォルトでPerlを /usr/bin/perl というパスで参照するように書かれています。（ファイルの冒頭にPerlのパスが記述されています）Step5～7でActivePerlを C:\usr\ というパスを指定してインストールしたことにより、Perl が /usr/bin/perl で参照できるようになります。

WinXPローカルでXAMPPを使ってMovable Typeを動かす―2010年3月版その1

Posted on 2010-03-08 by seckie

3年くらい前に書いたXAMPPとMTの記事に今でもアクセスがそこそこあるので、古い内容を見ていただいてもなぁ・・・と思い、最新の情報で記事を書き直すことにしました。2010年3月7日時点の情報となります。

概要は以下となります。

Windows XPのローカル環境にMovable Type 5の開発環境を構築する
使用するソフトウェアとバージョン（2010年3月時点で最新）
- XAMPP for Windows 1.7.3
- ActivPerl 5.10.1 Build 1007
- Image Magick 6.6.0 Q8
- Movable Type 5.01（文中の例ではMTOS 5.01）
Apacheのバーチャルホスト機能を使い、複数のサイトを管理できるようにします
XAMPP内包のPerlは使わず、ActivePerlを使用します
データベースには、XAMPP内包のMySQLを使用します
Movable Typeの画像を扱う機能を使うため、Image Magickを導入します

かなり長い記事となってしまうので、3つの記事に分割して投稿します。

ではまず「その1」としてXAMPPのインストールから、Apacheの設定までです。

http://www.apachefriends.org/jp/xampp-windows.html

XAMPP for Windows ダウンロードページにアクセスし「XAMPP Windows版 1.7.4, 2009/12/23」のベーシックパッケージをダウンロードします。ここではEXE版を使用します。
ダウンロードしたexeファイルを実行しましょう。インストールウィザードが始まります。
「Destination folder」でインストール先のディレクトリを指定することができます。今回はデフォルトの設定（C:\）をそのまま使用します。「Install」をクリックしてしばらく待ちます。
インストール処理が終わると、コマンドプロンプトが立ち上がって初期設定を聞いてきます。

「Should I add shortcuts to the startmenu/desktop?」（スタートメニューとデスクトップにショートカットを追加するかい？）

「y」が最初から入力されていますので、そのままEnterを押します。
「Should I proceed?」（続行する？・・・とかって意味かな）

「y」でEnter。
「Should I make a portable XAMPP without drive letters?」（ドライブレターを付けないで、XAMPPのポータブル版を作成するかい？）

「n」のままEnter。「y」にするとUSBメモリとかにインストールできるXAMPPのポータブル版になるようですが、それだとドライブレターを付加できないのでWindowsの「サービス」が使えないみたいです。（超適当訳）
…中略
XAMPP is ready to use.

Enterキーを押します。
「I have set the timezone in ‘php.ini’ and ‘my.ini’ to "Asia/Tokyo".
Yous should correct these values if my guess was wrong.」
（php.iniとmy.iniのタイムゾーンを「Asia/Tokyo」に設定したよ。違っていたら修正することができるよ。）

Enterキーを押します。
これでセットアップは完了となります。「1」を入力してEnterを押します。
XAMPPのコントロールパネルが起動します。
ApacheとMySQLの「Start」ボタンをクリックして起動させます。
Apacheの「Admin」ボタンをクリックします。するとブラウザが立ち上がってXAMPPのスタート画面が表示されます。
「日本語」をクリックしましょう。
これがXAMPPの管理画面です。
一応サーバーソフトウェアなので、万が一のことも考慮して最初にセキュリティの設定を行いましょう。左のメニューから「セキュリティ」をクリックします。
最初はなんのセキュリティ対策も施されていない状態なので、5くらいあるステータスが全て「要注意」か「不明」になっています。対策にはXAMPPのツールを使います。ページの中程に
http://localhost/security/xamppsecurity.php
というリンクがあるので、クリックします。
するとMySQLと、XAMPPのディレクトリにパスワードを設定するためのフォームが現れます。
「MYSQL項目：”ROOT”パスワード」というフォームから、MySQLのrootユーザーのパスワードを設定しましょう。なお、（File: C:\XAMPP\security\mysqlrootpasswd.txt）にチェックを入れておくと、変更したパスワードがテキストファイルに書き出されます。万が一パスワードを忘れてしまったときにこれを見ればいい、というわけです。
このディレクトリは公開ディレクトリではないので安全なハズ
次に「XAMPPのディレクトリ制御（.htaccess）」でユーザとパスワードを入力します。これで、この管理画面自体にベーシック認証がかかります。

設定が終わったら、左のメニューの「セキュリティ」をクリックします。
するとたった今設定したベーシック認証が行われます。ユーザー名とパスワードを入力してログイン。
今度はセキュリティのステータスの「要注意」が「安全」に変わったことを確認します。
では実際にWebサーバーのディレクトリにアクセスしてみましょう。ブラウザで、http://localhost/index.html にアクセスします。「It works!」というページが見えたら、正常に動作しています。
ちなみに http://localhost/ でアクセスしようとすると、XAMPPの管理画面に飛ばされてしまいます。

さて、これだけだとWebサーバーを通じて見ることができるのは C:\xampp\htdocs ディレクトリだけです。これをバーチャルホスト機能を使って拡張し、複数のサイトを管理できるように変更します。
C:\xampp\apache\conf\extra\httpd-vhosts.conf をテキストエディタで開きます。これがバーチャルホスト設定用のファイルです。まず ##NameVirtualHost *:80 となっている部分の ## を削除して、コメントアウトされた状態を解除します。

このファイルにはコメントアウトされた状態で設定の例文が示されています。このような感じで。

##<VirtualHost *:80>
    ##ServerAdmin postmaster@dummy-host2.localhost
    ##DocumentRoot "C:/xampp/htdocs/dummy-host2.localhost"
    ##ServerName dummy-host2.localhost
    ##ServerAlias www.dummy-host2.localhost
    ##ErrorLog "logs/dummy-host2.localhost-error.log"
    ##CustomLog "logs/dummy-host2.localhost-access.log" combined
##</VirtualHost>

ただ、動作させるだけなら DocumentRoot、ServerName を設定するだけで良いようです。仮に site1.localhost というドメインで D:\htdocs\site1 ディレクトリを、site2.localhost というドメインで D:\htdocs\site2 ディレクトリを参照できるようにしたいとすると、以下のようにファイル末尾に設定を追加します。書き換えたら、上書き保存します。

<Directory "C:/xampp/htdocs">
    Options +ExecCGI
    AddHandler cgi-script .cgi .pl 
    order allow,deny
    Allow from all
</Directory>
<Directory "D:/htdocs">
    Options +ExecCGI
    AddHandler cgi-script .cgi .pl 
    order allow,deny
    Allow from all
</Directory>

<VirtualHost *:80>
    DocumentRoot "C:/xampp/htdocs"
    ServerName localhost
</VirtualHost>
<VirtualHost *:80>
    DocumentRoot "D:/htdocs/site1"
    ServerName site1.localhost
</VirtualHost>
<VirtualHost *:80>
    DocumentRoot "D:/htdocs/site2"
    ServerName site2.localhost
</VirtualHost>

今度はそのURLの名前解決をできるようにするための設定を行います。C:\WINDOWS\system32\drivers\etc\hosts （※1）をテキストエディタを開きます。
```
127.0.0.1 localhost
```
となっているところの次に以下の行を追加し、上書き保存します。
```
127.0.0.1 site1.localhost
127.0.0.1 site2.localhost 
```
ここまで行った設定を反映するため、Apacheを再起動します。XAMPPコントロールパネルで Apache の「Stop」ボタンをクリックし、しばらく待ちます。すると左の「Running」表示が消えるので、再度「Start」ボタンをクリックします。
設定したディレクトリにブラウザでアクセスしてみましょう。D:\htdocs\site1\ に適当なhtmlファイルを置き、http://site1.localhost/ファイル名としてアクセスし、ページが正常に表示されるか確認します。また、同様に http://site2.localhost も確認しましょう。

もしもサーバーエラー画面が表示される場合、httpd-vhosts.conf ファイルの記述が誤っている可能性があります。また、ブラウザのステータスバーに site1.localhost のアドレス解決をしていますとかホストを解決していますとかいうメッセージが表示される場合、hostsファイルの設定が誤っています。それぞれ設定を見直してみましょう。

以上でXAMPPのインストールからApacheの設定までが完了です。次回の記事ではActivePerlのインストールと設定、MySQLの設定を取り上げる予定です。

※1 Windows XPの場合。Windows Vistaや7だと、権限の問題で少々めんどくさいみたいです。しかしファイルの置いてある場所は一緒。C:\Windows\System32\drivers\etc\hosts のようですね。