教材の内容に関係のない質問や教材とは異なる環境・バージョンで進めている場合のエラーなど、教材に関係しない質問は推奨していないため回答できない場合がございます。
その場合、teratailなどの外部サイトを利用して質問することをおすすめします。教材の誤字脱字や追記・改善の要望は「文章の間違いや改善点の指摘」からお願いします。
Webアプリケーションを開発するための環境を構築します。
今回、環境構築するのは、MAMPです。
もし既にお手元のPCにMAMPがあれば、このパートは読み飛ばしても大丈夫です。
注意)今回のパートで環境構築する対応のPCはMacになります。windowsの方も基本的な手順は一緒ですが、ダウンロードするファイルやインストール先のフォルダなどが異なるので注意してください。
MAMPとはApache・MySQL・PHPを一括でインストールできるソフトのことです。
以前は、Mac専用のソフトでしたが、現在はWindowsにも対応しています。
PHPのローカル開発環境として、広く使われているので、本教材でも採用します。
それではMAMPをインストールしていきます。
下記のリンクにアクセスしましょう。
https://www.mamp.info/en/downloads/
まず、MAMP & MAMP PROをクリックし、インストール用のファイルをダウンロードします。
ブラウザの左下に、ダウンロードしたファイルが表示されると思います。
ファイル名の横の ∨ をクリックするとメニューが出るので、開くをクリックします。
見つからない場合は、「ダウンロード」フォルダの中にある「MAMP_MAMP_PRO_(バージョン名).pkg」を実行します。
インストール用のウィンドウが開きます。続けるをクリックします。
大切な情報についても、続けるをクリックします。
利用規約については、続けるをクリックすると、同意するかの選択の画面が出ます。
同意するをクリックします。
インストール開始できる状態になりました。インストールをクリックします。
パスワードを入力し、ソフトウェアをインストールをクリックします。
インストールが開始されます。
インストールが完了したら、閉じるをクリックし、インストーラをゴミ箱に入れます。
早速インストールしたMAMPを起動してみましょう。
右上の虫眼鏡のマークをクリックし、MAMPと検索します。
検索結果には、MAMPとMAMPPROがありますが、MAMPの方をクリックし、エンターを押します。
MAMPのアプリケーションの画面が開きます。
動作テストの前に、まずはデフォルトのポート番号の設定を変更しておきましょう。 左上のメニューからMAMP→Preferenceをクリックします。
(メニューがMAMPではない場合は、一度MAMPアプリケーションの一部をクリックするとメニューがMAMPになります。)
Portsタブをクリックし、Set Web & MySQL ports to 80 & 3306をクリックして、ポート番号を変更します。
Apache Port と Nginx Port が80、MySQL Portが3306に変更できたと思います。OKをクリックして設定を反映させます。
Start Serversをクリックし、サーバーを立ち上げましょう。
Apache ServerとMySQL Serverが緑色になり、Start Serverの文言がStop Serverに変わり、緑色になりました。それと同時に、ブラウザのタブが新しく開き、「http://localhost/MAMP/?language=English」 の内容が表示されたと思います。
これでサーバーが立ち上がりました。
もしエラーが出てしまった場合は、再起動してもう一度試してみましょう。
さて、MAMPの動作テストを行ってみましょう。下記のパスにファイルを置き、実行できるかのテストをしてみます。
Copied!/Applications/MAMP/htdocs
右上の虫眼鏡のマークをクリックし、MAMPと検索します。
検索結果のうち、フォルダのMAMPをクリックし、その中からhtdocsを探しクリックします。
/Applications/MAMP/htdocs に移動できました。まだ真っ白です。
これからファイルを作成し配置しましょう。
以下のようにtest.phpとして新規作成し、保存してください。
Applications └── MAMP └── htdocs └── test.php
php123 Copied!//test.php
<?php
echo "test";
test.phpとして表示されていれば、適切に保存されています。
下記URLにアクセスしてみましょう。testと表示されれば動作確認が終了です。「0-1 : PHPのフォームから作れる学習プリントを作ってみよう」の「完成イメージ」のリンクをクリックすると、エラーになり、「girly.lolitapunk.jp という名前のサーバーに接続できません。」と表示されます。どうしたらいいでしょうか?
windows10ユーザーです。
現在、xamppを使用しているのですが、mampではなく、xamppで本講座を進めても問題ないでしょうか?