xammpのインストールwealthcreator1.com/programer00/wp-content/uploads/2018/12/999b… ·...

10
XAMMP のインストール こちらをクリック https://www.apachefriends.org/jp/download.html 自分の PC に合わせてダウンロードする 今回の環境 Mac なので「OSX 向け」をダウンロード Windows 版はこちらのサイトで進めてみて下さい https://www.koreyome.com/web/xampp-setup01-install/ バージョンは 7.2.13 をダウンロードしました。

Upload: others

Post on 17-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: XAMMPのインストールwealthcreator1.com/programer00/wp-content/uploads/2018/12/999b… · insecure if you want to have your installation accessible to others. If you want have

XAMMPのインストール こちらをクリック ⒈ https://www.apachefriends.org/jp/download.html 自分の PCに合わせてダウンロードする 今回の環境Macなので「OSX向け」をダウンロード Windows 版はこちらのサイトで進めてみて下さい https://www.koreyome.com/web/xampp-setup01-install/ バージョンは7.2.13 をダウンロードしました。

Page 2: XAMMPのインストールwealthcreator1.com/programer00/wp-content/uploads/2018/12/999b… · insecure if you want to have your installation accessible to others. If you want have

⒉ Window はダウンロードが終わったら解凍、Mac はダウンロードしたファイルと開きます。

⒊ Windows は exe ファイルをクリック Mac は XAMPP.app をクリック

Page 3: XAMMPのインストールwealthcreator1.com/programer00/wp-content/uploads/2018/12/999b… · insecure if you want to have your installation accessible to others. If you want have

⒋ 「開く」をクリックして「パスワード」を入力

⒌ 「Next」をクリック

⒍ そのまま「Next」をクリック

Page 4: XAMMPのインストールwealthcreator1.com/programer00/wp-content/uploads/2018/12/999b… · insecure if you want to have your installation accessible to others. If you want have

⒎ またまた「Next」をクリック

⒏ 「Next」をクリック

Page 5: XAMMPのインストールwealthcreator1.com/programer00/wp-content/uploads/2018/12/999b… · insecure if you want to have your installation accessible to others. If you want have

このようなページが立ち上がりますが今は閉じて下さい。

⒐ 「Next」をクリック

Page 6: XAMMPのインストールwealthcreator1.com/programer00/wp-content/uploads/2018/12/999b… · insecure if you want to have your installation accessible to others. If you want have

インストールが始まります。

⒑ 「Finish」をクリック

Page 7: XAMMPのインストールwealthcreator1.com/programer00/wp-content/uploads/2018/12/999b… · insecure if you want to have your installation accessible to others. If you want have

11.http://localhost/dashboard/ この URLでブラウザを開くとこのページが表示されればOK

12.「MySQL」を選択し「start」をクリックしデータベースサーバーを立ち上げる

Page 8: XAMMPのインストールwealthcreator1.com/programer00/wp-content/uploads/2018/12/999b… · insecure if you want to have your installation accessible to others. If you want have

13.「http://localhost/dashboard/」で「phpMyAdmin」をクリック

この画面が表示されればOK! この画面はデータベースの管理画面です。 14.PHPを実行してみる。 「Atom」を開いて “Hello World!!” と入力し「Save」

Page 9: XAMMPのインストールwealthcreator1.com/programer00/wp-content/uploads/2018/12/999b… · insecure if you want to have your installation accessible to others. If you want have

15.ファイル名「sample.php」でデスクトップなどの任意の場所に保存

16.「アプリケーション」>「XAMPP」>「htdocs」に先ほど作成した 「sample.php」を配置

Page 10: XAMMPのインストールwealthcreator1.com/programer00/wp-content/uploads/2018/12/999b… · insecure if you want to have your installation accessible to others. If you want have

17.インターネットブラウザを立ち上げて http://localhost/sample.php で表示されればこれで開発環境の準備完了!

おめでとうございます!!