XAMPP環境構築の記事一覧

会社のスマホサイトも無事オープンして（docomoのSPモード不具合には参った。。。）
今は自社のWebサイトリニューアルに取り組んでます。

前任者が書いたソースを改変することになるので、非常に怖い部分もありますが、スキルを向上させる
という意味では非常にやりがいがあります。

取材要員として入社したのですが、現状私の基本的な知識が欠落してるので、手っ取り早く会社に貢献できる
ということで構築を任された感じです。ちなみに指示など一切ありません。頼れるのは己の技量だけ。
並行して取材に必要な知識の習得もあり非常にハードな生活です。

ただ、直近の上司が非常に有能な方で、「なんでそこまで知ってるの？」というぐらい博識なので安心感はあります。安易に聞くことはできませんが。

話は戻り、このWebサイトはPHPとjQueryで書かれてます。とりあえずEclipsePHPを導入して少しずつ変更する予定。導入にあたって文字コードをUTF-8に統一したかったので、php.iniファイルを触って文字コードの設定を行ったので備忘録として残したいと思います。

XAMPPのバージョンによっては、このやり方ではできないかもです。
私は1.7.1インストーラ版使ってます。

以下該当箇所を順次変更してください。
エディタかなんかで検索して変更したらいいよ。楽だし。
それとバックアップ忘れずに。
自己責任で行ってください。

---

;default_charset = “iso-8859-1″
↓
default_charset = “UTF-8″
先頭のセミコロンを外して、iso-8859-1をUTF-8に変更

内部で処理する文字コードを変更
;mbstring.language = Japanese
↓
mbstring.language = Japanese
先頭のセミコロンを外して。

;mbstring.internal_encoding = EUC-JP
↓
mbstring.internal_encoding = UTF-8
セミコロンを外し、EUCをUTF-8に変更。

;mbstring.http_input = auto
mbstring.http_input = auto
先頭のセミコロン外す。

;mbstring.http_output = SJIS
↓
mbstring.http_output = UTF-8
セミコロン外し、SJISをUTF-8に変更。

;mbstring.encoding_translation = off
↓
mbstring.encoding_translation = on
セミコロン外し、offをonに変更
※内部コードへの変換が可能になるようです。
詳しいことは各自で調べて。

;mbstring.detect_order = auto
mbstring.detect_order = auto
先頭のセミコロン外す。
以上。

これで文字化けは解消だー

いまだにちょくちょくアクセスがあるようで、それなりに需要のある記事なんだなぁーと思いつつ、あれから数年たってちょっと久しぶりに最新版のxamppのインストールをしてみた。以前書いた記事はこちら。

XAMPP上にWordPressを簡単に導入する方法 | WordPress【ワードプレス】初心者の部屋～使い方知っとこ？

新しいの使ってみたかったしね。
以下画像を交えて解説。所用時間約６分でインストール可能（xamppダウンロード時間除く）

今回もZIPは使いません。やっぱりインストーラ版を使用します。

ちなみに現在の最新バージョンはこちら

xampp-win32-1.7.7-VC9-installer.exe

XAMPP – Browse /XAMPP Windows at SourceForge.net

ファイルサイズが80MB前後あるんでダウンロードには若干時間かかります。 当方の環境は光ですが数十分かかりました。

---

1.7.7をクリック

xampp-win32-1.7.7-VC9-installer.exeをクリック

最新バージョンは英語しか選べませんのでそのままクリック ちなみに、英語だからといってインストール作業に支障はありません。

以下ウィザードに沿って順次クリックしていきます。

Apache と MySQLにチェックを入れます。

しばしおまちを

Apache と MySQLが起動しているのを確認します。 通常は起動したままの状態でログインパネルが現れるはずです。

インストールは以上で完了です。 お次は、ブラウザのアドレスバーに、次のように入力してxampp初期画面に移動してください。

http://localhost/

すると以下のような画面が現れるはずです。 日本語をクリック

成功したら以下ような画面が現れます。

