この記事では、XAMPP でWeb開発を行う前に必要なPHPの初期設定の方法を解説します。

WordPress は大部分が「PHP」と呼ばれる Web アプリ開発用のプログラミング言語で構成されていますが、

日本語でのWeb開発を行う場合には、文字コード設定や日本語全角文字となるマルチバイト設定が必要となります。

今回行う PHP 初期設定は下記になります。

書式設定を行うために「php.ini」を編集しますが、編集する前に「php.ini」のバックアップを取得するようにしてください。

要は編集前の「php.ini」をコピーしてどこかに保存しておいてください。万が一間違えた時もそこから戻すことが可能です。

PHP 初期設定

前述しましたが、PHP 初期設定は「php.ini」から行います。

「php.ini」は「C:\xampp\php」 （Windows(C:) > XAMPP > php） にあります。

そして「php.ini」を適当なエディタで開きます。

私は「サクラエディタ」というエディタで開いていますが、「メモ帳」で開いても問題ありません。

文字コード

php で表示させるページの文字コードを設定します。

「php.ini」の704行目にある default_charset が「UTF-8」になっていることを確認します。

※ もし見つからなかったら「http://php.net/default-charset」という文字を検索してみてください。

デフォルトで「UTF-8」になっていると思いますが、もしなっていない場合は下記画面のように「UTF-8」に書き換えます。

タイムゾーン

Web のタイムゾーン設定を行います。

「php.ini」の1949行目にある date.timezone に「Asia/Tokyo」にします。つまりタイムゾーンを日本に設定します。

※ もし見つからなかったら「date.timezone」という文字を検索してみてください。

デフォルトで 「Europe/Berlin」となっていると思いますが、これを「Asia/Tokyo」に変更します。

マルチバイト（日本語全角文字を利用）

日本語全角文字を利用するためのマルチバイト設定をします。

1656 行目にある「mbstring.language」を「Japanese」と設定します。

※ もし見つからなかったら「mbstring.language」という文字を検索してみてください。

デフォルトでも 「Japanese」となっていると思いますが、先頭に「;」文字が含まれておりコメントアウトになっているため、先頭に「;」文字を外します。

【任意】ファイルの最大アップロードサイズ設定

こちらの設定は任意の設定となり、別にしなくてもいいですがすると便利な設定なのでご紹介します。

ファイルのアップロードサイズを変更します。変更箇所は全部で３つです。

upload_max_filesize

upload_max_filesize ではファイルのアップロードサイズを変更します。

デフォルトでは「upload_max_filesize = 2M」と設定されていますが、大きなファイルをアップロードする予定ならばここを変更する必要があります。

※ 見つからない場合は、「upload_max_filesize」と検索してください。

しかし、安易に大きい値を設定してはいけません。

レンタルサーバではこの値に制限を付けている場合もあり、ファイルをアップロードするサーバのスペックに見合う設定をする必要があります。

post_max_size

post_max_size では、一回のアップロードファイルの合計サイズを設定できます。

この設定は「post_max_size」が「upload_max_filesize」の値よりも大きい値を設定するときに必要です。

デフォルトでは、8M と設定されています。

※ 見つからない場合は、「post_max_size」と検索してください。

memory_limit

memory_limit では、メモリ使用量の最大値を設定できます。

この設定は「post_max_size」よりも大きい値を設定する必要があります。

デフォルトでは、128M と設定されています。

※ 見つからない場合は、「memory_limit 」と検索してください。

最後に

いかがでしたでしょうか？

これにて PHP の初期設定が完了です。

php.ini を設定することでさまざまな設定が行えますが、変更前は必ず php.ini のバックアップを取得してください。

また前述していますが、アップロード設定をする際はアップロードするサーバ、パソコンのスペックを事前に確認してから変更するようにしてください。

この記事では、XAMPP のインストール後に行うセキュリティの設定方法について Web 開発が未経験の方でも簡単にできるように説明します。

「セキュリティの設定なんかめんどくさいなあー」と感じる方も多いかもしれませんが、

いまの世の中生活を便利にする様々なシステムがありますが、セキュリティ設定を何もしていないシステムなど存在しません。

XAMPP をインストールしたということは、おそらく自分でホームページをつくろうと考えている方も多いと思いますが、

