○ はじめに

「 便利ツール(WEBアプリ) 」を作りたい。
　…と思った時に、まずは、材料を揃えないと始められない。

　野菜スープを作りたかったら、
　野菜はモチロン、それらを煮込む
　「鍋(なべ)」がないと作れない。

　って事で、
必要な材料の１つである、『 XAMPP 』
を ダウンロード＋インストール した。

　———-
【超初心者向け】XAMPP開発環境の手順
https://blog.masuyoshi.com/xampp_develop/
　———-

『 XAMPP 』のダウンロードとインストールの手順は、
ココ(上記↑) を参考にした方が良いと思う。

手順を覚える必要はないが、
新しくパソコンを購入したときに 一人でも
環境構築 できるよう 備忘録 を残すことにした。

まずは、必要なソフトをダウンロード。

■ XAMPP ダウンロード
https://www.apachefriends.org/jp/index.html
　↑
ココから、ダウンロード。

　[ Next >]

　[ ＯＫ ]

　[ Next >]

画像を参考に、必要最低限度のモノに
チェックを入れて、次へ。 [ Next >]

　[ Next >]

English を選択。次へ。 [ Next >]

　[ Next >]

　[ Next >]

完了するまで、待ちましょう。

① プライベートネットワーク　　… にチェックを入れて、
② [ アクセスを許可する ] をクリック。

　[ Finish ]
　（ インストール完了 ）

インストールが完了すると、
フォルダ(Ｃドライブ直下)に「 xamppフォルダ 」が表示されます。

　その xamppフォルダ内にある「 xampp-control.exe 」
　を ダブルクリック。（ xamppコントロールパネルが起動します ）

[ Apache ]
[ MySQL ]
　の 「 Start 」 ボタンをクリック。（ 起動させる ）

① プライベートネットワーク　　… にチェックを入れて、
② [ アクセスを許可する ] をクリック。

[ Apache ]
[ MySQL ]
　が 緑色に表示 されれば、正常に起動 しています☆

ブラウザを起動。

　⇒ アドレスバーに「 localhost 」と入力。
　⇒ [ Enter ]

　[ PHPinfo ] をクリック。

下記画像のように、
　PHPのバージョン、その他の情報が表示 されていれば、
　無事、インストール完了☆　です☆

■ PHPプログラムでテスト をしましょう。

フォルダを作成する。
（ 場所は、ココ ↓↓↓ へ!! ）
　　　↓↓↓
【 C:\xampp\htdocs 】
　　　↓↓↓
フォルダ名【 test 】
ファイル名【 index.php 】

　———-

　VSCode ( VisualStudioCode )
　プログラムコードの編集ソフト を開く。

ファイル名【 index.php 】の中に、プログラムを記述する。

記述し終えたら、ブラウザで確認。
ブラウザのアドレスバーに、下記アドレスを打ち込む。
　【 http://localhost/test/ 】

　… 失敗しました orz

まぁ、最初は、こんなもんです。 原因を調べましょう。
一番、多いミスが、「 保存する場所を間違えている 」 です。
今回も？ まさにそれ でした 。。。

みなさんも、気をつけてくださいね…。
（ 自分に言い聞かせる ）

　【 祝 】 表示されました☆