開発の短縮
Quictyで書かれた「Qtビルダー」というアプリ構築ツールが付属し、これをローカル環境のWebブラウザで動作させることで、Webアプリケーションの基礎構造をGUIで作成、編集できる。基本的なPHPのプログラムコードは自動的に生成され、これを修正、加筆していくことでWebアプリケーションを仕上げていく。初心者でも確実に動作するアプリケーションを作成でき、中級者以上は作業量の軽減できる。
さらに、Quictyの中核はPHPのポピュラーなテンプレートエンジン「Smarty」とPEARのクラスライブラリで構成されている。SmartyとPEARの知識があれば、学習コストも削減できる。

運用環境を選ばない
Quicty / Qtビルダーで構築したWebアプリケーションは、PEARライブラリとQucityライブラリがあれば、LinuxやFreeBSDのサーバ上で運用できる。

ここでは、XAMPP for WindowsへのQuictyとQtビルダーのインストール方法を紹介する。

インストーラ版リリース！

Windows + XAMPPの環境にクリック一発でインストールできる、Windowsインストーラ版Quictyをリリースしました。 こちらをご利用ください。（2008年5月23日追記）

使用したシステム
Windows XP Professional SP2
XAMPP for Windows 1.6.6a
Quicty 2.0b6

運用条件

今回は以下の設定でを運用する。ユーザー名「tomoyun」は各自の環境に合わせて変更する。

「ダウンロード」の「最新版」をクリック。

「quicty」から「Quicty2.0b6.zip」など最新版を選んでクリック。

「開く」をクリック。

アーカイブが解凍され、ウィンドウが開く。「QT」フォルダをルートに置く（C:¥QT）。

ルートディレクトリに「QT」フォルダを配置した状態。

hostsファイルの設定

「C:¥WINDOWS¥system32¥drivers¥etc¥hosts」を修正
————————————————-
127.0.0.1 quicty.local
————————————————-
（設定例）

mor_rewriteを有効化

Apacheの設定ファイル「C:¥xampp¥apache¥conf¥httpd.conf」で、mod_rewriteを有効にする。

———————————————————–
#LoadModule rewrite_module modules/mod_rewrite.so
↓
LoadModule rewrite_module modules/mod_rewrite.so
———————————————————–
（設定例）

ApacheのVirtualHostの設定

VirtualHostの設定ファイル「C:¥xampp¥apache¥conf¥extra¥httpd-vhosts.conf」にVirtualHostの設定を追加する。

名前ベースのバーチャルホストの使用を宣言
———————————————————–
Name VirtualHost *:80
———————————————————–

XAMPP管理画面のVirtualHost
———————————————————–
<VirtualHost *:80>
ServerAdmin tomoyun@mydomain.jp
DocumentRoot C:/xampp/htdocs
ServerName localhost
ErrorLog logs/localhost-error_log
CustomLog logs/localhostl-access_log common
</VirtualHost>
———————————————————–

QtビルダーのVirtualHost
———————————————————–
<VirtualHost *:80>
ServerAdmin tomoyun@mydomain.jp
DocumentRoot C:/QT/qtbuilder/htdocs
ServerName quicty.local
ErrorLog logs/quicty.local-error_log
CustomLog logs/quicty.local-access_log common
RewriteEngine On
RewriteRule ^/(.*)/(css|errors|img|js)/(.*) C:/QT/$1/htdocs/$2/$3 [L]
RewriteRule ^/(.*)/(.*)/(.*)/(.*) C:/QT/$1/htdocs/index.php [L,E=QtRootShift:Yes]
RewriteRule ^/(.*)/(.*)/(.*) C:/QT/$1/htdocs/index.php [L,E=QtRootShift:Yes]
RewriteRule ^/(.*)/(.*) C:/QT/$1/htdocs/index.php [L,E=QtRootShift:Yes]
</VirtualHost>
———————————————————–

QtビルダーがQuictyアプリケーションを生成するQuictyアプリケーションroot「C:/QT」は、localhostとquicty.localからのアクセスのみ許可するように設定する。
———————————————————–
<Directory “C:/QT”>
AllowOverride None
Options None
Order allow,deny
Allow from localhost
Allow from quicty.local
</Directory>
———————————————————–
（設定例）

php.iniの修正

PHPの設定ファイル「C:¥apache¥bin¥php.ini」を修正。
「php_pdo_pgsql.dll」と「php_pdo_sqlite.dll」の行頭の「;」を消して有効化。
———————————————————–
;extension=php_pdo_pgsql.dll
;extension=php_pdo_sqlite.dll
↓
extension=php_pdo_pgsql.dll
extension=php_pdo_sqlite.dll
———————————————————–
（設定例）

php.iniの[mbstring]セクションを修正し、EUC-JPで日本語を扱えるように修正する。
——————————
[mbstring]
; language for internal character representation.
mbstring.language = Japanese

; internal/script encoding.
; Some encoding cannot work as internal encoding.
; (e.g. SJIS, BIG5, ISO-2022-*)
mbstring.internal_encoding = EUC-JP

; http input encoding.
mbstring.http_input = auto

; http output encoding. mb_output_handler must be
; registered as output buffer to function
;mbstring.http_output = SJIS
mbstring.http_output = EUC-JP

; enable automatic encoding translation accoding to
; mbstring.internal_encoding setting. Input chars are
; converted to internal encoding by setting this to On.
; Note: Do _not_ use automatic encoding translation for
; portable libs/applications.
;mbstring.encoding_translation = Off

; automatic encoding detection order.
; auto means
mbstring.detect_order = auto

; substitute_character used when character cannot be converted
; one from another
mbstring.substitute_character = none;
——————————
（設定例）

Apacheの再起動

「Apache」の「停止」をクリックした後、「開始」をクリック。

以上で準備が整った。

Qtビルダーの初期設定

Qtビルダーのトップページ「http://quicty.local/qtbuilder/」にアクセスすると、
最初に環境設定画面になる。
MySQLやPostgreSQLでデフォルトで使用したいユーザーアカウントがあれば、ここで設定する。
なければ、そのままでよい。
「登録」をクリック。

環境設定が済むと、Qtビルダーのトップページに戻る。
以後、ここがQuictyアプリ開発の拠点になる。

Qtビルダーによる、はじめてのWebアプリケーション

以下は、「QuictyによるPHP Webアプリの超高速開発-(1)はじめてのQuictyアプリ」で紹介した簡単なWebアプリケーションの作成手順を、検証を兼ねてWindows版で再度行ったもの。
操作内容は上記の記事とまったく同じである。詳しくは上記の記事を参照して欲しい。

アプリケーションの追加

アプリケーション名をクリック

「データセットの追加」をクリック