セキュリティ設定をしていないせいでせっかく自分がつくったホームページが誰かに乗っ取られるような被害を受ければ元も子もありません。

セキュリティ設定をするということは、安心して自分のホームページを作成し運用していく上で非常に重要なことなので、

ぜひこのページを参考に設定を行ってみてください。

セキュリティ設定

今回行うセキュリティ設定内容は以下の通りです。

データベースの root ユーザのパスワード設定

DB(データベース)の root ユーザ（管理者）のパスワードの設定を行います。

これをしないと、デフォルトではパスワード無しでログインできてしまうためデータベースに管理者権限でログインし放題になるため必ず必要な設定になります。

まず設定方法としては、エクスプローラーを開き、Windows(C:) > xampp > phpMyAdmin の「config.inc.php」を開いてください（メモ帳で開いてもOKです）。

そしてその18行目の記述を下記のように「config」→ 「cookie」に変更します。こうすることで、設定画面にログインする際にユーザ名とパスワードが聞かれるようになります。

$cfg['Servers'][$i]['auth_type'] = 'cookie';

次に XAMPPコントロールパネルを開き、ApacheとMySQLを起動させます（ Start ボタンを押下）。

その状態で、MySQL の 「Admin」ボタンを押下します。

すると、「phpMyAdmin」画面が表示されますので、ユーザ名 : root  パスワード: 何も無し の状態で「実行」を押下してください。

すると、下記画面 phpMyAdmin にログインできます。

「ユーザアカウント」を選択し、「root」ユーザの「Edit privileges」をクリックします。

下記画面に遷移しますので、「パスワードを変更する」を選択し好きなパスワードを設定後、「実行」を押下します。

パスワードの設定に成功すると下記画面のようなメッセージが表示されます。

その後、Apache と MySQL を再起動し、もう一度ログイン画面から

ユーザ名 : root  パスワード : 設定した値でログインしてみてください。ログインができれば成功です。

※ もしログインができない場合は下記を試みてください。わたしも最初なぜかログインできませんでしたが、ブラウザのキャッシュを削除すればうまくいけました！！

phpMyAddmin 環境保管領域の設定

ログインすると私は下記のようなメッセージが表示されていました。

このメッセージを解消するためには、下記のステップが必要です。

アップロードファイルの「ファイルを選択」を押下します。

先ほどの Windows(C:) > xampp > phpMyAdmin の「config.inc.php」を選択します。

すると、「ファイル選択」ボタンのファイル名が「config.inc.php」と表示されます。

その後、ページ一番下の「実行」ボタンを押下します。

するとインポートが完了し、データベースが作成されましたことが確認できます。

config.inc.php に設定

つぎにエクスプローラーを開き、Windows(C:) > xampp > phpMyAdmin の「config.inc.php」を開きます。

config.inc.php に下記コードを貼り付けます。もし下記コードが元々あり、コメントアウト（文頭に”//”）が付いている場合は、”//”を外してください。

※ 下記は、「config.sample.inc.php」 に記載してあるコードです。そのファイルからコピーして「config.inc.php 」に貼り付けてもＯＫです。

/* Storage database and tables */
 $cfg['Servers'][$i]['pmadb'] = 'phpmyadmin';
 $cfg['Servers'][$i]['bookmarktable'] = 'pma__bookmark';
 $cfg['Servers'][$i]['relation'] = 'pma__relation';
 $cfg['Servers'][$i]['table_info'] = 'pma__table_info';
 $cfg['Servers'][$i]['table_coords'] = 'pma__table_coords';
 $cfg['Servers'][$i]['pdf_pages'] = 'pma__pdf_pages';
 $cfg['Servers'][$i]['column_info'] = 'pma__column_info';
 $cfg['Servers'][$i]['history'] = 'pma__history';
 $cfg['Servers'][$i]['table_uiprefs'] = 'pma__table_uiprefs';
 $cfg['Servers'][$i]['tracking'] = 'pma__tracking';
 $cfg['Servers'][$i]['userconfig'] = 'pma__userconfig';
 $cfg['Servers'][$i]['recent'] = 'pma__recent';
 $cfg['Servers'][$i]['favorite'] = 'pma__favorite';
 $cfg['Servers'][$i]['users'] = 'pma__users';
 $cfg['Servers'][$i]['usergroups'] = 'pma__usergroups';
 $cfg['Servers'][$i]['navigationhiding'] = 'pma__navigationhiding';
 $cfg['Servers'][$i]['savedsearches'] = 'pma__savedsearches';
 $cfg['Servers'][$i]['central_columns'] = 'pma__central_columns';
 $cfg['Servers'][$i]['designer_settings'] = 'pma__designer_settings';
 $cfg['Servers'][$i]['export_templates'] = 'pma__export_templates';

