現時点で最新版は、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の「管理ツール」でこの画面が開く。

以上。

使用したシステム
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
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の使い方

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

• 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環境）

【インストール】

XAMPP for MacのWebページ
http://www.apachefriends.org/en/xampp-macosx.html

「Step1 : Download」をクリック。

XAMPP for Mac OS X 0.7.2をクリック。

ダウンロードが開始される

ダウンロードが完了すると、インストーラが起動する。

「インストール」をクリックする。

インストール完了。

インストールが完了すると「アプリケーション」フォルダ内に「xampp」というフォルダができる。

「xampp」フォルダ内の「XAMPP Control Panel」を起動すると、パスワードが要求される。

「XAMPP Control Panel」が起動したら、「All Components」の「Start」をクリック。

XAMPPの起動が完了すると「XAMPP for MacOS X started.」と表示される。

Webブラウザでhttp://localhost/にアクセス。

「日本語」をクリックすると、
XAMPPのホームページ

http://localhost/xampp/index.php

が表示される。

【セキュリティ対策】

(1-1) MySQLの管理ユーザー「root」にパスワードを設定

MySQLの管理ユーザー「root」にパスワードが設定されていないので、設置する。

ターミナルを起動し、以下のコマンドを入力（以下の例は’wwxxyyzz’がパスワード）
——————————
$ /Applications/xampp/xamppfiles/bin/mysqladmin -u root -p password ‘wwxxyyzz’ ([Enter])
Enter password: ([Enter])
——————————

以後、コマンドラインでは以下のコマンドでmysqlのrootユーザーでログインできる。
——————————
/Applications/xampp/xamppfiles/bin/mysql -u root -p
Enter password: (wwxxyyzz[Enter])
——————————

(1-2) phpMyAdminにrootユーザーのポスワードを設定

MySQLの「root」にパスワードを設定したら、GUI管理ツール「phpMyAdmin」にも
同じパスワードを設定する

「TextMate」などのテキストエディタで/アプリケーション/xampp/xamppfiles/phpmyadmin/config.inc.phpを開き、
34行目にrootユーザーのパスワードを設定する。（以下の例では’wwxxyyzz’）

保存して、XAMPPのホームページの左カラムの「phpMyAdmin」をクリックすると、

http://localhost/phpmyadmin/に遷移する。

パスワードが正しく設定されていれば、下記のように表示される。

(2) ProFTPDを停止

FTPサーバのProFTPDは、危険なので通常は停止しておく。
（外部からのファイルコピーはSSHのscpコマンドやrsyncコマンドのSSHオプションを使う）

「XAMPP Control Panel」で「ProFTPD」の「Stop」をクリック

【自動起動の設定】

OSの起動時にXAMPPが自動的に起動するようにする。

xampp_startup.tgzをダウンロード。

以下のコマンドを入力
———————————
$ sudo tar xvfz xampp_startup.tgz -C /
Password : （パスワードを入力）

Library/StartupItems/xampp/
Library/StartupItems/xampp/Resources/
Library/StartupItems/xampp/Resources/._.DS_Store
Library/StartupItems/xampp/Resources/.DS_Store
Library/StartupItems/xampp/Resources/English.lproj/
Library/StartupItems/xampp/Resources/English.lproj/._Localizable.strings
Library/StartupItems/xampp/Resources/English.lproj/Localizable.strings
Library/StartupItems/xampp/._StartupParameters.plist
Library/StartupItems/xampp/StartupParameters.plist
Library/StartupItems/xampp/._xampp
Library/StartupItems/xampp/xampp
———————————

再起動して、「ターミナル」でプロセスの起動を確認。

————————-
$ ps ax | grep xampp
————————-

以上。

関連記事

• 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の使い方