ローカルウェブサーバーの設定方法 (Windows, Mac, Linux)

ウェブサイトを開発する際、ウェブデザイナーはエンドユーザーと同じようにウェブページを見る必要があります。時には、HTMLファイルをウェブブラウザでクリックして表示するだけで十分ですが、動的コンテンツをテストしたい場合は、ローカルウェブサーバーを設定する必要があります。これを行うのは非常に簡単で、Windows、macOS、Linuxで簡単に実行できます。多くの種類のウェブサーバーが利用可能ですが、このチュートリアルでは最も一般的なサーバーであるApacheを使用します（どちらが自分にとって良いかを確認するためにNginxとApacheの比較をチェックしてください）。これは非常に設定が簡単で、すべての主要なオペレーティングシステムと互換性があります。

静的ウェブサイトを運営している場合は、最高の静的ウェブサイトCMSのレビューもチェックできます。

目次

• Linuxでのローカルウェブサーバーの設定
• macOSでのローカルウェブサーバーの設定
• Windowsでのローカルウェブサーバーの設定
• WindowsでのLANサーバーの設定
• 追加デバイス
• よくある質問

Linuxでのローカルウェブサーバーの設定

ApacheはUnix系オペレーティングシステム用に設計されました。Linuxはこのカテゴリに該当し、Apacheウェブサーバーのインストールと設定は1ステップで行えます。

ここではコマンドラインを扱います。最も人気のあるディストリビューションでは、ソースからコンパイルすることなく、1つの簡単なコマンドでApacheをインストールできます。

Debian、Ubuntu、およびUbuntuベースのディストリビューションの場合:

sudo apt install apache2

Red HatおよびCentOSの場合

sudo dnf install httpd

インストールが完了したら、ウェブブラウザで「127.0.0.1」または「localhost」に移動します。「It Works!」と表示されれば、Apacheのインストールは成功です。

Apacheがこの特定のウェブページをどのように提供しているかをよりよく理解するために、編集してみましょう。これを行うには、Linuxローカルマシンのルートウェブディレクトリに移動します。

cd /var/www/html

お気に入りのテキストエディタを使用して「index.html」をルートとして開きます。

「It Works!」を検索し、テキストを「Make Tech Easier!」のようなランダムなものに変更します（本当に何でも構いません）。ファイルを保存してください。

次に、127.0.0.1のウェブページを更新します。「It Works!」の代わりに「Make Tech Easier!」が表示されるはずです。

簡単なウェブサーバーを設定したので、「apache2.conf」の設定をいじってみましょう。

sudo nano /etc/apache2/apache2.conf

注意: 設定を変更するたびに、Apacheを再起動して変更を適用する必要があります。

sudo systemctl restart apache2

これが機能しない場合は、直接アップスタートファイルを実行して再起動できます。

sudo /etc/init.d/apache2 restart

macOSでのローカルウェブサーバーの設定

macOSの良い点は、Apacheがデフォルトでインストールされていることです。必要なのはそれをオンにすることだけです。

Finderで「アプリケーション -> ユーティリティ」に移動し、Terminalをダブルクリックして開きます。

すでにインストールされているApacheウェブサーバーをオンにするには、次のコマンドを実行します。

sudo apachectl start

ウェブサーバーが動作しているかテストするために、ウェブブラウザで「127.0.0.1」または「localhost」に移動します。

Linuxと同様に、ドキュメントルートに移動することでウェブページの内容を変更できます。唯一の違いはパスの位置です。

cd /Library/WebServer/Documents/

お気に入りのテキストエディタを使用して「index.html.en」ファイルを編集します。「It works!」を「Hello World!」に変更します。

sudo nano index.html.en

127.0.0.1でホストされているウェブページを更新すると、変更が反映されます。

macOSでApacheウェブサーバーをさらに構成するには、「httpd.conf」ファイルに移動します。

sudo nano /etc/apache2/httpd.conf

Linuxと同様に、root権限でapachectlコマンドを使用してApacheサービスを簡単に再起動できます。

sudo apachectl restart

Windowsでのローカルウェブサーバーの設定

LinuxやmacOSとは異なり、WindowsはUnixベースではないため、インストールするためのワンライナーはありません。幸いなことに、Apache、MySQL、PHPなどをまとめてインストールするウィザードがいくつかあります。これらの1つがXAMPPです。

注意: XAMPPはLinuxやmacOSでも利用可能です。

Windows版のXAMPPをダウンロードし、インストールを開始します。プロンプトが表示されたらインストーラーを実行します。ウェブサーバーが必要なだけの場合は、Apacheのみを選択できます。ただし、データベースを使用する予定がある場合は、MySQLも選択した方が良いでしょう。