データセット作成画面が開く。
タイトル：「ブックマーク」
DataSet Name：「boomark」
と入力。「登録」ボタンをクリック。

データセット「bookmark」のページが開く。
「フィールドの追加」をクリック。

（※この画面はちょっと違います。本当は「サイト名」フィールドはこの時点ではまだありません。）

フィールドの追加画面。
「text」を選択し、「追加」をクリック。

フィールドの詳細設定画面。
タイトル：「サイト名」
Name：「name」
と修正し、「登録」をクリック。

ふたたび、データセット「bookmark」のトップページ。
サイト名（name）のフィールドが追加されているのが確認できる。
再度「フィールドの追加」をクリック。

ふたたびフィールドの追加画面。
今度は「url」を選択し、「追加」をクリック。

タイトル：「URL」
Name：「url」
とし、「登録」ボタンをクリック。

データセット「bookmark」のページ。
「サイト名」と「URL」の2つのフィールドが作成されているのが確認できる。
画面を下までスクロールする。

「テーブル関連設定ファイルの保存」のすべてのチェックボックスがチェックされているのを確認し、「保存」をクリック。

ファイル保存結果が表示される。
「戻る」をクリック。

データセット「bookmark」のトップページ。
再度画面を下までスクロールする。
「テーブルの作成」の「（再）作成」のラジオボタンを選択し、「保存」をクリック。

テーブル作成結果が表示される。
「戻る」をクリック。

データセット「bookmark」のページで「アプリ」をクリック。
アプリケーション「Myブックマーク」の画面に戻り、
「ページツリー」の中の「トップページに機能を追加」をクリック。

ページの追加画面
タイトル：「ブックマーク」
Name：「bookmark」
ページの種類：「マスタメンテ/シングルページ」
データセット：「bookmark」
と入力＆選択して、「登録」をクリック。

アプリケーション「Myブックマーク」のページ。
「ページツリー」の「top_page」に「(bookmark)」が作成されている。
アプリケーションの作成作業は、以上で完了。
Name「mybookmark」のリンクをクリックすると、作成したアプリケーション「Myブックマーク」が開く。

「8.3.1」の「Binary」をクリック。

「win32」をクリック。

「postgresql-8.3.1-1.zip」をクリック。

好きなダウンロードサイトを選び、「http」をクリック。

「開く」をクリック。

「SETUP.bat」をダブルクリック。

「Start >」をクリック。

「次へ」をクリック。

「次へ」をクリック。

「次へ」をクリック。

「パスワード」と「パスワードの確認」を入力して、「次へ」をクリック。

「はい」をクリック。

「いいえ」をクリック。

「(Client)」を「EUC-JP」に設定。
「パスワード」と「パスワードの確認」を入力して、「次へ」をクリック。

「次へ」をクリック。

「次へ」をクリック。

「次へ」をクリック。

インストールが進行。

「終わる」をクリック。
「スタックビルダを使って終了する」のチェックを外し、「終わる」をクリック。

以上で、インストールは完了。

XAMPPのPHPの設定

PDO版PostgreSQL接続を有効にする。

「C:¥xampp¥apache¥bin¥php.ini」を修正。
———————————–
;extension=php_pdo_pgsql.dll
↓
extension=php_pdo_pgsql.dll
———————————–
（設定例）

Apacheを再起動する。「停止中」をクリック。

「開始」をクリック。

以上。

現時点で最新版は、XAMPP for Windows Ver.1.6.6a。以下のソフトが含まれている（抜粋）。

• Apache 2.2.8（Webサーバ）
• PHP 5.2.5　（アプリケーション実行環境）
• Perl 5.10.0 + mod_perl 2.0.3　（アプリケーション実行環境）
• MySQL 5.0.51　（データベースサーバ）
• phpMyAdmin 2.11.4　（MySQLのGUI環境）
• SQLite 3.4.0　（データベースサーバ）
• phpSQLiteAdmin 0.2　（SQLiteのGUI環境）

Microsoft .NET Framework Version 2.0のインストール

XAMPP for Windowsをインストールする前に、.NET Framework 2.0のインストールが必要だ。

マイクロソフトのダウンロードセンター
「ダウンロード」ボタンをクリック。

「実行」をクリック。

ダウンロードが完了。

「実行する」をクリック。

「次へ」をクリック。

「同意する」をチェックして、「インストール」をクリック。

インストールが進行

インストール完了。
「完了」ボタンをクリック。

XAMPP for Windowsのインストール

XAMPP for Windowsのホームページ

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

ダウンロードのセクションまで下にスクロールさせる。

「XAMPP Windows版」の「インストーラ」をクリック。

ダウンロード画面になって、自動的にダウンロードが始まる。

セキュリティ警告を出るので、「実行」をクリック。

ダウンロードが進行。

「実行する」をクリック。

XAMPPのインストーラが起動。
「Please select a language」が「Japanese」の状態で、「OK」をクリック。

セットアップウィザードが起動。
「次へ」をクリック。

「次へ」をクリック。

「インストール」をクリック。「サービス」にすると、動作が不安定なことがあるので、サービスにはしない。

インストールが進行。

「完了」をクリック。

インストール完了メッセージ。

セキュリティの警告が出るので「ブロックを解除する」をクリック。

以上で、インストールは完了。

XAMPPの設定と動作確認

「XAMPP コントロールパネル」が起動。「MySQL」の「開始」をクリック。

セキュリティの警告が出るので「ブロックを解除する」をクリック。

「XAMPP コントロールパネル」で、「Apache」の「管理ツール」をクリック。

XAMPPのスプラッシュページが開く。「日本語」をクリック。

XAMPPの管理ページが開く。以後Apacheの「管理ツール」でこの画面が開く。

以上。

開発の短縮
Quictyで書かれた「Qtビルダー」というアプリ構築ツールが付属し、これをローカル環境のWebブラウザで動作させることで、Webアプリケーションの基礎構造をGUIで作成、編集できる。基本的なPHPのプログラムコードは自動的に生成され、これを修正、加筆していくことでWebアプリケーションを仕上げていく。初心者でも確実に動作するアプリケーションを作成でき、中級者以上は作業量の軽減できる。
さらに、Quictyの中核はPHPのポピュラーなテンプレートエンジン「Smarty」とPEARのクラスライブラリで構成されている。SmartyとPEARの知識があれば、学習コストも削減できる。

運用環境を選ばない
Quicty / Qtビルダーで構築したWebアプリケーションは、PEARライブラリとQucityライブラリがあれば、LinuxやFreeBSDのサーバ上で運用できる。

ここでは、XAMPP for MacOS Xの環境でのQuictyとQtビルダーのインストール方法を紹介する。

インストーラ版リリース！

Mac OS X + XAMPPの環境にクリック一発でインストールできる、Mac OS Xインストーラ版Quictyをリリースしました。 こちらをご利用ください。（2008年5月23日追記）

