カテゴリー
サインイン 新規登録

間違いや改善の指摘

内容の技術的な誤り・誤字脱字やミスのご報告・解説やトピックの追記/改善のご要望は教材をさらに良くしていく上でとても貴重なご意見になります。

少しでも気になった点があれば、ご遠慮なく投稿いただけると幸いです🙏

実際には誤りではなく勘違いであっても、ご報告いただけることで教材のブラッシュアップにつながります。

質問ポリシー①

教材受講者みなさんのスムーズな問題解決のために、心がけていただきたいことがあります。

教材の内容に関する質問を投稿しましょう

教材の内容に関係のない質問や教材とは異なる環境・バージョンで進めている場合のエラーなど、教材に関係しない質問は推奨していないため回答できない場合がございます。

その場合、teratailなどの外部サイトを利用して質問することをおすすめします。教材の誤字脱字や追記・改善の要望は「文章の間違いや改善点の指摘」からお願いします。

0-2

PHPの環境構築(Mac)

Webアプリケーションを開発するための環境を構築します。
今回、環境構築するのは、MAMPです。
もし既にお手元のPCにMAMPがあれば、このパートは読み飛ばしても大丈夫です。
注意)今回のパートで環境構築する対応のPCはMacになります。windowsの方も基本的な手順は一緒ですが、ダウンロードするファイルやインストール先のフォルダなどが異なるので注意してください。

MAMPとは

MAMPとはApache・MySQL・PHPを一括でインストールできるソフトのことです。
以前は、Mac専用のソフトでしたが、現在はWindowsにも対応しています。
PHPのローカル開発環境として、広く使われているので、本教材でも採用します。

MAMPをインストールする

それではMAMPをインストールしていきます。
下記のリンクにアクセスしましょう。
https://www.mamp.info/en/downloads/


まず、MAMP & MAMP PROをクリックし、インストール用のファイルをダウンロードします。




ブラウザの左下に、ダウンロードしたファイルが表示されると思います。
ファイル名の横の ∨ をクリックするとメニューが出るので、開くをクリックします。
見つからない場合は、「ダウンロード」フォルダの中にある「MAMP_MAMP_PRO_(バージョン名).pkg」を実行します。



インストール用のウィンドウが開きます。続けるをクリックします。



大切な情報についても、続けるをクリックします。



利用規約については、続けるをクリックすると、同意するかの選択の画面が出ます。



同意するをクリックします。



インストール開始できる状態になりました。インストールをクリックします。



パスワードを入力し、ソフトウェアをインストールをクリックします。



インストールが開始されます。



インストールが完了したら、閉じるをクリックし、インストーラをゴミ箱に入れます。


MAMPを起動する

早速インストールした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の動作テスト

さて、MAMPの動作テストを行ってみましょう。下記のパスにファイルを置き、実行できるかのテストをしてみます。

Copied!
/Applications/MAMP/htdocs

右上の虫眼鏡のマークをクリックし、MAMPと検索します。
検索結果のうち、フォルダのMAMPをクリックし、その中からhtdocsを探しクリックします。



/Applications/MAMP/htdocs に移動できました。まだ真っ白です。
これからファイルを作成し配置しましょう。

以下のようにtest.phpとして新規作成し、保存してください。

Applications
    └── MAMP
          └── htdocs
                 └── test.php
php
123
Copied!
//test.php <?php echo "test";
test.phpとして表示されていれば、適切に保存されています。 下記URLにアクセスしてみましょう。testと表示されれば動作確認が終了です。
http://localhost/test.php
現在のパート (5)
全パート (13)
みんなで助け合おう!
現在のパートのディスカッション 全5件
0-2
村田一成 2021-05-03
サーバー接続

発生している問題

start serversをクリックしても、サーバーに接続できません。(zammpではできた)

0-2
増田康太郎 2021-01-30
MAMP

index.phpがhtdocsにデフォルトで存在する
カリキュラムでは、htdocsには何も入っていない。

0-2
chocolatepyjama 2020-04-26
質問です

「0-1 : PHPのフォームから作れる学習プリントを作ってみよう」の「完成イメージ」のリンクをクリックすると、エラーになり、「girly.lolitapunk.jp という名前のサーバーに接続できません。」と表示されます。どうしたらいいでしょうか?

0-2
mit 2020-03-04
質問です

windows10ユーザーです。

現在、xamppを使用しているのですが、mampではなく、xamppで本講座を進めても問題ないでしょうか?

0-2
大林功和 2020-01-07
質問です

動作確認テストのファイル作成の所がわかりません