localhostで書いたコードを実装したい！

Question

こんにちは。webアプリ開発初心者です。
私は独学でwebアプリの作成をしています。

---------------------------------------------
環境
macos catalina
ver. 10.15.4

課題

HTMLで書いたコードをlocalhostで実装できない。

現状

webアプリを作りたい⇨HTML/CSS/php/sql/コマンドライン/git の知識をprogateで習得
⇨ポートフォリオを作成しよう⇨(今ここ)HTMLで書いたコードをローカル環境で動くか実装しよう

具体的現状
・XAMPPでlocalhost起動
・C:\xampp\htdocsに作ったindex.phpを保存
・http://localhost/index.phpにアクセスできない（今ここ）

参考にした記事は下記です。
超簡単！PHPプログラムをローカルで動作確認するための環境構築方法
環境

解決の為にした事

（仮定）localhostのポートが競合している
・C:\xampp\apache\conf\http.confのhttp.confのポート番号を修正する。

超簡単！PHPプログラムをローカルで動作確認するための環境構築方法
環境
から引用

もしアクセスできない場合

80番のポートが競合している可能性があります。以下の設定の変更を試してみてください。
「C:\xampp\apache\conf\http.conf」を修正していきます。
※一応バックアップを取っておいてください。
では、「http.conf」ファイルを開いてください。
修正するのは、ポートの設定だけです。
多くの場合80は使われているので、81を使います。
（Windowsの場合、IISが80を使ってたりします。）
【修正前】
http.conf
Listen 80
【修正後】
http.conf
Listen 81

⇨試したがアクセス権の関係で修正できない

・競合しているポートをKILLする
⇨killできていない又はできているがlocalhostが自分が書いたコードではなく”itwork！”のまま。

解決案

・何が原因でlocalhostで実装できないのでしょうか？
①上の解決策は合っているがやり方が違う

②上の解決策が違う。

③そもそもwebアプリを作る上での考え方が違う。

④その他

理想はDOCKER/html/css/phpを使ってwebアプリを開発することです。
今の現状がどういった理由で実装できないのか？又、アプリ開発する上での自分のやり方自体が間違っているのか？　

相談できる人がおらず、何が分からないかも分からない状態なのでおかしな質問だと思いますが、ご教授頂けますと幸いです。

Comments

[m.ts10806]

Mac所有者じゃないので詳しくないのですが、MacってCドライブありましたっけ。Windows特有のものだったと思うのですけど

[kai0310]

一応「Macintosh HD」というものが該当するかと思います。

Answer 1

参考にされている記事はwindows用のものです。
macOS用の環境構築の記事を探しましょう、

また、teratailでmac xamppで検索すると、困っている人が多く、結局MAMPを使って解決しているケースが多くみられます。

解決方法

1. とりあえずインストールしたxamppはアンインストールする
2. mac MAMP 入門あたりで検索して、macOS+MAMPの環境をインストールして設定する

Answer 2

既に出ている回答の通りかと思いますが（本当に頻出過ぎて、誰かが布教しているんじゃないかと疑うくらい）

理想はDOCKER/html/css/phpを使ってwebアプリを開発することです。

なら、初めからDockerで環境構築に挑戦されては如何でしょうか。
もしかしたら「いきなりDockerは・・・」と異を唱える人もいるかもしれませんが、「MacでXAMPP」よりは参考記事になる記事は多いと思います。

Answer 3

ご回答ありがとうございました。dockerで実装できるということもご教授頂けたので、早速実装していこうと思います。

Comments

[m.ts10806]

「Dockerで実装できる」とは誰の意見でしょうか。私の方はそのようには書いていませんが。

[kobayashy_kazu]

ご返信ありがとうございます。自分の認識ではmampを使いlocalhostに接続してwebアプリを作ることをdockerを用いてもできるという理解でしたが、上記は表記方法が違うということでしょうか？「dockerを使っても実装できる」という表記であればお間違い無いですか？

[m.ts10806]

いえ、「できるということもご教授いただいた」とあるので、「誰がそう教えたのかな」という単純な疑問です