使用したシステム
Mac OS X 10.5.2 Leopard
XAMPP for MacOS X 0.7.2
Quicty 2.0b7
2.0b7からPEARライブラリを同梱し、インストールや設定をより簡易化しました。（2008年5月13日）

運用条件

今回は以下の設定でを運用する。ユーザー名「tomoyun」は各自の環境に合わせて変更する。

QtBulderのDocumentRootとQuictyアプリケーションrootを「/Users/tomoyun/Web」から「/Users/tomoyun/QT」に変更しました。（※2008年5月6日）

なお、PostgreSQLを使用する場合は、下記の記事を参照。
MacでWeb開発-(2) XAMPP for MacにPostgreSQLを追加

PHPの設定ファイル「php.ini」の修正。

「/Application/xampp/etc/php.ini」をテキストエディタで修正。

・232行目　PHPの実行メモリの制限を32MB~64MBに拡張する。
——————————————
memory_limit = 8M ; Maximum amount of memory a script may consume (8MB)
↓
memory_limit = 32M ; Maximum amount of memory a script may consume (8MB)
——————————————
（設定例）

Quictyのインストール

Quictyのホームページ

http://quicty.zubapita.jp/

右メニューの「ダウンロード」から「最新版」をクリック

ダウンロードページに遷移
「Quicty2.0b7.zip」以降の最新版をクリックしてダウンロード。

ダウンロードが完了。

「ダウンロードフォルダ」の中に「QT」フォルダができている。
「QT」の中には、さらに「Quicty」と「qtbuilder」の2つのフォルダがある。

「QT」フォルダをダウンロードフォルダなどと同じ、ひとつ上の階層に移動させる。
この場合は、「/Users/tomoyun/QT」となる。

「QT」フォルダにWebブラウザから書き込めるように修正する。
「QT」フォルダを選択して、「ファイル」メニューの「情報を見る」を選択。
変更するために、錠前アイコンをクリック。

パスワードを入力。

「共有とアクセス権：」の「everyone」を「読み／書き」にして閉じる。

Qtビルダーのドメインを/etc/hostsに設定

「/etc/hosts」（本体は/private/etc/hosts）をテキストエディタで開いて、以下の行を追加する。
（root権限が必要）
————————————————-
127.0.0.1 quicty.local
————————————————-
（設定例）

ApacheのVirtualHostの設定

VirtualHostの設定ファイル「/Applications/xampp/etc/extra/httpd-vhosts.conf」に、QtBuliderのVirtualHostを追加する。

QtビルダーのVirtualHost
※ RewriteRule文内の「tomoyun」は各自のユーザー名に書き換える。
———————————————————–

ServerAdmin tomoyun@mydomain.jp
DocumentRoot /Users/tomoyun/QT/qtbuilder/htdocs
ServerName quicty.local
ErrorLog logs/quicty.local-error_log
CustomLog logs/quicty.local-access_log common
RewriteEngine On
RewriteRule ^/(.*)/(css|errors|img|js)/(.*) /Users/tomoyun/QT/$1/htdocs/$2/$3 [L]
RewriteRule ^/(.*)/(.*)/(.*)/(.*) /Users/tomoyun/QT/$1/htdocs/index.php [L,E=QtRootShift:Yes]
RewriteRule ^/(.*)/(.*)/(.*) /Users/tomoyun/QT/$1/htdocs/index.php [L,E=QtRootShift:Yes]
RewriteRule ^/(.*)/(.*) /Users/tomoyun/QT/$1/htdocs/index.php [L,E=QtRootShift:Yes]

———————————————————–

必要に応じて、XAMPPの管理画面用のVirtualHostも用意する。
下記はMacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost） で設定したもの。
————————————————————————————-

ServerAdmin tomoyun@mydomain.jp
DocumentRoot /Applications/xampp/xamppfiles/htdocs
ServerName localhost
ErrorLog logs/localhost-error_log
CustomLog logs/localhost-access_log common

————————————————————————————-

QtビルダーがQuictyアプリケーションを生成するQuictyアプリケーションroot「/Users/tomoyun/QT」は、localhostとquicty.localからのアクセスのみ許可するように設定する。
※ Directory内の「tomoyun」は各自のユーザー名に書き換える。
———————————————————–

AllowOverride None
Options None
Order allow,deny
Allow from localhost
Allow from quicty.local

———————————————————–

（設定例）

上の画面の設定は、「MacでWeb開発-(9) XAMPP for MacでSNSを運営（OpenPNE）」の設定に追記をした状態。
（Quictyの設定に関係ない情報は省略してある。）
VirtualHostの設定の詳しい点については、以下を参照して欲しい。

MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）

設定が終わったら、「XAMPP Control Panel」でApacheを「Reload」する。

Qtビルダーの初期設定

Webブラウザで「http://quicty.local/qtbuilder/」にアクセス。
すると、Qtビルダーの初期設定画面「http://quicty.local/qtbuilder/configure/」になる。
「Quictyアプリケーションroot」が「/Users/tomoyn/QT」であることを確認。
Webアプリケーション開発時に、MySQLやPostgreSQLのユーザーとしてデフォルトに設定したいユーザー名がある場合は、各ユーザー欄やパスワード欄を埋める。Webアプリ毎に設定することもできるので、空欄のままでも構わない。
「登録」ボタンをクリック。

Qtビルダーのトップページが表示される。

これでQuictyとQtビルダーによる開発の準備が整った。

以上。

関連記事

• MacでWeb開発-(1) XAMPP for Macの環境設置
• MacでWeb開発-(2) XAMPP for MacにPostgreSQLを追加
• MacでWeb開発-(3) XAMPP for MacのPHPの環境設定
• MacでWeb開発-(4) XAMPP for MacのApacheの設定確認
• MacでWeb開発-(5) XAMPP for Macの管理画面へのアクセス制限
• MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）
• MacでWeb開発-(7) XAMPP for Macでブログを運営（WordPress）
• MacでWeb開発-(8) XAMPP for MacでWikiを運営（PukiWiki）
• MacでWeb開発-(9) XAMPP for MacでSNSを運営（OpenPNE）
• MacでWeb開発-(10) XAMPPにQuictyフレームワークを設置
• Macを買ったら入れるソフト- (5) UNIX環境編
• MacPortsの使い方

使用したシステム
Mac OS X 10.5.2 Leopard
XAMPP for MacOS X 0.7.2
OpenPNE2.10.5.1

運用条件

今回は以下の設定でOpenPNEを運用する。

データベースの準備

WordPressは、MySQLのデータベースに設定や本文を保存する。
そのための、データベース、ユーザー、パスワードを作成しておく。

今回のデータベース設定