続いて左下のphpMyAdminクリック すると以下のような奇妙な画面が現れます。 うおーphpMyAdminの管理画面かなり変わってますね・・・・ なんかおしゃれになったし、若干使いやすい気がする。

Languageから日本語を選び選択。

新規データベースを作成します。 名前はなんでもいいです。wordpressでもいいですよ。

データベースを作成したら wordpressのファイルをこちらからダウンロードしてください。

WordPress | 日本語

ダウンロードしたwordpressファイルを、そのままxamppフォルダの中のhtdocsに入れます。 入れたら

http://localhost/wordpress/

にアクセスしてみてください。

ユーザー名はroot パスワードは未記入

お疲れ様でした！ セキュリティーの設定はちゃんとしてくださいね。

とりあえずいまんところ不具合もなしに稼働してます。

WordPressをローカル環境でも使えるようにする方法として、
XAMPPの導入方法です。XAMPPの最新版インストーラ設定について、解説しているサイトが
ないようなので、今回私が解説してみようと思います。

この記事を参考に設定してもらえば、5分前後でWordPressをローカル環境で使えるようなります。
ちなみに、XAMPPとは、PHP開発環境に必要なMysql・PHP・Apacheを、簡単に一括でインストールできます。

なお、私のパソコンの環境はWindows・vistaを利用しております。他のOSでも基本設定は全て同じです。
以下導入手順になります。

2009 10/1現在の最新バージョンは、1.7.2です。
しかし、現時点で確認したところ、1.7.2にはインストーラ版が存在しません。
ZIPファイルを利用して設定も可能ですが、全くの初心者には混乱を招く原因になりかねますので、
(日本語ウィザードがないため)
今回は、1.7.1のインストーラ版を使用します。
インストーラ版を利用すれば、XAMPP初心者の方でも簡単に導入可能です。
必ずできますので、是非取り組んでみてください。

ファイルはこちらからダウンロードできます。
Browse XAMPP Files on SourceForge.net
下のほうの、1.7.1のxampp-win32-1.7.1-installer.exeをダウンロードです。

---

---

---

続いて、xampp-win32-1.7.1-installer.exeをクリックしてください。
日本語ウィザード (Wizard)に沿ってインストール作業を行います。

---

---

c:ドライブ真下に、xamppフォルダを作り、インストール作業を行います。
vistaの場合は、c:ドライブ真下にxamppフォルダを作って作業を行ってください。
エラー回避できます。

---

ApacheとMySQLにチェックを入れます。

---

これでインストール作業は完了です。
続いて、ブラウザのアドレスバーに、次のように入力してxampp初期画面に移動します。

http://localhost/

---

---

続いて、左下のほうに、phpmyadminという設定項目がありますのでクリック。
MySQL localhostの新規データベースを作成したいので、今回はwordpressというデータベースを作ります。画像を参考に設定してみてください。


次に、WordPress | 日本語から、ファイルをダウンロード。

ダウンロードしたファイルを、xamppフォルダの中の、htdocsに移します。

続きまして、http://localhost/wordpress/にアクセスしてみてください。wordpress設定ウィザードがでます。日本語ウィザードに沿って設定していきます。

---

---

注意点として、xamppのMySQLのデフォルト値は、ユーザー名、root　　パスワードはありません

ユーザー名の部分にroot パスワードの部分は未記入でOKです。

パスワードの部分は、デフォルトの値を入れてみてください。
1234と記載。

後で必ず、ユーザー名やパスワードは変更しておいてください。

これでローカル環境にてWordPressをテスト投稿できます。
themeをカスタマイズしたい場合など、ローカル環境で試すことができますので、非常に助かりますね。
皆さんの参考になれば幸いです。

XAMPP導入の流れを、スムーズに説明するためにセキュリティーに関する解説はしてませんが、必ず各自セキュリティーの設定を行うようにしてください。

---

WordPressをXAMPP上に設定するうえでの参考記事一覧
XAMPP関連の記事一覧 – ［データベース］All About
1.2.3で整えるPHP開発環境【STEP.1】 XAMPPをインストール | バシャログ。

---

---