もう一度「phpMyAdmin」画面にログインしてみてください。下記メッセージが削除されていることが確認できます。

最後に

いかがでしたでしょうか？

自作のホームページを作成するうえでセキュリティ設定というのは非常に重要なものです。

簡単に設定できますので、ぜひこの記事を参考にしてみて下さい！！

自分のパソコンでホームページの開発する際に「 XAMPP」をつかって開発環境を構築しようとすることがある思います。

「 XAMPP」はホームページ開発用に非常に便利なパッケージですが、

実際にどうやって XAMPP をインストールすればいいかわからないということがあると思います。

この記事ではその XAMPP のインストール方法を Windows 10 （64bit）ユーザに向けて画像を使ってわかりやすく説明します。

興味があればぜひご覧いただければと思います！

XAMPPのインストール方法

XAMPPのインストール手順は次の通りです。

XAMPPのインストーラーをダウンロードする！

XAMPP はこの「Apache Friends」というページからインストールします。

この「Apache Friends」を見に行きますと下記のようにパソコンのOSごとのインストーラーをダウンロードできます。

今回は Windows10 パソコンでインストールしますので、「Windows向け」を選択します。

するとインストーラーがダウンロードが開始されますので、完了するまで少し待ちます。

完了したら下記のようなインストーラーがダウンロードされます（Windowsならおそらく「ダウンロード」というフォルダにされます）。

下記ファイル名の「x64-7.7.3.2.2-vc15」はインストーラーのバージョンであり変化する可能性がありますが、特に気にしなくてもいいです。

XAMPPのインストーラーをもとにホームページ開発環境を構築する！

このインストーラーを開くと下記のような警告文が表示されますが、「OK」を押下してください。

※このメッセージの意味は、ユーザアカウント制御（UAC）が有効になっている場合に書き込みが制限されてしまうため、それ以外のファイルパス（C:\Program FIles）にインストールをする必要があるという意味です。

下記のような「Setup」画面が表示されますので、「Next」を押下します。

インストールするコンポーネントを選択できます。特に変更する必要がないのでそのまま「Next」を押下します。

インストール先のフォルダを指定します。問題なければ特に変更することなく「Next」を押下します。

「Bitnami」というアプリケーションをインストールするか捉されますが、今回は特に必要がないのでチェックをはずし「Next」を押下します。

インストールの準備が整いましたら、「Next」を押下しインストールが開始されます。

インストールが開始されますので、少し待ちます（所要時間 : 5分）。

インストールが完了すると「Finish」を押下してください。

するとアプリケーションが自動で起動します。

初期では「Language」設定画面という画面が表示されますので、「英語」もしくは「ドイツ語」を選択します。

XAMPPのコントロールパネルが表示されますので、「Apache」と「MySQL」の「Start」ボタンを押下します。

ブラウザ（Google ChromeでもInternet ExplolerでもOK）を起動し、「http://localhost」と入力すると下記画面が表示されていればOKです。

これにてXAMPPのインストールは完了となります！

最後に

いかがでしたでしょうか？

この記事では、インストール方法についてのみ説明しました。

しかしこれ以外にも 別にXAMPP のセキュリティの設定（MySQLのパスワード設定と認証等の設定）の行う必要があります。

それらの設定方法については別記事で記載いたしますので、ぜひ下記ページも参考にしてみてください。

【自宅PCでWeb開発】XAMPP に必要な最低限のセキュリティ設定

2019.3.18

はじめに この記事では、XAMPP のインストール後に行うセキュリティの設定方法について Web 開発が未経験の方でも簡単にできるように説明します。 「セキュリティの設定なんかめんどくさいなあー」と感じる方も多いかもしれませんが、 いまの世の中生活を便利にする様々なシステムがありますが、セキュリティ...

ではでは。