※注意※　パスワードは、自分で必ずオリジナルを考えて設定すること。また意味のある単語は避け、英字と数字の8文字以上の組み合わせにすること。

データベースの作成

XAMPPの管理画面を開く。

http://localhost/

左メニューの「phpMyAdmin」をクリック。phpMyAdminの画面が開く。

(1) データベース「myopenpne」の作成

phpMyAdminのトップ画面で「データベース」をクリック。

データベースの一覧が表示される。
「新規データベースを作成する」の入力欄にデータベース名「myopenpne」を入力。
「作成」をクリック。

データベース「myopenpne」が作成され、「myopenpne」の設定画面になる。
左上の「phpMyAdmin」のロゴをクリックして、トップ画面に戻る。

(2) ユーザー「opadmin」の追加

phpMyAdminのトップ画面で「特権」をクリック。

データベースユーザーの一覧が表示される。
「新しいユーザを追加する」をクリック。

ユーザー追加画面になるので、ユーザー名、ホスト、パスワードを設定。

画面一番下にスクロールして、「実行する」をクリック。

ユーザーの追加が完了する。

画面をやや下にスクロールさせ、「データベースに固有の特権」のセクションを表示させる。
「データベースに特権を追加」のポップアップメニューから「myopenpne」を選ぶか、
空欄に「myopenpne」を入力して、「実行する」をクリック。

ユーザー「opadmin」にデータベース「myopenpne」の特権（操作権）を設定する画面になる。
「すべてをチェックする」で、すべての権限にチェックを入れて、「実行する」をクリック。

ユーザー「opadmin」の特権が更新される。

これでデータベースの準備は整った。

OpenPNEのインストール

OpenPNEのホームページ

http://www.openpne.jp/

右カラム上部の「最新版のダウンロード」をクリック。

最新安定版の「zip版ダウンロード」をクリック。ダウンロード画面に遷移し、ダウンロードが始まる。

ダウンロードが完了。

「ダウンロード」フォルダの中に「OpenPNE-2.10.5」フォルダが作成される。

フォルダ名を「OpenPNE」に変更し、「Web」フォルダの下に移動する。

「config.php.sample」を複製し、ファイル名を「config.php」に変更する。

「config.php」をテキストエディタで編集する。

