自宅でウェブホストを作る方法

ページ名:自宅でウェブホストを作る方法

このWikiHowでは、自分のホームネットワークでウェブサイトをホストする方法を説明します。MAMPというフリーソフトを使います。

パート1

ウェブサイトをホストする準備

  1. インターネットサービスプロバイダがホスティングを許可していることを確認してください。小規模なローカルホスティングであれば、インターネットサービスプロバイダのポリシーに関係なく通常は問題ありませんが、他のネットワークからのトラフィックが多いウェブサイトを作成すると、ISPの利用規約に反する可能性があります。
    • ほとんどの場合、インターネットプランを「ビジネス」(または同様の)アカウントにアップグレードすることで、より大規模なホスティングをサポートできるようになります。
  2. 必要に応じて、ウェブサイトのソースコードを作成します。ホームページに使えるドキュメントがない場合は、.
  3. PHPドキュメントを扱えるテキストエディタをインストールする。WindowsかMacかによって異なります:
    • Windows - が最適です。
    • Mac - ページ右側の「Free Download」をクリックすると、「BBEdit」という無料のテキストエディタをダウンロードできます。
パート2

MAMPのインストール

  1. MAMPのウェブサイトを開きます。コンピュータのウェブブラウザにアクセスします。
    • サーバーをホストしたいコンピューターで行っていることを確認してください。
  2. ダウンロードオプションを選択します。Windows版MAMPの場合はMAMP & MAMP PRO 4.0.1、Mac版MAMPの場合はMAMP & MAMP PRO 5.0.1をクリックします。MAMPセットアップファイルのダウンロードが始まります。
    • ファイルがダウンロードされる前に、ダウンロードを確認するか、保存場所を選択する必要があるかもしれません。
  3. MAMPのダウンロードが完了するまで待ちます。MAMPセットアップファイルのダウンロードが完了したら、次に進みます。
  4. MAMPセットアップファイルをダブルクリックします。インストールウィンドウが開きます。
    • Macの場合、これはPKGファイルです。
  5. 画面上のインストール手順に従ってください。お使いのコンピュータのOSによって異なりますが、「MAMP PROをインストールする」にチェックが入っている場合は、必ずチェックを外してください。
  6. MAMPのインストールが完了するまで待ちます。MAMPのインストールが完了したら、設定を進めます。
パート3

MAMPの設定

  1. MAMPを開きます。グレーの象のアプリのアイコンをクリックするか、ダブルクリックしてください。MAMPのダッシュボードウィンドウが表示されます。
    • Macの場合、MAMPアプリのアイコンは「アプリケーション」フォルダの中にあります。
  2. プロンプトが表示されたら、「Use next free port」をクリックします。これにより、MAMPはポート80の使用をスキップし、次の空きポートを使用するようになります。
    • ほぼすべての場合、ポート80が空いていなければ、MAMPはポート81を使用します。
  3. プロンプトが表示されたら「Yes」をクリックします。そうすることで、MAMPは選択したポートを使用できるようになります。
  4. ファイアウォールの要求を確認します。Windowsコンピュータを使用している場合、ファイアウォールはApacheとMySQLの両方を通す許可を求めてきます。先に進む前に、両方のプロンプトで「許可」をクリックします。
    • Macの場合、このステップは飛ばしてください。
パート 4