インストールを続行し、完了したら「完了」をクリックします。デフォルトでXAMPPコントロールパネルが起動します。

必要に応じてApacheとMySQLの「開始」をクリックします。

ウェブブラウザで「127.0.0.1」または「localhost」に移動すると、XAMPPの設定ページが表示されるはずです。

新しいウェブページを作成する手順は同じです。メモ帳を開いてサンプルHTMLファイルを作成します。「hello.html」と名付けます。

「c:\xampp\htdocs\」にあるドキュメントルートに保存します。

ウェブブラウザで127.0.0.1/hello.htmlに移動すると、作成したウェブページを見ることができます。

注意: WampServerはWindowsにApacheをインストールするためのもう1つの優れたオプションです。

関連記事: WindowsでNginxサーバーをインストールして実行する方法

WindowsでのLANサーバーの設定

もう1つのオプションは、WindowsでLANサーバーを設定することです。この方法では何もインストールする必要はありません。ただし、ルーターまたはルーター/モデムコンボへの直接接続のためにイーサネットケーブルが必要です。

1. イーサネットケーブルを介してコンピュータをルーターに接続します。
2. スタートを開き、「コントロールパネル」を検索します。結果を開きます。
3. 「ネットワークと共有センター」を選択します。

1. 「新しいネットワークまたは接続を設定」を選択します。

1. 「インターネットに接続」を選択し、プロンプトに従ってプロセスを完了します。

1. 他のデバイスをイーサネットまたはWi-Fiを介してLANに接続できます。もちろん、Wi-Fiの場合はWi-Fiパスワードを設定し、それを使用して他のデバイスを接続する必要があります。また、ネットワークと共有センターからリソースを共有するためにホームグループを作成することもできます。

リモートフォルダーに接続したい場合は、アクセスするためにウェブサーバーを設定する必要はありません。WebDAVドライブをWindowsにマッピングすることで簡単に行えます。

追加デバイス

Raspberry Piをお持ちの場合は、それを個人用ウェブサーバーにすることもできます。ここでその方法を見つけてください。

よくある質問

Apacheはウェブサーバーの唯一のオプションですか？

Apacheは優れたウェブサーバーソリューションですが、唯一のオプションではありません。Windows用のオプションとしてIISを検討することもできます。IISはApacheがサポートしていない多くのWindows認証機能をサポートしています。

もう1つのオプションは、シンプルなローカルHTTPサーバー用のPythonです。macOSとLinuxにはすでにインストールされていますが、Windows用にPython.orgからインストールできます。

なぜApacheが私のウイルス対策ソフトと動作しないという警告が出るのですか？

ウイルス対策ソフトの目的は、他の人があなたのコンピュータに侵入するのを防ぐことです。ローカルウェブサーバーを設定すると、外部接続に対してコンピュータを開放することになります。ウイルス対策ソフトはApacheと連携して動作できます。Apacheへのアクセスをウイルス対策ソフトで許可する必要があります。ウイルス対策ソフトから警告が表示され、アクセスを拒否するか許可するかのプロンプトが表示されるはずです。具体的な手順は、使用しているウイルス対策ソフトによって大きく異なります。

サーバーの使用方法によっては、セキュリティを強化するために追加の手順を踏むことをお勧めします。たとえば、Linuxサーバーを保護するためのさまざまなオープンソースツールがあります。

ウェブサーバーを設定するためにメインコンピュータを使用するべきですか、それとも専用コンピュータを使用するべきですか？

基本的なローカルテストを行っているだけなら、コンピュータにあまりトラフィックが来ることはありません。メインコンピュータを使用し、必要に応じてサーバーをオン/オフするだけで大丈夫です。

ウェブサイトや他のリソースをコンピュータからホストする場合は、専用コンピュータをサーバーとして使用する方が良いです。より多くのトラフィックを扱うことになり、より多くのリソースを使用します。これにより、日常のタスクをこなすためにコンピュータのパフォーマンスが低下する可能性があります。

ISPはローカルウェブサーバーを設定することを気にしますか？

一部のISPは帯域幅制限があり、高トラフィックサイトやP2Pダウンロードやトレントのために自分のサーバーをホストすることを禁止している場合があります。また、データ制限が厳しい場合は、基本的なテスト目的以外でサーバーを設定することを避けた方が良いでしょう。

ほとんどのISPはローカルサーバーを気にしません。極端な使用がないためです。たとえば、基本的なテストやBaikalを使用したカレンダーサーバーのホスティングなどです。もし不明な点があれば、ISPに連絡して、何を達成しようとしているのかを説明してください。制限なしでより多くの帯域幅が必要な場合は、ビジネスアカウントを設定してくれるかもしれません。

画像クレジット: Clay Banks via Unsplash