・7行目の公開URLを「’http://sns.example.com/」から今回の「http://sns.mydomain.jp/」に書き換える。
———————————————————–
// Web上の絶対パス(URL)(最後にスラッシュを付けてください)
define(‘OPENPNE_URL’, ‘http://sns.example.com/’);
↓
// Web上の絶対パス(URL)(最後にスラッシュを付けてください)
define(‘OPENPNE_URL’, ‘http://sns.mydomain.jp/’);
———————————————————–

・11行目から19行目のDBサーバ設定項目を埋める。
———————————————————–
// DBサーバ設定
$GLOBALS['_OPENPNE_DSN_LIST']['main'] = array(
‘dsn’ => array(
‘phptype’ => ‘mysql’,
‘username’ => ”,
‘password’ => ”,
‘hostspec’ => ‘localhost’,
‘database’ => ”,
‘new_link’ => false,
),
);
↓
// DBサーバ設定
$GLOBALS['_OPENPNE_DSN_LIST']['main'] = array(
‘dsn’ => array(
‘phptype’ => ‘mysql’,
‘username’ => ‘opadmin’,
‘password’ => ‘ai08sh76′,
‘hostspec’ => ‘localhost’,
‘database’ => ‘myopenpne’,
‘new_link’ => false,
),
);
———————————————————–

・22行目のENCRYPT_KEYを今回の「youaremysunshine」設定する。
———————————————————–
// DB暗号化キー(56バイト以内のASCII文字列)
define(‘ENCRYPT_KEY’, ”);
↓
// DB暗号化キー(56バイト以内のASCII文字列)
define(‘ENCRYPT_KEY’, ‘youaremysunshine’);
———————————————————–

「メールサーバドメイン」も必須になっているが、携帯電話から投稿しないのなら必要ないので、ここでは省略する。
設定ができたら保存して終了。

varフォルダ以下をApache/PHPから書き込み可能にする

OpenPNEは、「OpenPNE/var」フォルダ以下に高速化のためのキャッシュファイルを生成する。
そのため、「OpenPNE/var」フォルダ以下をApache/PHPから書き込み可能に設定しなければならない。

OpenPNE/varフォルダを選択。

「ファイル」メニューの「情報を見る」もしくは、Command+Iキーで、varフォルダの情報ウィンドウを表示。
「共有とアクセス権」をクリックして詳細を表示。

錠アイコンをクリックしてパスワードを入力し、変更可能にする。
「everyone」を「読み／書き」に変更。
歯車アイコンを押してショートカットメニューを表示し、「内包している項目に適用」を選択。

確認ダイアログが出るので「OK」をクリック。

データベースの初期化

現状のOpenPNEでは、データベースの初期化を手動で行う必要がある。
初期化に必要なSQLは「OpenPNE/setup/sql/mysql41/install/」以下にある2つのファイルだ。

「ターミナル」で新規ウィンドウを開き、以下のコマンドを入力する。
—————————————
$ cd Web/OpenPNE/setup/sql/mysql41/install/
$ /Applications/xampp/xamppfiles/bin/mysql -u opadmin -p –default-character-set=utf8 myopenpne < install-2.10-create_tables.sql
Enter password: （opadminのパスワード「ai08sh76」を入力）
$ /Applications/xampp/xamppfiles/bin/mysql -u opadmin -p –default-character-set=utf8 myopenpne < install-2.10-insert_data.sql
Enter password: （opadminのパスワード「ai08sh76」を入力）
—————————————
（実行例）

ApacheのVirtualHostの設定

VirtualHostの設定ファイル「/Applications/xampp/etc/extra/httpd-vhosts.conf」に、OpenPNEのVirtualHostを追加する。

OpenPNEのVirtualHost
———————————————————–
<VirtualHost *:80>
ServerAdmin tomoyun@mydomain.jp
DocumentRoot /Users/tomoyun/Web/OpenPNE/public_html
ServerName sns.mydomain.jp
ErrorLog logs/sns.mydomain.jp-error_log
CustomLog logs/sns.mydomain.jp-access_log common
</VirtualHost>
———————————————————–

（設定例）

上の画面の設定は、「MacでWeb開発-(8) XAMPP for MacでWikiを運営（PukiWiki）」の設定に追記をした状態。
VirtualHostの設定の詳しい点については、以下を参照して欲しい。

MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）

設定が終わったら、「XAMPP Control Panel」でApacheを「Reload」する。

OpenPNEの初期設定

http://sns.mydomain.jp/にアクセスすると、OpenPNEの初期設定画面になる。

• SNS名
• 初期メンバー（1人目のユーザー）のメールアドレスとパスワード
• 管理ユーザーのアカウント名とパスワード

を、それぞれ設定し、「セットアップ実行」をクリック。

セットアップ完了画面になる。
「ログインページへ」をクリックすると、ユーザーのログイン画面に、
「管理画面へ」をクリックすると、SNSシステムの管理画面に行く。

ユーザーのログイン画面「http://sns.mydomain.jp/」。
セットアップ画面で入力した「初期メンバー」のメールアドレスとパスワードを入力して、「ログイン」をクリック。

SNSのホーム画面になる。
使用方法はMixiとほぼ同じだ。

こちらは管理ユーザーのログイン画面「http://sns.mydomain.jp/?m=admin」。

ログインすると、メンバー管理や、機能の拡張、デザインの変更などができる。

cronによる定期実行の設定

OpenPNEでは、cronを使って、毎日ユーザーに更新情報メールを送ったり、数十分おきにRSSを更新できる。
そのためには、cron用の設定作業が必要になる。

設定ファイル「crontab」の作成。

テキストエディタで以下の内容のファイルを作って、「/Users/（ユーザー名）/etc/crontab」に保存する。
今回は「/Users/tomoyun/etc/crontab」となる。
フォルダ「etc」（/Users/（ユーザー名）/etc）がない場合は作成しておく。

crontabの内容
————————————————————
OPENPNE_DIR=/Users/tomoyun/Web/OpenPNE
BIN_PATH=/Applications/xampp/xamppfiles/bin

# Send notify mail
00 6 * * * root sh $OPENPNE_DIR/bin/tool_send_daily_news.cron $OPENPNE_DIR/bin/ $BIN_PATH/php
00 6 * * * root sh $OPENPNE_DIR/bin/tool_send_birthday_mail.cron $OPENPNE_DIR/bin/ $BIN_PATH/php
00 6 * * * root sh $OPENPNE_DIR/bin/tool_send_schedule_mail.cron $OPENPNE_DIR/bin/ $BIN_PATH/php
# Update RSS
*/20 * * * * root sh $OPENPNE_DIR/bin/tool_rss_cache.cron $OPENPNE_DIR/bin/ $BIN_PATH/php
————————————————————
（作成例）

環境変数「OPENPNE_DIR」のユーザー名は、自分の環境に合わせて変更する。
すでにcrontabがある場合は、それに追記するようにする。

次に「ターミナル」で新規ウィンドウを開いて以下のコマンドを入力する。
————————————————————
$ chmod +x Web/OpenPNE/bin/*.cron
$ crontab etc/crontab
————————————————————
（実行例）

確認は以下のように入力する。
————————————————————
$ crontab -l
OPENPNE_DIR=/Users/tomoyun/Web/OpenPNE
BIN_PATH=/Applications/xampp/xamppfiles/bin

# Send notify mail
00 6 * * * root sh $OPENPNE_DIR/bin/tool_send_daily_news.cron $OPENPNE_DIR/bin/ $BIN_PATH/php
00 6 * * * root sh $OPENPNE_DIR/bin/tool_send_birthday_mail.cron $OPENPNE_DIR/bin/ $BIN_PATH/php
00 6 * * * root sh $OPENPNE_DIR/bin/tool_send_schedule_mail.cron $OPENPNE_DIR/bin/ $BIN_PATH/php
# Update RSS
*/20 * * * * root sh $OPENPNE_DIR/bin/tool_rss_cache.cron $OPENPNE_DIR/bin/ $BIN_PATH/php
————————————————————
（実行例）

これで、SNS運営の基本設定が終わった。
OpenPNEは非常に細かいカスタマイズが可能になっている。詳しくは、OpenPNEのフォルダに含まれている
「セットアップガイド」OpenPNE/setup/OpenPNE_Setup.html
を参照して欲しい。

また、OpenPNEのホームページにも開発者向けの情報が含まれており、複数サーバによる分散や、ほかのWebアプリケーションとのID連携についても書かれている。

以上。

関連記事

• MacでWeb開発-(1) XAMPP for Macの環境設置
• MacでWeb開発-(2) XAMPP for MacにPostgreSQLを追加
• MacでWeb開発-(3) XAMPP for MacのPHPの環境設定
• MacでWeb開発-(4) XAMPP for MacのApacheの設定確認
• MacでWeb開発-(5) XAMPP for Macの管理画面へのアクセス制限
• MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）
• MacでWeb開発-(7) XAMPP for Macでブログを運営（WordPress）
• MacでWeb開発-(8) XAMPP for MacでWikiを運営（PukiWiki）
• MacでWeb開発-(9) XAMPP for MacでSNSを運営（OpenPNE）
• MacでWeb開発-(10) XAMPPにQuictyフレームワークを設置
• Macを買ったら入れるソフト- (5) UNIX環境編
• MacPortsの使い方

使用したシステム
Mac OS X 10.5.2 Leopard
XAMPP for MacOS X 0.7.2
PukiWiki 1.4.7_notb

運用条件

今回は以下の設定でPukiWikiを運用する。

管理ユーザーの準備

PukiWikiを設置するときに、管理ユーザーIDとMD5で暗号化したパスワード、管理ユーザーのホームページのURLが必要になる。
パスワードの暗号化は、ターミナルを起動して、「md5 -s （パスワード）」と入力する。
パスワードが「ps00fa97」なら、以下のように入力する。

————————————–
$ md5 -s ps00fa97
————————————–

実行例）

※注意※　パスワードは、自分で必ずオリジナルを考えて設定すること。また意味のある単語は避け、英字と数字の8文字以上の組み合わせにすること。

今回の管理ユーザーの設定

PukiWikiのインストール

PukiWikiのホームページ

http://pukiwiki.sourceforge.jp/

から、最新版をダウンロードする。「pukiwiki-1.4.7_notb.(tar.gz|zip)」をクリック。

「pukiwiki-1.4.7_notb.zip」をクリック。ダウンロード画面に遷移し、ダウンロードが始まる。

ダウンロードが完了。

「ダウンロード」フォルダの中に「pukiwiki-1.4.7_notb」フォルダが作成される。

フォルダ名を「pukiwiki」に変更し、「Web」フォルダの下に移動する。

「pukiwiki.ini.php」をテキストエディタで編集する。

・30行目の「(‘PKWK_SAFE_MODE’, 0)」を「(‘PKWK_SAFE_MODE’, 1)」に書き換える。
（セキュリティ対策）
———————————————————–
// PKWK_SAFE_MODE – Prohibits some unsafe(but compatible) functions
if (! defined(‘PKWK_SAFE_MODE’))
define(‘PKWK_SAFE_MODE’, 0);
↓
// PKWK_SAFE_MODE – Prohibits some unsafe(but compatible) functions
if (! defined(‘PKWK_SAFE_MODE’))
define(‘PKWK_SAFE_MODE’, 1);
———————————————————–
（設定例）

・123行目の「anonymous」を今回の管理ユーザーID「tomoyun」に書き換える
———————————————————–
// Site admin’s name (CHANGE THIS)
$modifier = ‘anonymous’;
↓
// Site admin’s name (CHANGE THIS)
$modifier = ‘tomoyun’;
———————————————————–

・126行目の「pukiwiki.example.com」を今回のホームページURL「blog.mydomain.jp」に書き換える。
———————————————————–
// Site admin’s Web page (CHANGE THIS)
$modifierlink = ‘http://pukiwiki.example.com/’;
↓
// Site admin’s Web page (CHANGE THIS)
$modifierlink = ‘http://blog.mydomain.jp/’;
———————————————————–
（設定例）

・193行目の「!」をMD5で暗号化したパスワードに書き換える。
———————————————————–
// Default: always fail
$adminpass = ‘{x-php-md5}!’;
↓
// Default: always fail
$adminpass = ‘{x-php-md5}c8e1947e992f208b5dce077f1046c56c’;
———————————————————–
（設定例）

ApacheのVirtualHostの設定

VirtualHostの設定ファイル「/Applications/xampp/etc/extra/httpd-vhosts.conf」に、PukiWikiのVirtualHostを追加する。

PukiWikiのVirtualHost
———————————————————–
<VirtualHost *:80>
ServerAdmin tomoyun@mydomain.jp
DocumentRoot /Users/tomoyun/Web/pukiwiki
ServerName wiki.mydomain.jp
ErrorLog logs/wiki.mydomain.jp-error_log
CustomLog logs/wiki.mydomain.jp-access_log common
</VirtualHost>
———————————————————–

（設定例）

上の画面の設定は、「MacでWeb開発-(7) XAMPP for Macでブログを運営（WordPress）」の設定に追記をした状態。
VirtualHostの設定の詳しい点については、以下を参照して欲しい。

MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）

設定が終わったら、「XAMPP Control Panel」でApacheを「Reload」する。

PukiWikiの動作確認

Webブラウザで「http://wiki.mydomain.jp/」にアクセスすると、PukiWikiのフロントページが表示される。
フロントページの「編集」をクリック。

「編集できません」と表示されるの「凍結解除」をクリック。

管理ユーザーのパスワード「ps00fa97」を入力して「凍結解除」をクリック。

編集画面になるので、内容を編集したあとに「ページの更新」をクリック。

ページが更新され、FrontPageが表示される。
イタズラに備えて、更新が終了したら「凍結」をクリックしてパスワードを入力し、ページを編集できないようにしておく。

新しいページを追加したいときは、「新規」をクリック。
ページを削除するときは、すべてのテキストを削除してから、ページを更新すればいい。
詳しくは、PukiWiki内のヘルプに必要な情報が網羅されているので、そちらを参照してほしい。

以上。

関連記事

• MacでWeb開発-(1) XAMPP for Macの環境設置
• MacでWeb開発-(2) XAMPP for MacにPostgreSQLを追加
• MacでWeb開発-(3) XAMPP for MacのPHPの環境設定
• MacでWeb開発-(4) XAMPP for MacのApacheの設定確認
• MacでWeb開発-(5) XAMPP for Macの管理画面へのアクセス制限
• MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）
• MacでWeb開発-(7) XAMPP for Macでブログを運営（WordPress）
• MacでWeb開発-(8) XAMPP for MacでWikiを運営（PukiWiki）
• MacでWeb開発-(9) XAMPP for MacでSNSを運営（OpenPNE）
• MacでWeb開発-(10) XAMPPにQuictyフレームワークを設置
• Macを買ったら入れるソフト- (5) UNIX環境編
• MacPortsの使い方

使用したシステム
Mac OS X 10.5.2 Leopard
XAMPP for MacOS X 0.7.2
WordPress 2.5.1 日本語版

運用条件

今回は以下の設定でWordPressを運用する。

データベースの準備

WordPressは、MySQLのデータベースに設定や本文を保存する。
そのための、データベース、ユーザー、パスワードを作成しておく。

今回のデータベース設定

※注意※　パスワードは、自分で必ずオリジナルを考えて設定すること。また意味のある単語は避け、英字と数字の8文字以上の組み合わせにすること。

データベースの作成

XAMPPの管理画面を開く。

http://localhost/

左メニューの「phpMyAdmin」をクリック。phpMyAdminの画面が開く。

(1) データベース「mywordpress」の作成

phpMyAdminのトップ画面で「データベース」をクリック。

データベースの一覧が表示される。
「新規データベースを作成する」の入力欄にデータベース名「mywordpress」を入力。
「作成」をクリック。

データベース「mywordpress」が作成され、「mywordpress」の設定画面になる。
左上の「phpMyAdmin」のロゴをクリックして、トップ画面に戻る。

(2) ユーザー「wpadmin」の追加

phpMyAdminのトップ画面で「特権」をクリック。

データベースユーザーの一覧が表示される。
「新しいユーザを追加する」をクリック。

ユーザー追加画面になるので、ユーザー名、ホスト、パスワードを設定。

画面一番下にスクロールして、「実行する」をクリック。

ユーザーの追加が完了する。

画面をやや下にスクロールさせ、「データベースに固有の特権」のセクションを表示させる。
「データベースに特権を追加」のポップアップメニューから「mywordpress」を選ぶか、
空欄に「mywordpress」を入力して、「実行する」をクリック。

ユーザー「wpadmin」にデータベース「mywordpress」の特権（操作権）を設定する画面になる。
「すべてをチェックする」で、すべての権限にチェックを入れて、「実行する」をクリック。

ユーザー「wpadmin」の特権が更新される。

これでデータベースの準備は整った。

WordPressのインストール

WordPressのホームページ

http://ja.wordpress.org/

から、WordPressの最新版をダウンロードする。

ダウンロードが完了。

「ダウンロード」フォルダの中に「wordpress」フォルダが作成される。

「wordpress」フォルダを「Web」フォルダの下に配置する。

「wp-config-sample.php」を複製し、ファイル名を「wp-config.php」に変更する。

「wp-config.php」をテキストエディタで編集する。
データベース名「mywordpress」、ユーザー名「wpadmin」、パスワード「ai08sh76」を設定。
ファイルを保存する。

ApacheのVirtualHostを設定

インストールしたWordPressを「http://blog.mydomain.jp/」というURLでアクセスできるように、
「/Applications/xampp/etc/extra/httpd-vhosts.conf」を修正する。

今回のWordPressのためのVirtualHostの設定

サーバ名：blog.mydomain.jp
DocumentRoot：/Users/tomoyun/Web/wordpress
————————————————————————————-
<VirtualHost *:80>
ServerAdmin tomoyun@mydomain.jp
DocumentRoot /Users/tomoyun/Web/wordpress
ServerName blog.mydomain.jp
ErrorLog logs/blog.mydomain.jp-error_log
CustomLog logs/blog.mydomain.jp-access_log common
</VirtualHost>
————————————————————————————-

（実際の設定例）

詳しくは、下記を参照してほしい。
MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）

WordPressのインストールの完了

Webブラウザから管理画面「http://blog.mydomain.jp/wp-admin/」にアクセスする。
自動的にインストール画面になるので、ブログタイトルとメールアドレスを入力。
「WordPressをインストールする」をクリック。

インストールが完了し、管理ユーザーのIDとパスワードが表示される。
このIDとパスワードは、どこかにメモしておき、「ログイン」をクリック。

管理ユーザーと投稿/編集ユーザーの設定

先ほどメモした管理ユーザーのIDとパスワードを入力し、「ログイン」をクリック。

ログインすると、「ダッシュボード」（管理画面）になる。
「こんにちは、adminさん」の「admin」をクリックする。

管理ユーザーの個人設定画面になる。

画面を下までスクロールして、パスワードを覚えやすく、かつ安全なものに変更する。
「プロフィールを更新」をクリック。

再び、個人設定画面になるので、今度は「投稿者とユーザー」をクリック。
「ユーザーの管理」画面になるので、「新規ユーザーの追加」で投稿用にユーザーアカウントをもうひとつ作る。

画面下のほうにある権限は「編集者」にしておく。

ユーザーを追加できたら、いったんログアウトし、編集者ユーザーでログインし直す。

再び「ダッシュボード」画面になるので、ここから記事カテゴリの設定や、記事投稿を行う。
これ以降は、一般的なブログと同じだ。

以上。

関連記事

• MacでWeb開発-(1) XAMPP for Macの環境設置
• MacでWeb開発-(2) XAMPP for MacにPostgreSQLを追加
• MacでWeb開発-(3) XAMPP for MacのPHPの環境設定
• MacでWeb開発-(4) XAMPP for MacのApacheの設定確認
• MacでWeb開発-(5) XAMPP for Macの管理画面へのアクセス制限
• MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）
• MacでWeb開発-(7) XAMPP for Macでブログを運営（WordPress）
• MacでWeb開発-(8) XAMPP for MacでWikiを運営（PukiWiki）
• MacでWeb開発-(9) XAMPP for MacでSNSを運営（OpenPNE）
• MacでWeb開発-(10) XAMPPにQuictyフレームワークを設置
• Macを買ったら入れるソフト- (5) UNIX環境編
• MacPortsの使い方

ここでは、仮に以下のような構成で複数のWebサイトを運用する設定を紹介する。
なお、各ドメイン名は、XAMPPが動作しているMacのIPアドレスに割り当てられていることが前提だ。
トップページとブログのDocumentRootは、自分の（下記の例ではユーザー「tomoyun」）のホームディレクトリの下に置くことにする。

「トップページ」「ブログ」と便宜的に名前は付けているが、実際にコンテンツやサービスを作るわけではない。

今回は、動作確認用の簡単なHTMLを表示するだけだ。

修正する設定ファイル

VirtualHostの設定は、Apacheの設定ファイル「httpd.conf」に書き込む。最近のApacheでは、メンテナンスしやすいようにVirtualHostを別のファイルで設定し、httpd.confのInclude命令で読み込むようになっている。
XAMPP for MacOS X の場合は、VirtualHostを利用するために下記の2つのファイルを書き換える。

各DocumentRootフォルダとHTMLの準備

各WebサイトのDocumentRootフォルダを作成する。
——————————————–
$ mkdir /Users/tomoyun/Web
$ mkdir /Users/tomoyun/Web/www
$ mkdir /Users/tomoyun/Web/blog
——————————————–

実行例）

動作確認用にダミーのHTMLをテキストエディタで作って、各DocumentRoot内に保存する。

・トップページ用確認HTML
ファイル名：/Users/tomoyun/Web/www/index.html

・ブログ用確認HTML
ファイル名：/Users/tomoyun/Web/blog/index.html

httpd.confの修正

httpd-vhosts.confのInclude（読み込み）は、httpd.confの482行目にある（インストール直後の場合）。

行頭のコメントマーク「#」を削除すれば、httpd-vhosts.confが読み込まれるようになる。
————————————————————————————-
# Virtual hosts
#Include /Applications/xampp/etc/extra/httpd-vhosts.conf
↓
# Virtual hosts
Include /Applications/xampp/etc/extra/httpd-vhosts.conf
————————————————————————————-

修正結果

httpd-vhosts.confの修正

インストール直後のhttpd-vhosts.confには、VirtualHostの設定例書かれている。

VirtualHostの設定の基本は、下記のようになっている。
————————————————————————————-
<VirtualHost *:80>
ServerAdmin Webサイト管理者のメールアドレス
DocumentRoot “DocumentRootのフォルダ”
ServerName Webサイトのドメイン名
ErrorLog “エラーログのファイル名”
CustomLog “アクセスログのファイル名” ログのフォーマット名
</VirtualHost>
————————————————————————————-

これを運用するWebサイトの数だけ書き並べる。
サーバのドメイン名ではなくIPアドレスでアクセスされた場合は、一番最初のVirtualHostが使用される。

————————————————————————————-
<VirtualHost *:80>
ServerAdmin tomoyun@mydomain.jp
DocumentRoot /Users/tomoyun/Web/www
ServerName www.mydomain.jp
ErrorLog logs/www.mydomain.jp-error_log
CustomLog logs/www.mydomain.jp-access_log common

</VirtualHost>

<VirtualHost *:80>
ServerAdmin tomoyun@mydomain.jp
DocumentRoot /Users/tomoyun/Web/blog
ServerName blog.mydomain.jp
ErrorLog logs/blog.mydomain.jp-error_log
CustomLog logs/blog.mydomain.jp-access_log common

</VirtualHost>

<VirtualHost *:80>
ServerAdmin tomoyun@mydomain.jp
DocumentRoot /Applications/xampp/xamppfiles/htdocs
ServerName localhost
ErrorLog logs/localhost-error_log
CustomLog logs/localhost-access_log common

</VirtualHost>

————————————————————————————-

さらに「/Users/tomoyun/Web」以下への外部からのアクセスを許可する。
————————————————————————————-
<Directory “/Users/tomoyun/Web”>
AllowOverride None
Options None
Order allow,deny
Allow from all
</Directory>
————————————————————————————-

設定例）

設定を保存できたら、ターミナルで下記のように入力して、問題がないか確認する。
————————————————————————————-
$ /Applications/xampp/xamppfiles/bin/apachectl configtest
————————————————————————————-

実行例）

XAMPP Control PanelでApacheをリロードする。

動作確認

外部からWebブラウザでアクセスして、動作を確認する。

http://www.mydomain.jp/

http://blog.mydomain.jp/

http://localhost/

（管理ページ）

http://www.mydomain.jp/~tomoyun/

（ユーザーページ）

これで、VirtualHostによるWebサイトの運営が可能になった。
あとは、各DocumentRoot内にコンテンツやサービスを置くだけだ。

以上。

関連記事

• MacでWeb開発-(1) XAMPP for Macの環境設置
• MacでWeb開発-(2) XAMPP for MacにPostgreSQLを追加
• MacでWeb開発-(3) XAMPP for MacのPHPの環境設定
• MacでWeb開発-(4) XAMPP for MacのApacheの設定確認
• MacでWeb開発-(5) XAMPP for Macの管理画面へのアクセス制限
• MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）
• MacでWeb開発-(7) XAMPP for Macでブログを運営（WordPress）
• MacでWeb開発-(8) XAMPP for MacでWikiを運営（PukiWiki）
• MacでWeb開発-(9) XAMPP for MacでSNSを運営（OpenPNE）
• MacでWeb開発-(10) XAMPPにQuictyフレームワークを設置
• Macを買ったら入れるソフト- (5) UNIX環境編
• MacPortsの使い方

　Apacheの設定ファイル「/Applications/xampp/etc/httpd.conf」をテキストエディタで編集する。
　管理画面のHTMLファイルが置かれているDocumentRoot（/Applications/xampp/xamppfiles/htdocs）へのアクセス制御の設定は、設定ファイル（httpd.conf）の207行目から235行目に書かれている（インストール直後の場合）。

　このうち233行目の「Allow form all」を書き換えることで、アクセス元を制限できる。

————————————————
Allow form all
↓
Allow from localhost
————————————————

変更を保存し、「XAMPP Control Panel」でApacheを「Reload」する。

これで、外部のコンピュータからのリクエストは、弾かれるようになった。
（下の画面はXAMPPが動いているMacのIPアドレスが192.168.1.105の場合）

内部から（XAMPPが動いているMac自身から）のアクセスは可能なままだ。

これで、外部から管理画面にアクセスされる危険はなくなった。
もし、内部からのアクセスを誰でもできるような場合（XAMPPが動いているMacを誰でも触れる場合）は、内部アクセスにもパスワードを設定したほうがよい。

以上。

関連記事

• MacでWeb開発-(1) XAMPP for Macの環境設置
• MacでWeb開発-(2) XAMPP for MacにPostgreSQLを追加
• MacでWeb開発-(3) XAMPP for MacのPHPの環境設定
• MacでWeb開発-(4) XAMPP for MacのApacheの設定確認
• MacでWeb開発-(5) XAMPP for Macの管理画面へのアクセス制限
• MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）
• MacでWeb開発-(7) XAMPP for Macでブログを運営（WordPress）
• MacでWeb開発-(8) XAMPP for MacでWikiを運営（PukiWiki）
• MacでWeb開発-(9) XAMPP for MacでSNSを運営（OpenPNE）
• MacでWeb開発-(10) XAMPPにQuictyフレームワークを設置
• Macを買ったら入れるソフト- (5) UNIX環境編
• MacPortsの使い方

Mac OS XのWeb共有を停止

　Mac OS Xには最初からApache + PHPの環境がインストールされていて、「システム環境設定」-「共有」の中の「Web共有」によって有効／無効を設定する。XAMPPのApahceとMac OS XのApahceは、ともに80番のポートを使用するので、そのままでは同時に使用できない。また、その必要もない。
　XAMPP for MacOS XのBer.0.7.2では、Web共有の代わりに、ユーザーの「サイト」（Sites）フォルダ内のhtmlやPHPのファイルを表示できるようにあらかじめ設定されているからだ。
　XAMPPをインストールしたら、「Web共有」は必ず停止しよう。

XAMPPの初期設定を確認する

　ユーザーのWebブラウザからXAMPPが動いているMacへリクエストがあると、Apacheは、「DocumentRoot」に設定されたフォルダ内のHTMLファイルを配信する。また、ユーザー名が指定されている場合は、各ユーザーの「UserDir」で指定されたフォルダ内のHTMLファイルを配信する。

※以下の記事は、下記の状況を想定している。

• XAMPPが動作しているMacのIPアドレスが192.168.1.105
• ユーザーのIDが「tomoyun」
• UserDir名は「Sites」

各自の環境に合わせて置き換えて読んでください。

XAMPPとMac OS Xの「Web共有」は、両方ともApacheをWebサーバとして使用している。細かい設定や、フォルダやファイルの配置が違うだけなのだ。

XAMPPとWeb共有の比較

XAMPP for MacOS Xを起動して、http:/localhost/（＝DocumentRoot）にアクセスすると、下のように、XAMPPの管理画面（＝/Applications/xampp/xamppfiles/htdocs/index.html）が表示される。

XAMPPのホームページの表示

Web共有と同じようにユーザーディレクトリ（http://localhost/~（ユーザー名）/）にアクセスすることもできる。

ユーザーページの表示

　このMacのIPアドレスが192.168.1.105だとすれば、外部のコンピュータから、

• http://192.168.1.105/　→　XAMPPの管理画面
• http://192.168.1.105/~ユーザー名/　→　ユーザーページ

にアクセスできる。

　ユーザーページはともかく、外から誰でも管理画面にアクセスできるのは、セキュリティ上大変危険だ。
　また、ブログやWikiを１つのサーバで同時に運用したい場合は、どうすれば良いのだろうか？

　そこで、Apacheの設定ファイル（httpd.conf）を編集して、

• 管理画面を外部からアクセスできないようにする
• VirtualHostで複数のサービスを運営する

の2つを実現しよう。

以上。

関連記事

• MacでWeb開発-(1) XAMPP for Macの環境設置
• MacでWeb開発-(2) XAMPP for MacにPostgreSQLを追加
• MacでWeb開発-(3) XAMPP for MacのPHPの環境設定
• MacでWeb開発-(4) XAMPP for MacのApacheの設定確認
• MacでWeb開発-(5) XAMPP for Macの管理画面へのアクセス制限
• MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）
• MacでWeb開発-(7) XAMPP for Macでブログを運営（WordPress）
• MacでWeb開発-(8) XAMPP for MacでWikiを運営（PukiWiki）
• MacでWeb開発-(9) XAMPP for MacでSNSを運営（OpenPNE）
• MacでWeb開発-(10) XAMPPにQuictyフレームワークを設置
• Macを買ったら入れるソフト- (5) UNIX環境編
• MacPortsの使い方