ウェブサイトのアップロード

  1. ウェブサイトのソースコードをコピーします。ウェブサイトのソースコードを含むドキュメントを開き、ドキュメントのテキストをハイライトして、Ctrl+C(Windows)または⌘Command+C(Mac)を押します。
  2. 環境設定...をクリックします。MAMPウィンドウの左側にあります。ポップアップウィンドウが開きます。
  3. Web Serverタブをクリックします。このオプションはポップアップウィンドウの一番上にあります。
  4. 開く」をクリックします。ウィンドウの真ん中にあります。MAMPの「htdocs」フォルダが開きます。
    • Macの場合は、「Document Root」の見出しの右側にあるフォルダ型のアイコンをクリックします。
  5. index.php "ファイルを開きます。index.php」ファイルを右クリックし、表示されるドロップダウンメニューから「メモ帳++で編集」をクリックします。
    • Macの場合は、"index.php "ファイルを一度クリックし、[ファイル]をクリックし、[ファイルを開く]を選択し、BBEditオプションをクリックします。これがうまくいかない場合は、BBEditを開き、"index.php "ファイルをウィンドウにドラッグします。
  6. index.php "ファイルの内容をソースコードに置き換えます。Ctrl+A(Windows)または⌘Command+A(Mac)を押して、"index.php "ドキュメント内のテキストをすべて選択し、Ctrl+Vまたは⌘Command+Vを押して、コピーしたウェブサイトのソースコードを貼り付けます。
  7. ドキュメントを保存します。Ctrl+S (Windows) または ⌘ Command+S (Mac) を押して保存します。
  8. ドキュメントとそのホストフォルダを閉じます。MAMPの「環境設定」ポップアップウィンドウに戻ります。
  9. OKをクリックします。ウィンドウの一番下にあります。これで設定が保存され、ポップアップウィンドウが閉じます。
パート5

ウェブサイトにアクセスする

  1. Start Serversをクリックします。ウィンドウの右側にあります。
  2. スタートページを開く]をクリックします。このオプションはウィンドウの左側にあります。MAMPスタートページがデフォルトのウェブブラウザで開きます。
  3. マイウェブサイト」タブをクリックします。ページの一番上にあります。あなたのウェブサイトが開きます。
  4. 自分のウェブサイトを確認します。ウェブサイトをスクロールして、全体を表示します。
  5. ウェブサイトのアドレスを確認します。ウェブサイトのアドレスは、ブラウザ上部のアドレスバーで確認できます。あなたのウェブサイトのアドレスは、「localhost:81」のようになっているはずです。これは、MAMPの実行中に現在のネットワークにいるときに、ウェブサイトにアクセスするために入力するアドレスです。
パート6

他のコンピューターからウェブサイトを見る

  1. ウェブサイトがライブであることを確認してください。ウェブサイトにアクセスするためには、ホストコンピューターでMAMPが起動している必要があります。
    • MAMP(またはホストコンピュータ)の電源が切れていると、ウェブサイトに接続できません。
  2. ホストコンピュータに固定IPアドレスを設定します。静的IPアドレスを設定すると、コンピュータのIPアドレスが変更されないため、ウェブサイトのアドレスが一定に保たれます:
    • .
    • 必要に応じてログインします。
    • 現在接続されているコンピュータのリストを検索します。
    • コンピュータの名前を見つけます。
    • コンピュータのIPアドレスの横にある「予約」または「ロック」オプションを選択します。
  3. .ルーターの "Port Forwarding "セクションを開き、MAMPの設定時にApacheに使用したポートを追加し、設定を保存します。
    • Apacheが使用しているポートは、MAMPダッシュボードの「Preferences...」をクリックし、「Ports」タブをクリックして、「Apache」の見出しの横にある数字を見れば確認できます。
  4. ホストコンピュータのパブリックIPアドレスを探します。最も簡単な方法は、Googleを開き、What is my ipと入力し、↵Enterを押すことです。検索結果の一番上に、あなたのコンピュータのパブリックIPアドレスが表示されるはずです。
  5. 別のネットワーク上のコンピュータを使用する。ネットワークのローカルホストとパブリックIPアドレスの競合を防ぐには、別のネットワーク上のホストコンピュータとは別のコンピュータを使ってウェブサイトに接続してみてください。
  6. ウェブサイトにアクセスしてください。別のネットワーク上のコンピュータを使って、ウェブブラウザを開き、ホストコンピュータのパブリックIPアドレスを入力し、コロン(:)を入力し、Apacheポート番号を入力し、↵Enterを押します。これでウェブサイトが表示されます。
    • 例えば、ホストコンピュータのパブリックIPアドレスが "123.456.78.901 "で、Apacheにポート81を使用している場合、123.456.78.901:81と入力し、↵Enterを押します。
この記事は、CC BY-NC-SAの下で公開されている「 How to Create a Web Host in Your Home」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