自分のパソコンでホームページの開発する際に「 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 開発が未経験の方でも簡単にできるように説明します。 「セキュリティの設定なんかめんどくさいなあー」と感じる方も多いかもしれませんが、 いまの世の中生活を便利にする様々なシステムがありますが、セキュリティ...

ではでは。

「https 化ってなんで必要なんだろうか？」

そんなこと思ったことはありませんか？

自分のホームページをつくったら「https 化しよう！」というワードを一回は見ることになると思います。

結論から言いますと、

ホームページを作成したら絶対にHTTPS 化しましょう！というかした方がいいことだらけです！

この記事では HTTPSとは何か？ HTTPSの必要性についてと

エックスサーバー上での具体的な HTTPS化の手順について簡単に説明します。

そもそも HTTPS とは何か？

HTTPS とは、インターネットでホームページをする時に発生する通信を

暗号化する通信プロトコル（通信のお決まりごと）のことです。

その通信を第三者が覗き見た時に暗号化されているから通信が解読できないんですよ！

つまり HTTPS にすると第三者に盗聴されることなく安全に通信ができるんです！（下はイメージ図です！）

暗号化通信していないとき

例えば A君とBさんが会話してなんらかのやり取りをしている場合、C君がそれを盗み聞こうとしています。

そんなとき、A君とBさん間のやり取りが暗号化されていないとそのまま内容が筒抜けになってしまいます。

暗号化通信しているとき

上記に対して暗号化通信をしていると、A君とBさん間のやり取りがC君に盗み聞かれずに安全にやり取りができます。

ワイのサイトそんなにばれたらまずい情報ないで？

「私のサイトにそんなたいしたな情報ないよ...」っていう方、

少なからずログインIDやパスワードは通信データとして発信されていますね！

もちろん通信の安全性だけではありません。HTTPS の設定をすると以下のメリットがあります。

これだけ見たらさすがに HTTPS の設定をしようと思います。

さて次に WordPress での HTTPS 化のやり方をご紹介しましょう！！

超簡単！！Wordpress で HTTPS 化しよう！！

本手順は、エックスサーバー上での HTTPS 化する方法を解説いたします。

エックスサーバーの「サーバパネル」での設定

① エックスサーバーの「サーバパネル」にログインし、「SSL設定」 をクリックします。

② 下記画面で HTTPS 化するドメインを選択し（下記画面では「xxxxx.com」）、「選択する」をクリックします。

③ 下記画面が表示されますので「独自SSL設定の追加」タブを選択し、

そのまま「独自SSL設定を追加する(確定)」をクリックします。

④ 下記画面が表示されますので、少し待つと完了します。サーバ上での設定は以上です。

WordPress の管理画面での設定

① 次に WordPress の管理画面にログインし、「設定」→ 「一般」とクリックします。そして下記画面のようにWordpress アドレス (URL) とサイトアドレス(URL) の「http://」と記述してある箇所を「https://」と変更します。

② 画面下にスクロールして、「変更を保存」をクリックします。

③ 次にプラグイン 「Search Regex」をインストールします。

メニューの「プラグイン」→ 「新規追加」から「Search Regex」を検索し、インストール & 有効化 をしてください。

このプラグインは内部リンクを全部 「https://」に変更してくれます。

④ 次にメニューの「ツール」→ 「Search Regex」をクリックします。

⑤ 下記画面が表示されますので、変更前後のURLを入力し、「Replace & Save」をクリックします。

⑥ 次に、最後にWordpress のサーバーパネルにログインし「.htaccess編集」を押下します。

⑦ そして自分のサイトのドメイン名を選択し、

「.htaccess編集」タブ →「.htaccess」ファイルに以下のコードを一番上に張り付けて保存してください。

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>

これでOKです！

一旦、管理画面を閉じてもう一度ログインしなおしてください。URL が 「https://」になってたら OK です！

最後に

以上で手順解説を終了します。

ぜひこの記事を参考に HTTPS 化に挑戦してみてください。

最後までご精読ありがとうございます。